Skip to content

Instantly share code, notes, and snippets.

@juliomerisio
Created April 4, 2022 14:37
Show Gist options
  • Save juliomerisio/317f6dd6bba951a8b751ead5c6df1c68 to your computer and use it in GitHub Desktop.
Save juliomerisio/317f6dd6bba951a8b751ead5c6df1c68 to your computer and use it in GitHub Desktop.
  • Learn how Canvas works
  • Learn how Create a scene
  • Learn how to Positining elements in a scene
  • Learn how to create 3D elements using code
  • Learn how to use 3D assets, textures, maps HDRIs
  • Learn how to interact based on events, click, scroll, drag
  • Learn how Animate elements - Frames
  • Learn how Map WebGL elements to DOM elements whilst scrolling
  • Learn how Preload and prerender textures (replicates AssetLoader)
  • Learn how Manage WebGL resources (create and destroy materials and geometries as needed)
  • Learn how Trigger Scroll animations
  • Learn how Initialize Dynamic component with intersection observer
  • Learn how to handle Global event resize, requestAnimationFrame and pointer/mouse events
  • Learn navigation transitions
  • Learn how WebGL / GLSL shader works
  • Explore Existing Helpers
  • Explore Debugging Tools
  • Get familiar with Math (Algebra, Trigonometry)
  • Get familiar with Physics
  • Learn how to Manage State
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment