All Projects → willstall → 30-days-of-shade

willstall / 30-days-of-shade

Licence: other
30 days of shaders in GLSL using GLSLCanvas

Programming Languages

javascript
184084 projects - #8 most used programming language
GLSL
2045 projects
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to 30-days-of-shade

YALCT
Yet Another Live Coding Tool - Powered by Veldrid and elbow grease
Stars: ✭ 25 (-81.34%)
Mutual labels:  shaders, glsl, shadertoy, glsl-shader, glsl-shaders, glslviewer, glsl-sandbox, glsleditor
Thebookofshaders
Step-by-step guide through the abstract and complex universe of Fragment Shaders.
Stars: ✭ 4,070 (+2937.31%)
Mutual labels:  shaders, glsl, glsl-shader, glsl-shaders, glsl-sandbox
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 (+8629.85%)
Mutual labels:  shaders, glsl, glsl-shader, glsl-shaders
React Regl
React Fiber Reconciler Renderer for Regl WebGL
Stars: ✭ 171 (+27.61%)
Mutual labels:  shaders, glsl, glsl-shaders
Riftray
Step into the worlds of Shadertoy with an Oculus Rift.
Stars: ✭ 68 (-49.25%)
Mutual labels:  shaders, glsl, shadertoy
Shadertoy React
6kB "Shadertoy" like react component letting you easily render your fragment shaders in your React web projects, without having to worry about implementing the WebGL part.
Stars: ✭ 74 (-44.78%)
Mutual labels:  shaders, glsl, shadertoy
glNoise
A collection of GLSL noise functions for use with WebGL with an easy to use API.
Stars: ✭ 185 (+38.06%)
Mutual labels:  shaders, glsl, glsl-shaders
Glslviewer
Console-based GLSL Sandbox for 2D/3D shaders shaders
Stars: ✭ 2,834 (+2014.93%)
Mutual labels:  shaders, glsl, glslviewer
ofxShadertoy
Addon for openFrameworks that sets up and loads Shadertoy (http://www.shadertoy.com) shaders
Stars: ✭ 77 (-42.54%)
Mutual labels:  shaders, glsl, shadertoy
ShaderBoy
Simple text editor that lets you write Shadertoy shaders more comfortably, anytime, anywhere.
Stars: ✭ 133 (-0.75%)
Mutual labels:  glsl, shadertoy, glsl-shaders
FNode
Tool based in nodes to build GLSL shaders without any programming knowledge written in C using OpenGL and GLFW.
Stars: ✭ 81 (-39.55%)
Mutual labels:  shaders, glsl, glsl-shaders
kotlin-glsl
Write your GLSL shaders in Kotlin.
Stars: ✭ 30 (-77.61%)
Mutual labels:  shaders, glsl, glsl-shaders
Shaderman
Convert ShaderToy to Unity HLSL/CG
Stars: ✭ 734 (+447.76%)
Mutual labels:  shaders, glsl, shadertoy
Noodlesplate
Offline Shader Editor with many cool features
Stars: ✭ 79 (-41.04%)
Mutual labels:  shaders, glsl, shadertoy
Shader Doodle
A friendly web-component for writing and rendering shaders.
Stars: ✭ 356 (+165.67%)
Mutual labels:  shaders, glsl, shadertoy
Shadered
Lightweight, cross-platform & full-featured shader IDE
Stars: ✭ 3,247 (+2323.13%)
Mutual labels:  shaders, glsl, glsl-sandbox
ShaderView
ShaderView is an Android View that makes it easy to use GLSL shaders for your app. It's the modern way to use shaders for Android instead of RenderScript.
Stars: ✭ 53 (-60.45%)
Mutual labels:  shaders, glsl, glsl-shaders
Webgl Fundamentals
WebGL lessons that start with the basics
Stars: ✭ 3,315 (+2373.88%)
Mutual labels:  shaders, glsl, glsl-shaders
Shader Toy
Shadertoy-like live preview for GLSL shaders in Visual Studio Code
Stars: ✭ 349 (+160.45%)
Mutual labels:  shaders, shadertoy, glsl-shaders
ModularMusicVisualizer
Project in Hiatus, unmaintained, being rewritten privately. Will Open Source when stuff is ready. Project will be Renamed.
Stars: ✭ 81 (-39.55%)
Mutual labels:  shaders, glsl, glsl-shaders

30 Days of Shade

An interactive demo of my 30 days of shaders in GLSL using GLSLCanvas. Yes, I know there are 31 days in January =)

Watch and Edit Here

Resources to Learn From

Shader Tools

Math Tools

Idea Generation

Just For Fun

Recording your own shaders

I use a combination of FFMPEG and glslViewer in order to create my looping videos for both instagram and twitter. A sequence of images is created with glslViewer and then turned into a video using FFMPEG. To make things even easier I created a very basic shell script to automate all of this. Here it is!

Usage: record.sh fileName duractionInSeconds folderName Example: record.sh exampleFile.frag 5 exampleFolder

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].