https://github.com/tw1ddle/sky-shader

:sunny: WebGL sky and sun shader editor
https://github.com/tw1ddle/sky-shader

demo glsl ludum ludum-dare particle shader skies sky threejs webgl

Last synced: 3 months ago
JSON representation

:sunny: WebGL sky and sun shader editor

• Host: GitHub
• URL: https://github.com/tw1ddle/sky-shader
• Owner: Tw1ddle
• License: mit
• Created: 2015-08-24T23:01:44.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2021-12-13T23:56:00.000Z (about 3 years ago)
• Last Synced: 2024-10-09T22:42:49.627Z (3 months ago)
• Topics: demo, glsl, ludum, ludum-dare, particle, shader, skies, sky, threejs, webgl
• Language: JavaScript
• Homepage: https://samcodes.co.uk/code/
• Size: 11.9 MB
• Stars: 137
• Watchers: 8
• Forks: 17
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Project logo](https://github.com/Tw1ddle/Sky-Shader/blob/master/screenshots/logo.png?raw=true "Sky Shader")](https://tw1ddle.github.io/Sky-Shader/)

[![License](https://img.shields.io/:license-mit-blue.svg?style=flat-square)](https://github.com/Tw1ddle/Sky-Shader/blob/master/LICENSE)

[![Build Status Badge](https://ci.appveyor.com/api/projects/status/github/Tw1ddle/Sky-Shader)](https://ci.appveyor.com/project/Tw1ddle/Sky-Shader)

Interactive procedurally generated sun and skies. Run it [in your browser](https://tw1ddle.github.io/Sky-Shader/).

This extends code from my Ludum Dare 33 entry, [Otherworldly Stars](https://github.com/Tw1ddle/Ludum-Dare-33).

## 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 Animation](https://github.com/Tw1ddle/Sky-Shader/blob/master/screenshots/sky_shader_animation.gif "Sky Shader Animation")

![Sky Shader Screenshot 1](https://github.com/Tw1ddle/Sky-Shader/blob/master/screenshots/screenshot_1.png?raw=true "Sky Shader Screenshot 1")

![Sky Shader Screenshot 2](https://github.com/Tw1ddle/Sky-Shader/blob/master/screenshots/screenshot_2.png?raw=true "Sky Shader Screenshot 2")

![Sky Shader Screenshot 3](https://github.com/Tw1ddle/Sky-Shader/blob/master/screenshots/screenshot_3.png?raw=true "Sky Shader Screenshot 3")

## Credits

The project is written in [Haxe](https://haxe.org/) and uses:

* [three.js](https://github.com/mrdoob/three.js) for rendering.

* Yaroslav Sivakov's [three.js](https://lib.haxe.org/u/yar3333/) externs.

* dataart's [dat.gui](https://github.com/dataarts/dat.gui) debug UI library.

* The sky shader is based on a three.js [example](https://threejs.org/examples/).

## Notes

 * If you have any questions or suggestions then [get in touch](https://twitter.com/Sam_Twidale) or open an issue.

 * At time of writing this is broken on IE due to the dat.gui library not working on IE.