Creating with Codeblocks

Codeblocks is a web app that Autodesk has developed to sit alongside Tinkercad. Like Tinkercad, Codeblocks is for 3D model creation, and like Tinkercad, it involves manipulating objects on a workplane. However, the objects are represented by blocks of code, and to move and shape the objects, you change the coordinates, scale, or dimensions via the code. Employing loops, variables, and other coding features lets users quickly iterate their designs. You can also export a Codeblocks design for use in standard Tinkercad. 

Codeblocks lets you create designs for 3D printing, but you can also export them as 2D SVG (scalable vector graphic) files. Those files can then be etched or cut with a laser cutter, or cut with a paper cutter. 

Read more about Codeblocks in my article for Ultimaker: "Code Your 3D Designs with Tinkercad's Codeblocks App" and see my Slides presentation. 

This page provides examples and resources for various kinds of projects one can make with Codeblocks, from 3D prints to laser cuts to T-shirt designs.  Videos below.

Screen Shot 2018-12-03 at 12.15.52 PM.pn
IMG_20181201_150341.jpg

This design uses a variable, a repeating loop, and it scales and moves the torus shape.

IMG_20181203_121251 (1).jpg

The earring design exported and laser cut in wood.

IMG_20180911_123828 (2).jpg

This design was coded in Codeblocks, then laser cut. 

clock.jpg

Another coded clock, this time 3D-printed. 

IMG_20181112_121533 (1).jpg
IMG_20181204_144317.jpg

Students made snowflakes for laser cutting in cardboard. 

flowerPower.JPG

This design will be cut in heat transfer vinyl and then heat-pressed onto a shirt.

IMG_20181112_121556 (1).jpg
IMG_20181129_152745.jpg

This is a slot-jointed ornament.

IMG_20180829_110532 (2).jpg

This basic design with rings was 3D printed, and also laser-etched into wood and acrylic.

IMG_20181112_121509 (1).jpg

Exporting as a SVG also lets you cut designs on programmable cutters, like Cricut or Silhouette. 

IMG_20181112_074355 (1).jpg
IMG_20181106_070258.jpg
IMG_20181111_145450.jpg

Cutters also cut heat transfer vinyl, which lets you apply designs to cloth with an iron or press. 

IMG_20181112_074421 (1).jpg
IMG_20181111_145455.jpg
IMG_20190107_161225.jpg
IMG_20190110_104516.jpg

This coded dragonfly was printed as a hole and later heat transferred onto a shirt. 

IMG_20181205_092212.jpg
IMG_20181102_073735.jpg

This ornament is the product of an accident in coding. 

IMG_20181112_074524 (1).jpg
IMG_20190110_104323.jpg

Here's a heat press with a cut out design about to be applied. See the video below for details.

IMG_20180907_085657 (4).jpg

The cutouts in this laser-cut lamp were designed in Codeblocks.

Coding

ringsdesign.JPG

Codeblocks invites students to start using loops, variables, and other elements of computational thinking.

coded castle.JPG

The coding challenge level can rise with the user's ability. 

swirl.JPG

The power of tools like variables becomes apparent as students are able to quickly iterate their designs.

cityscape2.JPG

This cityscape's building heights are randomly-generated, and the rooftops adjust accordingly. 

 
comments.JPG

Codeblocks includes a comment block, so learners can make their thinking and understanding visible.

Here's a quick intro to Codeblocks.

This is a deeper dive into using Codeblocks.

Here's an orientation to the X, Y, Z axes of the workplane.

This is a walkthrough of uses variables and a loop to make a basket with a torus shape. 

This video gives a few ways to create designs for making cards, including designing in Codeblocks. 

Here's an overview of the way I turn designs into T-shirts.

Here I show one way to "tile" shapes into rows and columns. 

Getting the hang of rotating objects around the X, Y, and Z axes can be a little tricky, so here's an explanation. 

For intermediate to advanced users, a fun challenge is to take photos of architecture, clothing patterns, plants, carpets, etc. with patterns that can be replicated in Codeblocks.