I Tried Making a 3D RPG Game in JavaScript

Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Github: https://github.com/simondevyoutube/

Here I tried making a 3d RPG game, completely from scratch in JavaScript/Three.js. I took some code from previous tutorials, such as player controllers and third person cameras, bolted on a few free assets like Quaternius’s models, and added some gameplay. The code could serve as a nice jumping off point for someone looking to make their own little browser rpg.

Basically, I tried to code up the skeleton of your basic rpg in a couple days, using just JavaScript. All the elements, player stats, quests, inventory, enemies and AI are all there, in various stages. There’s a lot of improvements you could make here of course, adding more weaponry and items, magical powers and skills, bigger and badder enemies. But this will hopefully help you to understand how to use Three.js to get started on this type of project. Making the basic bones of a 3d rpg game isn’t too difficult.

What I’ll cover:
* Getting a basic 3d world up and running.
* Replicating a basic version of Unity’s GameObject architecture.
* Adding third person movement and a third person camera.
* Adding HTML ui elements such as icons, inventory, stats, quests.
* Enemy AI

Like always, full source is available, just check the github repo. Go ahead and do whatever you want with it.

Various clips/assets from:

The Legend of Zelda: Breath of the Wild is an action role-playing/adventure game developed by Nintendo and released in 2017.
Channel: https://www.youtube.com/c/nintendo/

Quaternius has a lot of free 3d model assets on their site, check them out!

And even more free animated models at Mixamo.

I also picked up quite a few icons on GameIcons.net.

35 thoughts on “I Tried Making a 3D RPG Game in JavaScript

  1. Hey @SimonDev, Why you are not creating a udemy course for it…. So that, who are familiar with web technologies can benifited from it…. and you can earn as well

  2. This is really cool! I made a game in all html once that was not nearly this impressive, but now I’m hopeful I’ll reach your level someday too!

  3. Wow !! super awesome, I am extremely jealous of your programming skills, a series of videos on how you made your ECS system where you go into details would be super dope ! You could maybe do that on patreon so that your skills and time don't go to waste 🙂 ! Subbed and turned on the bell !

  4. this is the first video I've seen from you and I have to say I love to see how you solve the issues, mostly "I struggled to get it working",
    That's programing 101. game developing has always been a fascination to me, I just need to learn "real programing", but coming from a hardware side dealing with literal logic, I can feel the pain you have to go through to have a simple health bare face you, idk how you did it, but "if face bar not facing me, then face me" is the solution or if not 0 then 1 (pls).

Leave a Reply

Your email address will not be published. Required fields are marked *