RenderRama is an interactive visualizer designed for exploring 2D and 3D transformations, as well as Bezier curve modeling.
Built with React.js (TypeScript) and powered by p5.js, RenderRama offers an intuitive and dynamic way to understand and experiment with computer graphics concepts.
- 2D Transformations
- Translation (x and y direction)
- Rotation (clockwise and anti-clockwise about origin)
- Scaling (both directions)
- Reflection (about x, y, y=x, and y=-x axes)
- Shearing (x, y, and both directions)
- 3D Transformations
- Translation (x, y, and z direction)
- Rotation (about x, y, and z axes)
- Scaling (x, y, and both directions)
- Shearing (x and y direction)
- Curve Modeling
- Cubic Bezier curve
demo.mp4
- Node.js (for
npm)
- Clone the repository
git clone https://github.com/suravshrestha/RenderRama.git
- Navigate to the repository 📂
cd RenderRama
- Install the dependencies
npm install
- Start the development server
npm run dev