victorqribeiro / 3Dengine

A JavaScript WebGL 3D engine. From scratch.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

3D Engine - RPG Game

My first attempt at a 3D engine using native JavaScript and WebGL.

screenshot

About

I've made this in order to learn WebGL. If I cannot implement it, I don't understand it, right?! I've created this following the videos from ThinMatrix on YouTube. You should check it out

Live version here

How to run

The whole thing runs in the browser, but I use fetch to load objects, so you'll have to run it on a server.

In PHP you can just CD into the 3Dengine folder and type the bellow command to start a server at http://127.0.0.1:8080 and navigate to that address:

PHP

php -S 127.0.0.1:8080

Python 2

python -m SimpleHTTPServer 8080

Python 3

python3 -m http.server 8080

How to play

Click and hold the right button of the mouse to rotate te camera.
Middle wheel zoom in and out.
W, a, s, d move the pirate girl.
Space bar jumps.

License

As I Open Source this project you can make use of the code and the code alone. None of the 3D models or textures are mine, so I cannot give you permission for that. I have used them here with the purpose of learning along, no money was made with this project. I also don't know the creators of those files, that's why I don't link them here. If you are or know any of the creators, please let me know and I'll credit them here.

About

A JavaScript WebGL 3D engine. From scratch.


Languages

Language:JavaScript 97.9%Language:GLSL 1.5%Language:HTML 0.6%Language:CSS 0.0%