The Book of Shaders
Shadertoy
Shader Editor
SHADERed
KodeLife
GLSL Sandbox
Shade - Pro Shader Editor
Shdr
p5.js
Pixi.js
Three.js
Processing
Anime.js
Paper.js
D3.js
PixiJS
The Book of ShadersNo The Book of Shaders videos yet. You could help us improve this page by suggesting one.
The Book of Shaders might be a bit more popular than p5.js. We know about 141 links to it since March 2021 and only 133 links to p5.js. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
I just started studying shaders. Thanks to thebookofshaders.com for getting me started. I managed to get a grasp on making moving lines with sin and cos, and that enabled me to make fancy backgrounds for my 2D game. Now I simply wanted to apply a moving sin line to a texture so I could get the classic "gleam" effect for a 2D asset in my game. But this got weird. Source: 7 months ago
Then there is a cool resource I stumbled upon while having the same need as you. It's https://thebookofshaders.com/. Source: 10 months ago
Once you learn Three.js then Master Shaders (https://thebookofshaders.com/) , (https://inspirnathan.com/topics/shaders) and Learn Signed Distance functions (https://iquilezles.org/articles/distfunctions/) which will open to new world (https://www.shadertoy.com/). Source: 11 months ago
Https://thebookofshaders.com/ is the best one! Source: 11 months ago
If you want a from scratch, low-level understanding, https://thebookofshaders.com/ is a good reference. The code there is GLSL, but the general ideas are very similar regardless of the shader language used. Source: 11 months ago
Processing (P5) had this: you can select any string of text in its IDE anl search for it in the docs, and if it's one of the built-in functions or constants it will open the associated static html page that came installed with the software, so no internet nor server required. And despite being offline you can still navigate the docs too. This feels a lost basic skill in static site generation these days. It was... - Source: Hacker News / 5 months ago
I thought it could be funny to use the javascript version of it https://p5js.org/ in a web page and then wrap it in a Unity app, since Unity was and is the environment I use for making apps. - Source: Hacker News / 7 months ago
In this last section, I'll be creating some visual examples to show how helpful loops can be. I'll be using p5js, a JavaScript library with functionality for creative coding. That being said, I'll try to give a condensed version of the functions being utilized in the following examples. - Source: dev.to / 9 months ago
> how do I get him learning programming in a fun way? Processing / P5.js can be pretty fun to learn. You use a real programming language to create art and animations. With little code you can get a circle on the screen, then making it move, then following your mouse, then adding other shapes, then changing colour depending on some event… It’s conductive to experimentation and a way to gradually introduce concepts.... - Source: Hacker News / 11 months ago
Then I used p5js to create the 'art' itself, really user friendly coding framework with lots of resources online! If you want to get into coding, that is a really great entry point with Daniel Schiffman's coding train videos on YT! Source: 11 months ago
Shadertoy - Build shaders, share them, and learn from the best community.
Pixi.js - Fast lightweight 2D library that works across all devices
Shader Editor - Android app to create GLSL shaders and use them as live wallpaper
Three.js - A JavaScript 3D library which makes WebGL simpler.
SHADERed - Lightweight, full-featured desktop tool for creating and testing HLSL and GLSL shaders
Processing - C++ and Java programming at the speed of thought.