[{"data":1,"prerenderedAt":177},["ShallowReactive",2],{"site-chrome":3,"i-lucide:sparkles":70,"i-lucide:pencil-ruler":74,"cms-page:\u002Fdocs\u002Fvoxels":76,"i-lucide:arrow-right":173,"i-lucide:layout-grid":175},{"nav":4,"footer":25},{"id":5,"brand":6,"links":7},1,"CubbyCAD",[8,13,17,22],{"id":5,"sort":5,"label":9,"href":10,"external":11,"visibility":12},"Home","\u002F",0,"always",{"id":14,"sort":14,"label":15,"href":16,"external":11,"visibility":12},2,"Explore","\u002Fexplore",{"id":18,"sort":19,"label":20,"href":21,"external":11,"visibility":12},5,4,"Docs","\u002Fdocs",{"id":19,"sort":18,"label":23,"href":24,"external":11,"visibility":12},"Enhanced Plan","\u002Fpricing",{"id":5,"tagline":26,"version_label":27,"links":28},"A browser-based 3D modeler for designing parts you can actually print.","v0.1",[29,34,37,40,43,47,52,59,65],{"id":5,"sort":30,"group":31,"label":32,"href":33,"external":5,"visibility":12},10,"Use","Open the editor","\u002Feditor\u002F",{"id":14,"sort":35,"group":31,"label":36,"href":16,"external":11,"visibility":12},11,"Explore parts & workspaces",{"id":38,"sort":39,"group":31,"label":20,"href":21,"external":11,"visibility":12},3,12,{"id":19,"sort":41,"group":31,"label":42,"href":24,"external":11,"visibility":12},13,"Pricing",{"id":18,"sort":44,"group":31,"label":45,"href":46,"external":5,"visibility":12},14,"Slicer","\u002Fslicer\u002F",{"id":48,"sort":49,"group":31,"label":50,"href":51,"external":11,"visibility":12},6,15,"Credits","\u002Fcredits",{"id":53,"sort":54,"group":55,"label":56,"href":57,"external":11,"visibility":58},7,20,"Account","Your workspaces","\u002Faccount","signed-in",{"id":60,"sort":61,"group":55,"label":62,"href":63,"external":11,"visibility":64},8,21,"Sign in","\u002Flogin","signed-out",{"id":66,"sort":67,"group":55,"label":68,"href":69,"external":11,"visibility":64},9,22,"Make an account","\u002Fsignup",{"left":11,"top":11,"width":71,"height":71,"rotate":11,"vFlip":72,"hFlip":72,"body":73},24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4m2-2h-4\"\u002F>\u003Ccircle cx=\"4\" cy=\"20\" r=\"2\"\u002F>\u003C\u002Fg>",{"left":11,"top":11,"width":71,"height":71,"rotate":11,"vFlip":72,"hFlip":72,"body":75},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7L8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13m1-7l2-2m8 12l2-2m-3-3l4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4\"\u002F>",{"id":60,"title":77,"permalink":78,"status":79,"meta_title":80,"meta_description":81,"og_image":82,"blocks":83},"Voxels","\u002Fdocs\u002Fvoxels","published","Voxels · CubbyCAD docs","Build models out of blocks on an adaptive octree that supports varying detail levels and smooth slopes — edited in place in the 3D editor.",null,[84,92,99,107,149,156],{"id":85,"sort":14,"collection":86,"item":87},35,"block_hero",{"id":60,"eyebrow":88,"headline":77,"subhead":81,"figure":89,"note":82,"tone":90,"buttons":91},"Release your inner kid","","peach",[],{"id":93,"sort":19,"collection":94,"item":95},36,"block_richtext",{"id":49,"eyebrow":82,"heading":82,"body":96,"align":97,"variant":98,"tone":98},"\u003Cp>Voxel parts let you model by placing and carving blocks, like building with cubes. CubbyCAD's voxel engine (Ported from the \u003Ca href=\"http:\u002F\u002Fsauerbraten.org\" target=\"_blank\" rel=\"noopener\">Cube 2 engine\u003C\u002Fa>) is an octree, so it can mix coarse blocks where the surface is flat with finer detail and angled slopes where you need it — keeping things blocky by intent but not crude. Colour is per-cell, and the result is watertight and ready to slice.\u003C\u002Fp>\n\u003Cp>Reach for voxels for blocky\u002Flow-poly props, terrain, organic mass-outs, or anything where hand-placing volume is faster than parametric modelling. Voxel parts are edited in place as an edit mode of the 3D editor — there's no separate workbench to switch to.\u003C\u002Fp>","left","default",{"id":100,"sort":18,"collection":101,"item":102},86,"block_media",{"id":41,"image":103,"image_path":82,"alt":104,"caption":105,"heading":82,"body":82,"layout":106,"tone":98,"video":82,"video_path":82},"7ca2723e-a125-4366-ad1c-c67855d1200c","Voxels: a blocky model on the octree","**Overview.** A voxel model built from blocks, with sloped detail.","full",{"id":108,"sort":48,"collection":109,"item":110},37,"block_steps",{"id":39,"eyebrow":82,"heading":111,"intro":82,"tone":112,"image":113,"image_path":82,"video":82,"video_path":82,"alt":114,"caption":115,"items":116},"How to use it","sky","70ec59af-f9ae-49a7-8908-3facce80d344","The voxel tool palette","**In the editor.** The voxel Draw \u002F Sculpt \u002F Select \u002F Paint tools and the Tool options card.",[117,121,125,129,133,137,141,145],{"id":118,"block_steps":39,"sort":5,"title":119,"body":120},75,"Start a voxel part","\u003Cp>Start a voxel part one of three ways: run \u003Cspan class=\"menu\">New voxel part\u003C\u002Fspan> from the command palette; drop the \u003Cstrong>Voxel Part\u003C\u002Fstrong> tile from the shape palette into the scene; or select an existing part and run \u003Cspan class=\"menu\">Convert to Voxel\u003C\u002Fspan> (or \u003Cspan class=\"menu\">Voxelize mesh…\u003C\u002Fspan>) to turn geometry into voxels.\u003C\u002Fp>",{"id":122,"block_steps":39,"sort":14,"title":123,"body":124},76,"Choose conversion settings","\u003Cp>For a conversion, the \u003Cspan class=\"menu\">Convert to Voxel\u003C\u002Fspan> dialog lets you choose a \u003Cstrong>Quality\u003C\u002Fstrong> tier (\u003Cstrong>Fast\u003C\u002Fstrong> = blocky occupancy only, \u003Cstrong>Balanced\u003C\u002Fstrong> = base-level slopes, \u003Cstrong>High\u003C\u002Fstrong> = full slope-fitting + refinement), a \u003Cstrong>Resolution\u003C\u002Fstrong>, and optionally \u003Cstrong>Max refinement levels\u003C\u002Fstrong>. Click \u003Cstrong>Convert\u003C\u002Fstrong>.\u003C\u002Fp>",{"id":126,"block_steps":39,"sort":38,"title":127,"body":128},77,"Pick a voxel tool","\u003Cp>The voxel \u003Cstrong>tool palette\u003C\u002Fstrong> opens in the left sidebar, grouped into \u003Cstrong>Draw\u003C\u002Fstrong>, \u003Cstrong>Sculpt\u003C\u002Fstrong>, \u003Cstrong>Select\u003C\u002Fstrong>, and \u003Cstrong>Paint\u003C\u002Fstrong>. Pick a tool — e.g. \u003Cstrong>Block\u003C\u002Fstrong>, \u003Cstrong>Sphere brush\u003C\u002Fstrong>, \u003Cstrong>Cube brush\u003C\u002Fstrong>, \u003Cstrong>Slope line\u003C\u002Fstrong>, or \u003Cstrong>Select \u002F edit\u003C\u002Fstrong>.\u003C\u002Fp>",{"id":130,"block_steps":39,"sort":19,"title":131,"body":132},78,"Set the tool options","\u003Cp>In the contextual \u003Cstrong>Tool options\u003C\u002Fstrong> card, set the mode — \u003Cstrong>Add\u003C\u002Fstrong>, \u003Cstrong>Subtract\u003C\u002Fstrong>, or \u003Cstrong>Paint\u003C\u002Fstrong> (recolour) — the \u003Cstrong>Brush size\u003C\u002Fstrong>, and a colour from the palette popover.\u003C\u002Fp>",{"id":134,"block_steps":39,"sort":18,"title":135,"body":136},79,"Place, carve, or paint","\u003Cp>Click\u002Fdrag in the viewport to place, carve, or paint cells. Drag with the \u003Cstrong>Block\u003C\u002Fstrong> tool to draw a line of cells.\u003C\u002Fp>",{"id":138,"block_steps":39,"sort":48,"title":139,"body":140},80,"Add slopes and detail","\u003Cp>To add slopes\u002Fdetail: use the \u003Cstrong>Slope line\u003C\u002Fstrong> tool (click a start then an end point, choose \u003Cstrong>Wedge\u003C\u002Fstrong> or \u003Cstrong>Slab\u003C\u002Fstrong>), or with the \u003Cstrong>Select \u002F edit\u003C\u002Fstrong> tool pick a face and use plain scroll to resize the edit cube, \u003Ckbd>Shift\u003C\u002Fkbd>+scroll to push a corner in, and \u003Ckbd>Alt\u003C\u002Fkbd>+scroll to pull it out.\u003C\u002Fp>",{"id":142,"block_steps":39,"sort":53,"title":143,"body":144},81,"Set resolution and symmetry","\u003Cp>Adjust the overall \u003Cstrong>Resolution\u003C\u002Fstrong> (the ÷2 \u002F ×2 detail slider) and \u003Cstrong>Symmetry\u003C\u002Fstrong> (X\u002FY\u002FZ with an Odd\u002FEven centre) in the palette's \u003Cspan class=\"menu\">Document settings\u003C\u002Fspan> accordion. Voxel size, mesher and smoothing live in the \u003Cstrong>Properties\u003C\u002Fstrong> panel.\u003C\u002Fp>",{"id":146,"block_steps":39,"sort":60,"title":147,"body":148},82,"Finish the edit mode","\u003Cp>Finish the voxel edit mode to return to object editing (the session is committed when you finish it).\u003C\u002Fp>",{"id":150,"sort":60,"collection":94,"item":151},38,{"id":152,"eyebrow":82,"heading":153,"body":154,"align":97,"variant":98,"tone":155},17,"Tips","\u003Cul>\n\u003Cli>Keyboard tool shortcuts work in the viewport: \u003Ckbd>V\u003C\u002Fkbd> select, \u003Ckbd>N\u003C\u002Fkbd> block, \u003Ckbd>S\u003C\u002Fkbd> sphere brush, \u003Ckbd>B\u003C\u002Fkbd> cube brush; \u003Ckbd>[\u003C\u002Fkbd>\u002F\u003Ckbd>]\u003C\u002Fkbd> change brush size, \u003Ckbd>M\u003C\u002Fkbd> toggles add ↔ subtract, and \u003Ckbd>Alt\u003C\u002Fkbd>+\u003Ckbd>X\u002FY\u002FZ\u003C\u002Fkbd> toggle symmetry axes.\u003C\u002Fli>\n\u003Cli>With a live \u003Cstrong>Selection\u003C\u002Fstrong> you get a transform toolbar: move\u002Frotate\u002Fmirror, \u003Cstrong>Duplicate\u003C\u002Fstrong>, \u003Cstrong>Hollow\u003C\u002Fstrong>, \u003Cstrong>Copy\u003C\u002Fstrong>, plus Cube 2's \u003Cstrong>Remove slopes\u003C\u002Fstrong> and \u003Cstrong>Bridge gaps\u003C\u002Fstrong>.\u003C\u002Fli>\n\u003Cli>The \u003Cstrong>Sphere brush\u003C\u002Fstrong> has a \u003Cstrong>Smooth slopes (multi-res)\u003C\u002Fstrong> toggle with a \u003Cstrong>Detail levels\u003C\u002Fstrong> control; the \u003Cstrong>Smooth\u003C\u002Fstrong> tool has a matching option — both are premium \"Advanced voxel\" features (so is the \u003Cstrong>Slope line\u003C\u002Fstrong> tool).\u003C\u002Fli>\n\u003Cli>The \u003Cstrong>Eyedropper\u003C\u002Fstrong> samples a cell's colour; \u003Cstrong>Bucket fill\u003C\u002Fstrong> recolours a connected region; \u003Cstrong>Magic wand\u003C\u002Fstrong> selects a connected island.\u003C\u002Fli>\n\u003Cli>High resolutions (≳192) can take several seconds to voxelize and tens of MB to store — step down if the editor feels unresponsive.\u003C\u002Fli>\n\u003Cli>Use \u003Cstrong>Remip (merge uniform)\u003C\u002Fstrong> to collapse uniform regions of the octree back into larger cubes after editing.\u003C\u002Fli>\n\u003C\u002Ful>","mint",{"id":157,"sort":30,"collection":158,"item":159},39,"block_cta",{"id":53,"heading":160,"body":161,"note":82,"align":162,"tone":163,"buttons":164},"Try it in your browser","Open CubbyCAD and put Voxels to work — it runs in the browser, no install.","center","lilac",[165,168],{"id":152,"sort":5,"block_cta":53,"block_hero":82,"label":32,"href":33,"icon":166,"trailing":5,"external":11,"variant":167},"i-lucide-arrow-right","primary",{"id":169,"sort":14,"block_cta":53,"block_hero":82,"label":170,"href":21,"icon":171,"trailing":11,"external":11,"variant":172},18,"Browse guides","i-lucide-layout-grid","outline",{"left":11,"top":11,"width":71,"height":71,"rotate":11,"vFlip":72,"hFlip":72,"body":174},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"left":11,"top":11,"width":71,"height":71,"rotate":11,"vFlip":72,"hFlip":72,"body":176},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\u002F>\u003Crect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"\u002F>\u003Crect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"\u002F>\u003Crect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\u002F>\u003C\u002Fg>",1782830974029]