/computer-graphic-playground

rayne's personal computer graphic learning playground

Primary LanguageTypeScript

Computer Graphic Playground (CGP)

A Personal Computer Graphic Learning Playground

  • Writing A Renderer From Scratch Using Canvas as Screen Simulator
  • Play & Learn WebGL & WebGPU

Purpose of this repo

  • Learn the theory of the computer graphic
  • Write code from scratch to enchance the knowledge learned

How to Play With the Code

pnpm install
pnpm dev

Content

  • Soft Renderer
    • rasterization
    • ray tracing
  • WebGL
  • WebGPU
  • PixiJs