Hi @ddailey, @dredmorbius, @ferdiz, @manualmystique, @marksalot, @raphaelfonseca, @scienceblog, @sneharane, and @wandering_mind! After an eventful week, how about some SVG animation to distract the mind? :-)
I recently had the idea of "painting" photographs on surfaces of my pseudo-3D illustrations to achieve a more realistic look, and the block-stacking puzzle presented the ideal testing ground:
To do that, I split someone else's composite image of wood grains into individual textures, assigning each to a pattern. Appropriate affine transformations were applied to the faces of each block, some overlaid with semi-transparent black to simulate shading, and defined as a group. The fill parameter of each group was assigned a texture pattern, and the block moved into position. It's a shame that SVG doesn't do perspective transforms (even though CSS does), so I'm limited to parallel projection. Still, that suits technical illustrations where conceptual clarity takes precedence over geometric fidelity.
But why stop there?
Revisiting my rotating relief map idea:
I made each elevation level a clip-path to cut out the corresponding shape from a satellite photo, et voilà, a rotating textured relief map!
Oh, and I also animated the vertical scale and displacement of the levels to simulate tilting the model up and down. BTW, anyone here visited this island?
Expect to see more textured SVGs!