Vince14Genius / Simple-3D-Renderer-using-p5.js

A simple 3D renderer, created using the library p5.js, only supports rotation along the y-axis (movement is allowed on all axes); it is done by translating points from 3D space to a 2D screen using simple vector & trig operations, and this project is used for my Math IA.

Simple-3D-Renderer-using-p5.js

A simple 3D renderer, created using the 2D graphics library p5.js. It only supports rotation along the y-axis (movement is allowed on all axes), and works by translating points from 3D space to a 2D screen using simple vector & trig operations.

This project is created for my Math IA, an assignment for the higher level mathematics course in the International Baccalaureate program.

Instructions & Controls

(Online) https://Vince14Genius.github.io/Simple-3D-Renderer-using-p5.js/

(If downloaded) Open index.html

Movement: WASD or arrow keys (x and z axes), Space (y-upward), and Shift (y-downward)

Y-Rotation: position of mouse cursor

Related Information

Basic Functionalities and Simple Sample Case