canvas

Canvas animations.

DEMO

Dependencies:

• next.js
  
• canvas-sketch
  
• canvas-sketch-util
  
• react-notifications-component
  
• nice-color-palettes
  
• gsap
  
• three.js
  

Useful YouTube channels:

• Franks laboratory
  
• The Art of Code
  
• Coding Math
  
• Yuri Artyukh
  
• Chris Courses
  

Documentations, websites, guides:

• Three.js Doc
  
• Three.js Fundamentals
  
• WebGL Fundamentals
  
• WebGL2 Fundamentals
  
• WebGL guide
  
• http://three-demos.glitch.me/
  
• Canvas Technical Guide
  
• https://www.khronos.org/opengl/wiki
  
• https://www.shaderific.com/glsl
  
• The Book of Shaders
  
• https://www.kirupa.com/canvas/index.htm
  
• WebGL, GLSL guide + examples
  
• https://www.shadertoy.com/
  
• Math geometry
  
• Physically Based Rendering
  

Images, textures

• Solar textures
  
• Free PBR
  
• google equirectangular images
  
• 3d textures
• hdris

Tools

• Gifmaker
  
• HDRI-to-CubeMap

Extensions

• FPS extension | Chrome
  
• FPS | Firefox