{"id":5936,"date":"2022-12-22T11:22:08","date_gmt":"2022-12-22T17:22:08","guid":{"rendered":"https:\/\/www.realtimerendering.com\/blog\/?p=5936"},"modified":"2022-12-23T13:11:56","modified_gmt":"2022-12-23T19:11:56","slug":"seven-things-for-december-22-2022","status":"publish","type":"post","link":"https:\/\/www.realtimerendering.com\/blog\/seven-things-for-december-22-2022\/","title":{"rendered":"Seven Things for December 22, 2022"},"content":{"rendered":"\n<p>Time to catch up with too many links collected this past year. Today&#8217;s theme: interactive web pages. Plus, bonus nostalgia!<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Karl Sims&#8217; <a href=\"https:\/\/www.karlsims.com\/rdtool.html\">Reaction Diffusion Tool<\/a>. Play with the sliders, or just hit the Example button (up to 20 times) for some fantastic presets. If you&#8217;re old enough or nerdy enough, you&#8217;ll know <a href=\"https:\/\/www.karlsims.com\/\">Karl Sims<\/a> from his SIGGRAPH papers in the early &#8217;90s, such as <a href=\"https:\/\/www.karlsims.com\/papers\/SimsSiggraph91.pdf\">this one<\/a>. You&#8217;ll also then likely know of the two reaction-diffusion SIGGRAPH papers from 1991 (<a href=\"https:\/\/dl.acm.org\/doi\/abs\/10.1145\/127719.122750\">1<\/a>, <a href=\"https:\/\/dl.acm.org\/doi\/10.1145\/127719.122749\">2<\/a>), based on Alan Turing&#8217;s paper in 1952. Now together, in one lovely web app.<\/li><li><a href=\"https:\/\/oimo.io\/works\/life\/\">Recursive Game of Life<\/a>. Use the mouse scroll to zoom in and out, left-drag to pan. In high school I used to hand-evolve Life patterns on graph paper, then later print out generations on green and white paper using the school&#8217;s administrative computer. This infinite recursive Life evolver would have fried my brain back then. Look closely and admire how cells get filled using glider guns and there&#8217;s some message passing between cells done with glider streams. (Follow-up: secrets revealed <a href=\"https:\/\/conwaylife.com\/wiki\/OTCA_metapixel\">here<\/a>. Thanks to Eran Guendelman for the tipoff.)<\/li><li><a href=\"https:\/\/oimo.io\/works\">Omio.io works<\/a>. The recursive game of Life is the first one here, followed by many others. I&#8217;ve looked at only about half of these so far, as it&#8217;s like a box of delicious chocolates. You want to savor but one at a time, though maybe nibbling just one more would be OK&#8230; And each is a little puzzle: what&#8217;s this about? how do I interact? A few are just links to projects &#8211; consider these <a href=\"https:\/\/spoonuniversity.com\/lifestyle\/the-definite-ranking-of-those-weird-valentines-day-chocolates\">strawberry creams or coconut clusters<\/a> from an interactivity standpoint, but they&#8217;re still interesting.  There are <a href=\"https:\/\/twitter.com\/shr_id\/status\/1604510911368429568\">earlier works<\/a> (as GIFs) from the creator, who I now am most definitely following on Twitter (and thanks to <a href=\"https:\/\/twitter.com\/j_bikker\/status\/1602739153795440647?cn=ZmxleGlibGVfcmVjcw%3D%3D&amp;refsrc=email\">Jacco Bikker for the tip-off<\/a>).<\/li><li>The <a href=\"https:\/\/origamisimulator.org\/\">Origami Simulator<\/a> is misnamed, in that it simulates all sorts of papercraft patterns. Poke around under the Examples menu to see what I mean. While unlikely to help you make any of these, it&#8217;s fun to look at and drag the Fold Percent slider. For me, instant nostalgia: I attended <a href=\"http:\/\/origamit.mit.edu\/conv22.php\">the OrigaMIT convention<\/a> last month, mostly admiring the amazing creations. <a href=\"https:\/\/photos.app.goo.gl\/HoEbWBFMx5hKemX26\">Some pics<\/a>, plus <a href=\"https:\/\/youtu.be\/dqPviqZPCtg\">a NeRF<\/a> I made of one display, and <a href=\"https:\/\/youtu.be\/k26wgcwzMWs\">another NeRF<\/a>.<\/li><li>I mentioned <a href=\"https:\/\/oskarstalberg.com\/Townscaper\">Townscaper in the browser<\/a> last year in <a href=\"https:\/\/www.realtimerendering.com\/blog\/seven-things-for-december-13-2021\/\">a blog post<\/a> around this time of year. It&#8217;s a lovely way to build a picturesque town, but what about destroying one? Behold <a href=\"https:\/\/my.spline.design\/toycityphysicsmobile-79b1fc635dfb80f061459bd68bfaec81\/\">Toy City<\/a>. It takes a bit to load and initialize; you&#8217;re ready when the red ball (i.e., you) appears. Then WASD, arrow keys, and space bar your way to cute toppling. This was made with &#8220;<a href=\"https:\/\/spline.design\/\">Spline<\/a>,&#8221; <a href=\"https:\/\/twitter.com\/splinetool\">described as<\/a> &#8220;A friendly 3d multiplayer design tool that runs in the browser.&#8221; I haven&#8217;t explored this app further yet&#8230;<\/li><li>If you desperately need to visit another super-cute environment, see <a href=\"https:\/\/choochooworld.com\/\">Choo-Choo World<\/a>. Me, I can barely make a track loop, but it&#8217;s still tooth-achingly pretty. This one&#8217;s produced by <a href=\"https:\/\/lusion.co\/\">Lusion<\/a>, which is either a firm, &#8220;<a href=\"https:\/\/lusion.co\/about\">the place where all real-time magic begins<\/a>,&#8221; or a dark entity from beyond the abyss, judging from the music that plays <a href=\"https:\/\/lusion.co\/about\">when you visit and then go to any other page of theirs<\/a> (&#8220;<a href=\"https:\/\/lusion.co\/contact\" data-type=\"URL\" data-id=\"https:\/\/lusion.co\/contact\">contact<\/a>&#8221; is great). In reality, the pages there are fun and point to a bunch of other projects to check out. It&#8217;s &#8220;interesting&#8221; to <a href=\"https:\/\/lusion.co\/work\/my-little-storybook\">read about interactive story books<\/a> (like <a href=\"https:\/\/exp-my-little-storybook.lusion.co\/\">this one<\/a>) while listening to their music of doom.<\/li><li>But, really, what we most need is a web page that finds our pointer. <a href=\"https:\/\/pointerpointer.com\/\">Done<\/a>.<\/li><\/ul>\n\n\n\n<p>What&#8217;s really happening in a single cell in Life:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/oimo.io\/works\/life\/\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"651\" src=\"https:\/\/www.realtimerendering.com\/blog\/wp-content\/uploads\/2022\/12\/life_cell.jpg\" alt=\"\" class=\"wp-image-5938\" srcset=\"https:\/\/www.realtimerendering.com\/blog\/wp-content\/uploads\/2022\/12\/life_cell.jpg 631w, https:\/\/www.realtimerendering.com\/blog\/wp-content\/uploads\/2022\/12\/life_cell-291x300.jpg 291w\" sizes=\"auto, (max-width: 631px) 100vw, 631px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Time to catch up with too many links collected this past year. Today&#8217;s theme: interactive web pages. Plus, bonus nostalgia! Karl Sims&#8217; Reaction Diffusion Tool. Play with the sliders, or just hit the Example button (up to 20 times) for some fantastic presets. If you&#8217;re old enough or nerdy enough, you&#8217;ll know Karl Sims from [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5936","post","type-post","status-publish","format-standard","hentry","category-misc"],"_links":{"self":[{"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/posts\/5936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/comments?post=5936"}],"version-history":[{"count":5,"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/posts\/5936\/revisions"}],"predecessor-version":[{"id":5955,"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/posts\/5936\/revisions\/5955"}],"wp:attachment":[{"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/media?parent=5936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/categories?post=5936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.realtimerendering.com\/blog\/wp-json\/wp\/v2\/tags?post=5936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}