https://nietaki.com/tags/shaders/Recent content in Shaders on almost doneHugo -- gohugo.ioenhello@nietaki.com (nietaki)hello@nietaki.com (nietaki)Fri, 10 Apr 2026 00:00:00 +0000https://nietaki.com/projects/creative-coding/Fri, 10 Apr 2026 00:00:00 +0000hello@nietaki.com (nietaki)https://nietaki.com/projects/creative-coding/<p>A while back I was looking for a creative outlet I could make something I&rsquo;d like on a daily basis and (finally) got into creative coding.</p> <p>I chose <a href="https://www.love2d.org/" target="_blank" rel="noreferrer">love2d</a> as my framework and started making animations, aiming to create a new one on a daily basis.</p> <div class="width-patch"></div> <div id="carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" class="relative" data-twe-carousel-init data-twe-ride="carousel" data-twe-interval="2500"> <div class="absolute right-0 bottom-0 left-0 z-2 mx-[15%] mb-10 flex list-none justify-center p-0" data-twe-carousel-indicators> <button type="button" data-twe-target="#carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" data-twe-slide-to="0" data-twe-carousel-active aria-current="true" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 0"></button> <button type="button" data-twe-target="#carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" data-twe-slide-to="1" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 1"></button> <button type="button" data-twe-target="#carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" data-twe-slide-to="2" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 2"></button> <button type="button" data-twe-target="#carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" data-twe-slide-to="3" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 3"></button> <button type="button" data-twe-target="#carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" data-twe-slide-to="4" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 4"></button> </div> <div class="relative w-full after:clear-both after:block after:content-['']" style="overflow-x: clip; overflow-y: visible;"> <div class="relative float-left -mr-[100%] w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 2500ms;" data-twe-carousel-active> <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://nietaki.com/projects/creative-coding/love2plot_gallery/10-torus.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 1"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 2500ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://nietaki.com/projects/creative-coding/love2plot_gallery/debug.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 2"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 2500ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://nietaki.com/projects/creative-coding/love2plot_gallery/kaleidoscope.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 3"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 2500ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://nietaki.com/projects/creative-coding/love2plot_gallery/pills.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 4"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 2500ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="https://nietaki.com/projects/creative-coding/love2plot_gallery/solitaire.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 5"> </div> </div> </div> <button class="absolute top-0 bottom-0 left-0 z-2 flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" type="button" data-twe-target="#carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" data-twe-slide="prev"> <span class="inline-block h-8 w-8"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> </svg> </span> <span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" >Previous</span > </button> <button class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" type="button" data-twe-target="#carousel-b0f1c8397d20783523e76825743a01ae-1775919262975773719" data-twe-slide="next"> <span class="inline-block h-8 w-8"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> </svg> </span> <span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" >Next</span > </button> </div> <p>As I built up my lua toolkit the creations got more complex over time, with 3d rendering, a custom GLSL pre-processor and tracing profiler.</p>