{"count":14,"items":[{"slug":"coda-iter-v8","added":"2026-07-21T08:22:04.918Z","title":"Coda v8 — Halation bloom","kind":"video","tags":["motion-design","halation","bloom","webgl2","film-emulsion","brand","one-shot"],"note":"6s. A WebGL2 fragment shader generates concentric amber halation rings emanating from center. The word KINO emerges as a silhouette carved out of the bleeding light — the type absorbs the halation, leaving the surrounding amber wash to spread outward. Single mechanical variable halationRadius 0->0.45 drives the ring expansion. Reads as film emulsion halation / backlit photography.","primary":"/creations/coda-iter-v8/coda.mp4","poster":null,"files":[{"file":"coda.mp4","url":"/creations/coda-iter-v8/coda.mp4","bytes":4142197,"type":"video","mime":"video/mp4"}]},{"slug":"coda-iter-v7","added":"2026-07-21T08:16:51.676Z","title":"Coda v7 — Pixelate dissolve","kind":"video","tags":["motion-design","pixelate","compression","digital","brand","one-shot"],"note":"6s. KINO appears as chunky pixelated blocks (80px) and resolves into clean type (6px) via a top-to-bottom per-row reveal. Pure block sampling, no shaders, no beziers. Reads as a digital compression artifact resolving into the original. Single mechanical variable pixelSize 80->6 drives everything.","primary":"/creations/coda-iter-v7/coda.mp4","poster":null,"files":[{"file":"coda.mp4","url":"/creations/coda-iter-v7/coda.mp4","bytes":323090,"type":"video","mime":"video/mp4"}]},{"slug":"coda-iter-v6","added":"2026-07-21T08:11:59.609Z","title":"Coda v6 — Ink-on (hand-drawn)","kind":"video","tags":["motion-design","ink-on","hand-drawn","rough","sketch","brand","one-shot"],"note":"6s. KINO inked on with hand-drawn wobbly amber strokes. Two parallel wobbly lines per segment — rough.js aesthetic without the rough.js dep. SVG path with quadratic Beziers + perpendicular wobble + stroke-dashoffset inking reveal. Anti-glass. Anti-clean. Sketch aesthetic. Single mechanical variable inkProgress 0->1 drives everything. Source: inspired by remotion-dev/github-unwrapped-2022 (rough.js + evolvePath + noise2D).","primary":"/creations/coda-iter-v6/coda.mp4","poster":null,"files":[{"file":"coda.mp4","url":"/creations/coda-iter-v6/coda.mp4","bytes":740738,"type":"video","mime":"video/mp4"}]},{"slug":"coda-iter-v5","added":"2026-07-21T07:44:00.517Z","title":"Coda v5 — Chromatic gate","kind":"video","tags":["motion-design","optics","chromatic-aberration","webgl2","brand","one-shot"],"note":"6s. KINO appears through a WebGL2 chromatic aberration gate. R/G/B channels sampled at different UV offsets, recombined by a single fragment shader. Single mechanical variable aberrationStrength 0->1->0 drives the whole piece: phase in (channels split maximally), resolve (channels converge, type crisp), drift (gentle split returns), fade. Source: inspired by remotion-dev/remotion packages/effects/chromatic-aberration. Technique escapes Fable's glassmorphism and the prior renders (no gradient cone, no hex bokeh, no backdrop-blur).","primary":"/creations/coda-iter-v5/coda.mp4","poster":null,"files":[{"file":"coda.mp4","url":"/creations/coda-iter-v5/coda.mp4","bytes":745960,"type":"video","mime":"video/mp4"}]},{"slug":"coda-iter-v4","added":"2026-07-21T07:12:31.877Z","title":"Coda v4 — Rack (unresolved)","kind":"video","tags":["motion-design","optics","bokeh","brand","one-shot","unresolved"],"note":"6s. v3's rack focus revised: peak never lands — KINO hovers in soft amber, perpetually unresolved. Same hex iris bokeh technique, held longer at the plateau.","primary":"/creations/coda-iter-v4/coda.mp4","poster":"/creations/coda-iter-v4/climax.png","files":[{"file":"climax.png","url":"/creations/coda-iter-v4/climax.png","bytes":274078,"type":"image","mime":null},{"file":"coda.mp4","url":"/creations/coda-iter-v4/coda.mp4","bytes":1104301,"type":"video","mime":"video/mp4"},{"file":"coda_v4.mp4","url":"/creations/coda-iter-v4/coda_v4.mp4","bytes":1104301,"type":"video","mime":"video/mp4"}]},{"slug":"coda-iter-v3","added":"2026-07-21T06:55:49.629Z","title":"Coda v3 — Rack","kind":"video","tags":["motion-design","optics","bokeh","brand","one-shot"],"note":"6s brand moment. The word KINO is not type — it is ~1000 point emitters sampled from the real glyph outlines, each imaged as a hexagonal iris disc at its circle of confusion. Sample count falls with coc, so the word condenses out of a dozen fat hexagons rather than fading in. Letters are raked in Z; one focus pull sweeps through the plane, K resolving first and O last, then rolls off and the word comes apart the way it arrived.","primary":"/creations/coda-iter-v3/coda_v3.mp4","poster":"/creations/coda-iter-v3/climax.png","files":[{"file":"climax.png","url":"/creations/coda-iter-v3/climax.png","bytes":170922,"type":"image","mime":null},{"file":"coda_v3.mp4","url":"/creations/coda-iter-v3/coda_v3.mp4","bytes":1080042,"type":"video","mime":"video/mp4"}]},{"slug":"kino-showcase-v3","added":"2026-07-21T06:22:19.992Z","title":"KINO showcase v3 — glassmorphic cinematic","kind":"video","tags":["kino","showcase","iteration-3","glassmorphic","cinematic"],"note":"30s, 6-scene glassmorphic short film: void → card → system → detail → promise → brand. Borrowed visual language from Fable's justavideo work — backdrop-blur, volumetric light, expo-out easing.","primary":null,"poster":null,"files":[]},{"slug":"kino-showcase-v2","added":"2026-07-21T06:22:19.861Z","title":"KINO showcase v2 — 5-act demo reel","kind":"video","tags":["kino","showcase","iteration-2","remotion","3d","charts"],"note":"30s, 5 acts demonstrating skills: 3D morphing geometry (custom GLSL), live bar chart race, TikTok-style captions, mask-sweep typography, logo lockup. Demo-reel approach.","primary":null,"poster":null,"files":[]},{"slug":"kino-showcase-v1","added":"2026-07-21T06:22:19.749Z","title":"KINO showcase v1 — basic intro","kind":"video","tags":["kino","showcase","iteration-1"],"note":"First render — letter-reveal title card, kinetic tagline sweep, [KINO] bracket lockup. Generically 'branded intro'. Replaced by v2 and v3.","primary":null,"poster":null,"files":[]},{"slug":"coda","added":"2026-07-21T06:22:06.148Z","title":"Coda — KINO brand moment","kind":"video","tags":["motion-design","glassmorphic","one-shot","brand"],"note":"6-second single-moment piece. Black canvas, single beam of amber light, typewritten KINO trace, letterbox bars, black. After Fable's T8 'Tagging guests' thumbnail — one beam, one line, one brand.","primary":"/creations/coda/coda_v2.mp4","poster":null,"files":[{"file":"coda_v2.mp4","url":"/creations/coda/coda_v2.mp4","bytes":393664,"type":"video","mime":"video/mp4"}]},{"slug":"morning-train-story","added":"2026-07-21T02:50:00.000Z","title":"Өглөөний галт тэрэг — гурван бүлэг өгүүллэг","kind":"story","tags":["story","монгол","мини","цуврал","first batch"],"note":"Богино монгол өгүүллэг: өглөөний галт тэрэгний аялал, гурван chapter-тэй.","primary":"/creations/morning-train-story/chapter1.md","poster":null,"files":[{"file":"chapter1.md","url":"/creations/morning-train-story/chapter1.md","bytes":2145,"type":"text","mime":null},{"file":"chapter2.md","url":"/creations/morning-train-story/chapter2.md","bytes":2031,"type":"text","mime":null},{"file":"chapter3.md","url":"/creations/morning-train-story/chapter3.md","bytes":1738,"type":"text","mime":null}]},{"slug":"arxiv-diffusion-news","added":"2026-07-21T00:27:21.620Z","title":"Fresh arXiv papers on diffusion / image gen","kind":"list","tags":["research","arxiv","first batch"],"note":"Weekly research digest","primary":"/creations/arxiv-diffusion-news/top5_2026-07-21.md","poster":null,"files":[{"file":"top5_2026-07-21.md","url":"/creations/arxiv-diffusion-news/top5_2026-07-21.md","bytes":3896,"type":"text","mime":null}]},{"slug":"lofi-90bpm","added":"2026-07-21T00:27:21.464Z","title":"Lo-fi electronic at 90 BPM","kind":"audio","tags":["electronic","lofi","first batch"],"note":"30 second sample","primary":"/creations/lofi-90bpm/chill_lofi_90bpm_30s.mp3","poster":null,"files":[{"file":"chill_lofi_90bpm_30s.mp3","url":"/creations/lofi-90bpm/chill_lofi_90bpm_30s.mp3","bytes":721650,"type":"audio","mime":"audio/mpeg"},{"file":"chill_lofi_90bpm_30s.wav","url":"/creations/lofi-90bpm/chill_lofi_90bpm_30s.wav","bytes":5292078,"type":"audio","mime":"audio/wav"}]},{"slug":"cyberpunk-market","added":"2026-07-21T00:27:21.245Z","title":"Cyberpunk street market — rainy night, neon reflections","kind":"image","tags":["cyberpunk","neon","first batch"],"note":"first generation","primary":"/creations/cyberpunk-market/cyberpunk_street_market_night.jpg","poster":null,"files":[{"file":"cyberpunk_street_market_night.jpg","url":"/creations/cyberpunk-market/cyberpunk_street_market_night.jpg","bytes":116831,"type":"image","mime":null}]}]}