+106

content/blog/2025-03-14_my-animations.md

··· 1 1 + +++ 2 2 + title = "All my animation projects" 3 3 + date = 2025-03-14 4 4 + slug = "my-animations" 5 5 + description = "finally collected in one place 🎉" 6 6 + 7 7 + [taxonomies] 8 8 + tags = ["tool", "fancy", "physics"] 9 9 + 10 10 + [extra] 11 11 + has_toc = true 12 12 + +++ 13 13 + 14 14 + The other day I realized that I never made a page to collect all of my animation projects in one place. I've made quite a few of them over the years and untill now they have just been sitting in a giant folder on my nas. Now they are all in a nice clean collection here 🎉 15 15 + 16 16 + <!-- more --> 17 17 + 18 18 + ## 2021 19 19 + 20 20 + {{ youtube(id="O7SYcdUM8mI", caption="2021.01.27 first jelly jar") }} 21 21 + 22 22 + {{ img(id="https://cdn.hack.pet/slackcdn/2f6bd410317b341df20d8349771bb716.jpg" alt="tesla in a showroom with fire jets" caption="2021.02.10 tesla showroom") }} 23 23 + 24 24 + {{ youtube(id="7Ozt7WcVwt0", caption="2021.09.27 Chalet a la Tagia minecraft animation") }} 25 25 + 26 26 + {{ img(id="https://cdn.hackclubber.dev/slackcdn/90335a1f835749fe219a677a24aedd02.png" alt="cube diorama" caption="2021.12.15 cube diorama") }} 27 27 + 28 28 + {{ youtube(id="O5iHoFwKQuE", caption="2021.12.17 creature walk cycle test") }} 29 29 + 30 30 + {{ youtube(id="Mh4BL8O6-i8", caption="2021.12.21 minecraft water vfx test") }} 31 31 + 32 32 + {{ youtube(id="xBn43UU_jak", caption="2021.12.23 fireball smoke / fire sim") }} 33 33 + 34 34 + ## 2022 35 35 + 36 36 + {{ youtube(id="R9SwANdkMf0", caption="2022.01.05 wave ball motion effects") }} 37 37 + 38 38 + {{ youtube(id="ru5QfeVqlUY", caption="2022.01.12 sunroom plant vfx") }} 39 39 + 40 40 + {{ youtube(id="bHqE4aHSMLU", caption="2022.01.20 star chase") }} 41 41 + 42 42 + {{ youtube(id="3JwTkVJ2WxU", caption="2022.01.21 star chase v2 in tunnel") }} 43 43 + 44 44 + {{ youtube(id="mNeEJ-VE0o8", caption="2022.01.21 particle path guides test") }} 45 45 + 46 46 + {{ youtube(id="Gy0K-Gi95Jg", caption="2022.01.22 lost music visualization") }} 47 47 + 48 48 + {{ img(id="https://cdn.hack.pet/slackcdn/c1759999d78c2a99312b5b34562c6f72.png" alt="ice sphere" caption="2022.01.24 ice icosphere") }} 49 49 + 50 50 + {{ img(id="https://cdn.hackclubber.dev/slackcdn/c9587628d15c605e99a3a72769bad60a.png" alt="glass jar with marbles" caption="2022.01.27 marble jar") }} 51 51 + 52 52 + {{ youtube(id="ue-hy7w1-JE", caption="2022.02.08 firefly particle sim") }} 53 53 + 54 54 + {{ youtube(id="JrzjPBDBPF0", caption="2022.02.09 color changing blocks vfx") }} 55 55 + 56 56 + {{ youtube(id="fh_cNR9QhdU", caption="2022.02.25 attempt at an epic chase scene") }} 57 57 + 58 58 + {{ youtube(id="BGJbmXqCD5M", caption="2022.03.16 molecular plexus") }} 59 59 + 60 60 + {{ img(id="https://cdn.fluff.pw/slackcdn/57287dfc2f5eb7d6effe43f7ebbde030.png" alt="twisted torus with flattened sphere in the center" caption="2022.03.16 twisted torus") }} 61 61 + 62 62 + {{ youtube(id="yT37oZmd4hc", caption="2022.03.17 hex tunnel") }} 63 63 + 64 64 + {{ youtube(id="3SQN0L0wbhU", caption="2022.03.23 wavy strips motion effects") }} 65 65 + 66 66 + {{ img(id="https://cdn.fluff.pw/slackcdn/b47952a40fd7695b9667357fb0c8386b.png" alt="airship far bottom" caption="2022.03.31 airship") }} 67 67 + 68 68 + {{ img(id="https://cdn.hackclubber.dev/slackcdn/52c9ccd4378fdac717a5a9f1b924000d.png" alt="airship far side") }} 69 69 + 70 70 + {{ img(id="https://cdn.fluff.pw/slackcdn/4138d497e2deb1f9c7369762e08e5a7c.png" alt="airship front top") }} 71 71 + 72 72 + {{ img(id="https://cdn.hack.pet/slackcdn/bac28fe85728b6d009c4e520ccff3140.png" alt="airship front cab") }} 73 73 + 74 74 + {{ img(id="https://cdn.hack.pet/slackcdn/963198d64f001f55d703cdc65a257e98.png" alt="airship front side") }} 75 75 + 76 76 + {{ img(id="https://cdn.hack.pet/slackcdn/d3c7021428757b3bd607ffdbcc9daa7f.png" alt="minecraft village front door with villager" caption="2022.04.06 viking village") }} 77 77 + 78 78 + {{ img(id="https://cdn.hackclubber.dev/slackcdn/55aff1a73336f1262e625a667ca4d7f8.png" alt="minecraft village from across a small lake with a skeleton and witch" caption="2022.04.06 mountain lake village") }} 79 79 + 80 80 + {{ youtube(id="gPRrt_0NMKE", caption="2022.04.07 rolling balls motion effects") }} 81 81 + 82 82 + {{ youtube(id="hHIv2yO9DvU", caption="2022.04.29 cloth sim") }} 83 83 + 84 84 + {{ img(id="https://cdn.hack.ngo/slackcdn/ab7015d03697d62ebedad011161b40db.gif" alt="clay animation of cubes within cubes looping endlessly" caption="2022.05.02 infinite cubes") }} 85 85 + 86 86 + {{ youtube(id="zqyv7GBTLGA", caption="2022.05.30 fire handwriting") }} 87 87 + 88 88 + {{ img(id="https://cdn.fluff.pw/slackcdn/42e90de7ab09d863c735a6ca74069fdc.png" alt="a cylinder with a bunch of bumps on it" caption="2022.06.24 the cylinder") }} 89 89 + 90 90 + {{ img(id="https://cdn.hack.ngo/slackcdn/dc691e3fe9382467a01821aa966e253b.jpg" alt="a castle made out of mud with a mud giant and ufo" caption="2022.07.15 mud castle") }} 91 91 + 92 92 + {{ youtube(id="XVyMUROofZ8", caption="2022.07.21 the iconic donut") }} 93 93 + 94 94 + {{ youtube(id="ZGrNNnujR3o", caption="2022.07.25 Appletree SMP minecraft animation") }} 95 95 + 96 96 + {{ youtube(id="zRlgWbW1Qcw", caption="2022.08.01 mirror physics") }} 97 97 + 98 98 + {{ img(id="https://cdn.hack.pet/slackcdn/b5876d1491b397c1a80fb8d7411fd627.png" alt="the earth from space" caption="2022.08.30 the earth") }} 99 99 + 100 100 + {{ img(id="https://cdn.hack.pet/slackcdn/bb000a699c4aa41413a282a31cfb0f59.png" alt="11 glowing pendulums swinging in a flowing curve" caption="2022.08.31 glowing pendulums") }} 101 101 + 102 102 + {{ img(id="https://cdn.hack.pet/slackcdn/f1cdd1a422c0a3280541f3bbab4f662e.png" alt="an orange flower in a flower pot with skyline dirt" caption="2022.10.22 orange flower") }} 103 103 + 104 104 + ## 2023 105 105 + 106 106 + {{ youtube(id="qnbGPErmmoI", caption="2023.11.07 FIRST Digital Animation Award submission") }}

+9

sass/css/mods.css

··· 154 154 .yt-embed { 155 155 width: 100%; 156 156 display: flex; 157 157 + flex-direction: column; 157 158 justify-content: center; 159 159 + align-content: center; 160 160 + text-align: center; 158 161 } 159 162 160 163 .yt-embed iframe { 161 164 width: 100%; 162 165 aspect-ratio: 16 / 9; 166 166 + align-self: center; 167 167 + } 168 168 + 169 169 + .yt-embed figcaption { 170 170 + margin-top: 1rem; 171 171 + text-align: center; 163 172 } 164 173 165 174 #elr table {

static/blog/my-animations/og.png

This is a binary file and will not be displayed.

+5 -2

templates/shortcodes/youtube.html

··· 1 1 - <div class="yt-embed"> 1 1 + <figure class="yt-embed"> 2 2 <iframe 3 3 src="https://www.youtube-nocookie.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}" 4 4 allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" ··· 7 7 allowfullscreen 8 8 > 9 9 </iframe> 10 10 - </div> 10 10 + {% if caption %} 11 11 + <figcaption>{{caption}}</figcaption> 12 12 + {% endif %} 13 13 + </figure>