Gradient sky dome
three.js and WebGL · A background that moves · MIT
- What it does
A back-facing sphere with a small shader: a top color, a horizon color, a sun disc and its halo. One draw call and no textures, for any stylized outdoor backdrop. Its colors bypass tone mapping, so pick them as they should appear.
- Get it
const sky = new THREE.Mesh(new THREE.SphereGeometry(500, 32, 16), new THREE.ShaderMaterial({ side: THREE.BackSide, depthWrite: false, uniforms: { uTop, uHorizon, uSunColor, uSunDir }, vertexShader, fragmentShader })); scene.add(sky);
- Needs (the whole pack)
Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.
- License
MIT
- From