3D Software Renderer Engine Demo.
These instructions will get you a copy of the project up and running on your local machine to try stuff around. See deploy for notes on how to make the final html file.
For further details, check this entry on pouet;
I only tested in Chrome, but I think it should work on any browser that supports a canvas element.
Clone the repo and start a local server on your project root folder.
Example:
If you have php installed type this in terminal: php -S localhost:8000
If not, try installing a server extension on your chrome browser.
There is absolutely no documentation except for a few comments that wont make your life easier. You should know the basics on how a 3d render engine works. May God guide you through this code...
While developing, load the "editor" (the main index.html
file) and play around with Maquina.js
and PropsCamera.js
files, which is where everything happens.
I'm using uglifyjs to minimize the project into a single .js file (build/pm.js
), and this site to minify the final css (build/styles_prod.css
).
Then I copy/paste everything into the build/index.html <style>
and <script>
tags.
- Pure JavaScript
- uglifyjs - To generate the final js code.
- FileSaver and jszip - To save screen recordings.
- Blender - For the 3d models.
- Affinity Designer - For the graphics.
- cc2017 - Code and GFX - brunoperry.net
- EviL - Music and SFX - glenz.org
This project is licensed under the MIT License - see the LICENSE.md file for details