★
✦
◆
☆
夢

volume 04 / ink & pixels

draw it. code it. make it weird.

a sketchbook of creative coding, interactive visuals, and web experiments by a one-person studio that should probably sleep more.

see the works say hi

psst — try moving your mouse.

01 — 序

about.

CodeArt.fun is a small playground for the bits of code that don't fit in a "real" project — the experiments, doodles, and overengineered ideas that exist only because they were fun to build.

  • studiosolo / chaotic-good
  • basedsomewhere with wifi
  • stackhtml · css · js · ✨
  • statusopen to play
02 — 技

things i do.

✦

frontend design

responsive interfaces with sharp typography, motion, and a strong opinion about whitespace.

html · css · ts
★

creative coding

generative art, shaders, canvas worlds, and the occasional shader that crashes the gpu.

canvas · webgl · p5
◆

web experiments

tiny tools, weird interactions, and prototypes that occasionally turn into actual products.

node · vite · ✨
03 — 作品

selected works.

> ▮
01

noise garden

a clickable field of perlin-noise flowers that bloom toward your cursor.

interactive canvas
02

halftone city

a procedurally generated manga skyline that redraws itself every 30 seconds.

generative svg
03

cel shader

a tiny webgl playground for cartoon-style lighting on imported obj models.

visual webgl
04

palette.exe

a desktop-style web app for stealing color palettes from any image you drop on it.

tool color
05

typo-go-round

type any word and watch it spin into a kinetic typography poster you can export.

interactive type
06

doodlebot

an llm-powered sketch partner that draws back at you, badly, on a shared canvas.

generative ai
04 — 連絡

say hi.

got an idea, a weird brief, or just want to nerd out about tasteful animations?

github · x / twitter · bluesky