Description
Introduction
This simple project is meant for testing things like dynamic background, canvas layout and WEBGL mode in p5js.
This project visualizes a 3D surface using a mathematical function. Users can interact with the 3D model by orbiting and zooming in/out, providing an engaging way to explore mathematical surfaces.
Implementation
The project uses p5.js to render a 3D surface based on a mathematical function. The surface is created using a radial grid of vertices, and the height of each vertex is determined by the function. Users can interact with the surface using orbit controls for rotation and zoom.
What I Learned
Through this project, I learned how to use p5.js for 3D rendering and how to calculate lighting normals. Additionally, I gained insights into mathematical surface visualization.
Instructions:
- Orbit Controls:
- • Mouse Drag: Orbit
- • Mouse Scroll: Zoom
- • Spacebar: Next function