
▲ 71
I was struggling with legacy OpenGL concepts in class, so I built a 2D visual simulator to teach it
I tried to keep this as short as possible, so bear with me!
I built VAMS (Visual Animation Modeling Simulator) as a project to help beginners like myself back then understand legacy OpenGL. It’s a GUI-only, 2D teaching simulator that includes a dedicated "Lesson Mode" featuring narrated demos and interactive exercises.
Here is what the system currently teaches:
- Pipeline - the OpenGL rendering pipeline, NDC coordinates, rasterization, and the anatomy of a GLUT program
- Primitives - all
glBegin/glEndprimitive types, per-vertex color (glColor3f/glColor3ub), line styling (glLineWidth,glLineStipple), bitmap text, and GLUT callbacks - Buffers - immediate mode vs. vertex arrays vs. VBOs, buffer usage hints (
GL_STATIC_DRAW,GL_DYNAMIC_DRAW,GL_STREAM_DRAW), indexed drawing, andglMapBuffer - Transforms -
glTranslatef,glRotatef,glScalef, the matrix stack, andglOrtho - Textures - UV mapping, filtering, wrapping, and full texture setup code
The Tech Stack: Under the hood, it’s a web app built with React, TypeScript, and Zustand for state management, using PixiJS to handle the 2D canvas rendering.
Link to the app is in the screenshot if you are interested in trying it and I would absolutely love to hear your feedback, critiques, or ideas!! Thank you!
u/Key_Stress8229 — 5 days ago