commit ecc343b6f9042214b9aef6989908ff543d474bb2 · dunkirk.sh/zera

+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") }}

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>