โŒ

Normal view

There are new articles available, click to refresh the page.
Before yesterdayMain stream

Make Anim(ation) Real

By: Rhaomi
17 May 2024 at 19:36
Over 15 years ago, Microsoft released Photosynth [previously], a nifty tool that could correlate dozens of photos of the same place from different angles in order to make a sort of virtual tour using photogrammetry, a technique that went on to influence Google Earth's 3D landscapes and virtual reality environments. But what if you tried the same thing with cartoons? Enter Toon3D, a novel approach to applying photogrammetry principles to hand-drawn animation. The results are imperfect due to the inherent inconsistency of drawn environments, but it's still rather impressive to see a virtual camera moving around glitched-out versions of the Krusty Krab, Bojack Horseman's living room, or the train car from Spirited Away. Interestingly, the same approach works about as well on paintings or even AI-generated video; see also the similar technique of neural radiance fields (NERFs) for creating realistic high-fidelity virtual recreations of real (and unreal) environments.

Cascading Style

By: Rhaomi
12 May 2024 at 15:35
CSS (Cascading Style Sheets) is a ubiquitous markup language for describing the layout and design of a webpage separate from the content, typically specifying things like text formatting, background color, page alignment, etc. But as with emoticons and ASCII art before it, CSS can be repurposed to become the content. Enter CSS drawing, an intricate art form that uses the conventions of the language to create illustrations and even animation using only standard design elements. Some standout examples from around the web: A Single Div, where every new illustration is contained within one <div> tag; designer Lynn Fisher also has a previous version along with a whole catalog of "weird websites, niche data projects, and CSS experiments" - Another collection of single-div projects - Start a digital bonfire - The Simpsons (animated!) in CSS - 173 CSS drawings on Dribble - How I started drawing CSS Images - css-doodle, a web component for drawing patterns with CSS - Creating Realistic Art with CSS - The CSS Zen Garden, a collection of beautiful CSS stylesheets - CSS previously on MeFi
โŒ
โŒ