Auto Showcaser
3D Scene

Crystal River — Real-Time 3D Stream in Three.js

ハヤシモン|AI × 個人開発

ハヤシモン|AI × 個人開発

@hayashimon1 · 7.9K followers
2.3Klikes
406.6Kviews
193reposts
1.2Kbookmarks
Sep 23, 2026

A photorealistic, interactive mountain stream rendered entirely in Three.js — no assets, just code. The scene features crystal-clear water with light caustics dancing across the riverbed, moss-covered granite boulders, and a dense forest canopy overhead. A small waterfall feeds the pool in the background. The UI corner shows drag-to-rotate, pan, and zoom controls, making it fully explorable. Creator @hayashimon1 built it with Claude Opus 5.5, noting that visual effects once too complex to attempt now feel totally within reach.

  • Transparent water shader with real-time caustics lighting the riverbed — all written in code, zero external assets
  • Moss-textured boulders and layered forest geometry give the scene genuine depth and photorealism
  • Fully interactive Three.js viewer: rotate, pan, and zoom around the stream in the browser

“Opus5.5とThree.js 清流の表現がすごい。 透明な水、川底の光、苔むした岩まで全部コード。 難しすぎて避けてた表現が今なら全部いける気がしてる。”

Similar builds