Graphics

[wtlin1228]

Learning Path

OpenGL -> WebGL -> (Vulkan?) -> PixiJS / Three.js

Resources

• OpenGL
  • https://www.opengl.org/
  • https://learnopengl.com/
• WebGL
  • https://www.khronos.org/webgl/
  • https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API
  • https://github.com/gfxfundamentals/webgl-fundamentals
• Vulkan
  • https://www.vulkan.org/
  • https://learning.oreilly.com/library/view/vulkan-3d-graphics/9781803248110/
  • https://learning.oreilly.com/library/view/the-modern-vulkan/9781803239989/
• Canvas
  • https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API
• SVG
  • https://developer.mozilla.org/en-US/docs/Web/SVG
• PixiJS
  • https://github.com/pixijs/pixijs
• Three.js
  • https://github.com/mrdoob/three.js/
• Babylon
  • https://github.com/BabylonJS/Babylon.js

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Hello-Window

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Hello-Triangle

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Hello-Triangle Vertex Array Object(VAO)

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Hello-Triangle Exercises

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Shaders Exercises

[wtlin1228]

https://www.learncpp.com/cpp-tutorial/introduction-to-these-tutorials/

[wtlin1228]

https://makefiletutorial.com/#getting-started

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Shaders ex2

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Textures

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Transformations

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Transformations Exercises

[wtlin1228]

Next on https://learnopengl.com/Getting-started/Camera Camera class