GridVids
Sign in with YouTube

Create JavaScript 3D World in 5 Minutes (or less)

SimonDev Jul 9, 2020 10:00
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Don't Miss
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Mark watched
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Hide
Open in popup Open on YouTube
Share video

Share video

Copy the GridVids link or iframe code.

Video link
Iframe code
Iframe content

Follow me on: Twitter: https://twitter.com/iced_coffee_dev Github: https://github.com/simondevyoutube/ In this project I show you how to build a 3D world in JavaScript in a few minutes, give or take. We'll step through the basics of using Three.js/WebGL to build out a really simple scene, which can serve to illustrate how to get started with 3D in JavaScript. What we'll cover: * Three.js initialization, how to import and instantiate a renderer * Basic scene configuration using Three.js, we'll cover a basic camera, lights, and geometry * Loading and using cubemaps to create a skybox Just treat this as a jumping off point for your own 3d projects, there's lots of ways you can go with this but it often helps to have a basic project you can build from. Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.
Science & Technology
#simondev #game development #programming tutorial #javascript #three js #three js tutorial #webgl #webgl tutorial #javascript 3d game #create javascript 3d world in 5 minutes