MySmartCoPilot

Your country

Tools that support it use your country for local currency, number formats, units and paper size. Your choice is saved only in this browser.

Computer science fundamentals

Computer Graphics (rasterisation, ray tracing, WebGPU)

The planned outline of 16 modules. Lessons are written, run and reviewed before they are published.

Coming soon 16 modules

Coming soon. This track is being written. Below is its planned outline: a lesson appears here once its examples have been run and its technical review is signed off.

Planned outline

  1. Module 1

    Foundations: pixels, displays, colour and the pipeline

    Coming soon
  2. Module 2

    The maths toolkit: vectors, matrices and precision

    Coming soon
  3. Module 3

    Classic raster algorithms: lines, circles and fills

    Coming soon
  4. Module 4

    2D transformations, viewing and clipping

    Coming soon
  5. Module 5

    3D transformations, rotations, cameras and projection

    Coming soon
  6. Module 6

    Triangles, depth and visibility: a software rasteriser

    Coming soon
  7. Module 7

    Light, shading and transparency

    Coming soon
  8. Module 8

    Textures, filtering and anti-aliasing

    Coming soon
  9. Module 9

    GPU programming with WebGPU and WGSL

    Coming soon
  10. Module 10

    OpenGL and GLSL: WebGL 2 in the browser, OpenGL 3.3 on the desktop

    Coming soon
  11. Module 11

    Real-time rendering techniques

    Coming soon
  12. Module 12

    Ray tracing, path tracing and global illumination

    Coming soon
  13. Module 13

    Curves, surfaces and geometry processing

    Coming soon
  14. Module 14

    Animation and simulation

    Coming soon
  15. Module 15

    three.js: real-time 3D on the web

    Coming soon
  16. Module 16

    Practice: exams, interviews and portfolio

    Coming soon

Related tools

Matrix Calculator Matrices up to 10 × 10 in exact fractions — every step, from determinants to the SVD. Color Converter Every color format at once, with WCAG contrast checks, tints and shades. Cubic Bezier & CSS Easing Generator Shape an easing curve, watch it race the classics and copy CSS, Tailwind or JavaScript. HTML, CSS & JS Playground (Online Editor) A CodePen-style editor with live preview and console — private, sandboxed, no sign-up. 3D Model Converter Convert STL, OBJ, PLY, glTF and 3MF files, fix units and orientation, check the size. Pixel Art Maker A free pixel art editor with layers, frames and onion skin — saved in your browser.

Official documentation

More in Computer science fundamentals