project
shadered sketches
2025
[ information ]
- Genre:
- Creative Coding
- Technologies:
- JavaScript, Three.js, WebGL, GLSL, Lottie
- Tools:
- Photoshop, AfterEffects
[ description ]

[ images ]
デバイスを縦にしてください。
当サイトは縦画面での閲覧を推奨しています。
Please rotate your device.
This site is best viewed in portrait mode.
project
2025
[ images ]
- English -
Overview
This experimental work was created by combining multiple knowledge areas and techniques I have acquired. To bring hand-drawn effect animations from my animation studies into web expression, I achieved this through the approach of incorporating them as WebGL textures using Lottie.
About the Title
"Shadered sketches" is a neologism combining WebGL shader technology and hand-drawn sketches. It represents the hand-drawn world "shaded" by digital technology, with a wordplay between "shaded" and "shader."
Core Concept
The fusion of analog's imperfect, organic movements with digital's infinite possibilities creates new visual expressions that neither could produce alone. This work achieves a unique expression where technical precision and human warmth perform together, with analog and digital elements enhancing each other's characteristics.
Interactive Element
Activating the Snoise (Simplex noise) checkbox in the upper right overlays algorithmically generated noise onto the hand-drawn animations. The encounter between regular digital noise and irregular analog drawings makes both characteristics more prominent, creating beautiful visual contrasts.
Animation Expression
Two types of animations are prepared, each expressing different organic movements:
Discovery Through Creation
Through creating this work, I strongly realized the expressive possibilities born from crossing different domains and fields. This has become an important milestone that opens doors to further experimentation and exploration in my future creative endeavors.