All Projects → Tw1ddle → Sky Shader

Tw1ddle / Sky Shader

Licence: mit
☀️ WebGL sky and sun shader editor

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Sky Shader

Magicshader
🔮 Tiny helper for three.js to debug and write shaders
Stars: ✭ 205 (+127.78%)
Mutual labels:  webgl, glsl, threejs, shader
Glsl Godrays
This module implements a volumetric light scattering effect(godrays)
Stars: ✭ 155 (+72.22%)
Mutual labels:  webgl, glsl, shader, demo
Polygon Shredder
The polygon shredder that takes many cubes and turns them into confetti
Stars: ✭ 686 (+662.22%)
Mutual labels:  webgl, glsl, threejs, demo
Three.meshline
Mesh replacement for THREE.Line
Stars: ✭ 1,644 (+1726.67%)
Mutual labels:  webgl, glsl, threejs, shader
Three.phenomenon
⭐️ A tiny wrapper around three.js built for high-performance WebGL experiences.
Stars: ✭ 338 (+275.56%)
Mutual labels:  webgl, threejs, shader
3d Game Shaders For Beginners
🎮 A step-by-step guide to implementing SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
Stars: ✭ 11,698 (+12897.78%)
Mutual labels:  webgl, glsl, shader
Wireframe World
An infinite wireframe world in WebGL
Stars: ✭ 347 (+285.56%)
Mutual labels:  webgl, glsl, demo
Regl Cnn
Digit recognition with Convolutional Neural Networks in WebGL
Stars: ✭ 490 (+444.44%)
Mutual labels:  webgl, glsl, demo
Detect Gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 460 (+411.11%)
Mutual labels:  webgl, threejs, demo
Regl Fire
Fire particle system made with regl
Stars: ✭ 16 (-82.22%)
Mutual labels:  webgl, glsl, demo
Langterm
🕹️ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
Stars: ✭ 35 (-61.11%)
Mutual labels:  webgl, glsl, demo
Glsl Worley
Worley noise implementation for WebGL shaders
Stars: ✭ 66 (-26.67%)
Mutual labels:  webgl, glsl, shader
Glmaps
Data visualization examples and tutorials from scratch. 数据可视化示例代码集与新手学习教程。
Stars: ✭ 288 (+220%)
Mutual labels:  webgl, threejs, demo
Aladino
🧞‍♂️ Your magic WebGL carpet
Stars: ✭ 225 (+150%)
Mutual labels:  webgl, glsl, shader
Tess Opt
Demonstration of how we can use tessellation shaders to make faster fragment shaders.
Stars: ✭ 13 (-85.56%)
Mutual labels:  glsl, shader, demo
Curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
Stars: ✭ 1,039 (+1054.44%)
Mutual labels:  webgl, glsl, shader
Glsl Grid
Draws an antialiased grid along the X/Y/Z direction of a mesh.
Stars: ✭ 57 (-36.67%)
Mutual labels:  webgl, glsl, shader
Interactive Repulsive Effect
🍫 An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".
Stars: ✭ 141 (+56.67%)
Mutual labels:  webgl, threejs, demo
Interactivelandscape
An exploration of an animated interactive landscape built with three.js.
Stars: ✭ 150 (+66.67%)
Mutual labels:  webgl, threejs, demo
Wagner
Effects composer for three.js
Stars: ✭ 930 (+933.33%)
Mutual labels:  webgl, glsl, threejs

Project logo

Build Status License

Interactive procedurally generated sun and skies. Run it in your browser.

This extends code from my Ludum Dare 33 entry, Otherworldly Stars.

Usage

Use the controls in the top right of the demo page to modify the shader variables and create your own skies.

Screenshots

Sky Shader Screenshot 1

Sky Shader Screenshot 2

Sky Shader Screenshot 3

Credits

The project is written in Haxe and uses:

Notes

  • If you have any questions or suggestions then get in touch or open an issue.
  • At time of writing this is broken on IE due to the dat.gui library not working on IE.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].