Skip to content

Releases: dris1153/shaderpath

Release list

Shaderpath v1.0.0

Shaderpath v1.0.0 Latest
Latest

Choose a tag to compare

View all tags
@dris1153 dris1153 released this 26 Sep 18:49
v1.0.0
a80d6d1

The first public release of Shaderpath, a bilingual (English / Vietnamese) course in real-time graphics for the web. It starts at the dot product and runs through raymarching, GPGPU and production performance.

Live: https://shaderpath.drisdev.io

Shaderpath home page

Content

  • 162 lessons in 14 tracks, about 136 hours. Math foundations, raw WebGL, GLSL, Three.js, React Three Fiber, GSAP, custom shaders, procedural noise, raymarching and SDFs, GPGPU and particles, post-processing, PBR and lighting, performance, and four capstone projects.
  • Every lesson is written in both English and Vietnamese, with references to primary sources and the installed library code.
  • 124 live demos built with raw WebGL2, Three.js or React Three Fiber, each with controls for the idea the lesson teaches.
  • Exercises with worked answers. Concept questions, TypeScript tasks and shader tasks, each with hints and a checklist.
  • Recall cards for 123 theory lessons, checked against the installed three.js 0.185, React 19 and Next.js 16 sources.

Features

  • A GLSL playground with a Monaco editor, a live WebGL2 preview, exact error lines, 35 presets and saved snippets.
  • Spaced-repetition review, scheduled with an SM-2-style algorithm.
  • Notes anchored to headings, bookmarks, and Ctrl+K search.
  • A curriculum map of all 14 tracks, and a stats page with streaks, a 26-week heatmap and time per track.
  • Adaptive quality tiers for the demos, with a manual override in Settings.
  • Accounts through Supabase Auth, with every table protected by row-level security. Everything is readable without signing in.
  • Export and import of your progress as versioned JSON.

Notes

  • English is the default language. / redirects to /en. The Vietnamese edition lives at /vi, and the language switcher keeps your current page.
  • License. The source code is MIT-licensed. The educational content is © 2026 dris1153, all rights reserved: lesson text, exercises, review cards, mind maps and figures. See LICENSE.

Stack: Next.js 16 · React 19 · three.js r185 · React Three Fiber 9 · GSAP 3 · Tailwind CSS v4 · shadcn/ui · Drizzle · Supabase · Vitest · Playwright

Assets 2
Loading