Assembly code
Contrary to what the title might imply, there is no assembly language in the pseudo-3D graphic put together for this Monday. In the script you won’t find a trace of the particular syntax, not even a line hidden between the numerous ones used to complete the illustration. There is an assembly line, though. And when you sample the animation, a way to hide the shapes drawn on screen.
Without turning this into a technical article, every Zdog class which lets you draw something, be it an ellipse with a fixed diameter, or a shape with a clear path, can be customized with one additional property: visible.
new Zdog.Shape({
addTo: illustration,
path: [{ y: 1.5 }, { y: 3 }],
visible: false
}); You can exploit this option for specific reasons, to solve issues with overlapping objects, but evidently, with more transparent motives as well. See?
Assemble
"Zdog Monday", a series of gorgeous pseudo-3D graphics built with Zdog in one day of the week.
There is a collection on CodePen, but if you want some context, and a few twists, I took care to write about each single piece.
- Beauty sleep
- Counting shapes
- Step through frames
- Spinning change
- One out of six
- Child's play
- Memory pop
- ZZ Anne
- Just keep spinning
- Advent of shapes
- Joystick drift
- Canard sans souci
- Brilliant idea
- Lighten up
- Guiding star
- Small whimsy
- Double axis
- Neigh we go round
- Having a ball
- Powerful mix
- Assembly code
- When lightning strikes
- Loopty loops
- Season's rewards
- Cherry-pick
- Trail blazer
- Hatch-a-doodle-doo
- Bubble up
- Think you can