maurice's journey to becoming a top 1% creative developer.
- build daily
- study what inspires
- push boundaries
- apply learnings to real products (buildhappy, etc.)
- 3d/webgl: three.js, react-three-fiber, shaders (glsl)
- animation: gsap, framer motion, react spring, lenis (smooth scroll)
- creative coding: p5.js, canvas api
- ui motion: micro-interactions, page transitions, scroll animations
| # | name | tech | date |
|---|---|---|---|
| 001 | particle flow | three.js, flow fields, mouse interaction | 2026-01-29 |
| 002 | first scene | three.js basics (scene, mesh, camera, renderer) | 2026-01-29 |
| 003 | transforms | position, scale, rotation, groups | 2026-01-29 |
| 004 | animations | requestAnimationFrame, Clock, sin/cos | 2026-01-29 |
| 006 | cameras | PerspectiveCamera, OrbitControls, custom controls | 2026-01-29 |
| 007 | fullscreen-resize | viewport sizing, resize handler, pixel ratio, fullscreen | 2026-01-29 |
| 008 | geometries | BufferGeometry, Float32Array, BufferAttribute, wireframe | 2026-01-29 |
| 009 | debug-ui | lil-gui, folders, range/color/checkbox controls, dispose | 2026-01-29 |
| 010 | textures | TextureLoader, LoadingManager, filtering, colorSpace | 2026-01-29 |
| 011 | materials | MeshStandardMaterial, PBR, matcaps, env maps, RGBELoader | 2026-01-29 |
| 012 | 3d-text | FontLoader, TextGeometry, bevel, center, geometry reuse | 2026-01-29 |
| 014 | lights | AmbientLight, DirectionalLight, PointLight, SpotLight, helpers | 2026-01-29 |
| 015 | shadows | shadow maps, castShadow, receiveShadow, PCFSoftShadowMap | 2026-01-29 |
| 016 | haunted-house | scene composition, fog, procedural graves, animated ghosts | 2026-01-29 |
| 017 | particles | Points, PointsMaterial, vertexColors, AdditiveBlending | 2026-01-29 |
| 019 | scroll-animation | fixed canvas, scroll tracking, parallax, GSAP, deltaTime | 2026-01-29 |
| 018 | galaxy | spiral arms, color lerp, dispose pattern, procedural generation | 2026-01-29 |
| 020 | physics | cannon-es, World, Body, step, sync mesh/body, materials | 2026-01-29 |
| 021 | imported-models | GLTFLoader, DRACOLoader, AnimationMixer, clipAction | 2026-01-29 |
| 022 | raycaster | setFromCamera, intersectObjects, mouse picking, hover events | 2026-01-29 |
| 024 | environment-map | RGBELoader, CubeTexture, scene.environment, HDR | 2026-01-29 |
| 025 | realistic-render | toneMapping, antialias, shadow bias, traverse | 2026-01-29 |
| 027 | shaders | GLSL, vertex/fragment, uniforms, varying, ShaderMaterial | 2026-01-29 |
| 030 | animated-galaxy | GPU particles, custom attributes, atan spin, gl_PointCoord | 2026-01-29 |
| 031 | modified-materials | onBeforeCompile, shader injection, customDepthMaterial | 2026-01-29 |
progress > perfection