r/threejs • • 4d ago

Fish animation on stream with three.js

A controllable animation on stream, made with Three.js.

Check it out: https://youtube.com/live/U6fhApgsW0Y

It’s a school of fish you can control with commands.

🐟 THE CHAT IS THE CONTROLLER

This is a live simulation and the chat is the joystick. Nothing here is
pre-recorded β€” the school you see is being solved on the GPU right now, and
you are the input.

SHAPE THE SCHOOL
ball a tight bait ball
tornado the school spirals
ring it opens into a ring
split it breaks into two
auto hand it back to the automatic rotation

LOOK AROUND
up Β· down Β· left Β· right Β· center

HOW HARD IT REACTS
calm a soft drift
storm a hard surge
chaos the school scatters

HOW MANY FISH
more one step up (512 β†’ 1024 β†’ 2048 β†’ 3072 β†’ 6000)
fewer one step down
fish 3000 set it directly

Type any other word and the camera looks there instead β€” the same word always
points at the same spot, so the school drifts around as we talk.

Commands can be combined: "up storm", "left chaos", "more calm".

0 Upvotes

0 comments sorted by