Learning three.js 01 :: Getting Started

Channel:
New Zealand xSaucecode
Subscribers:
1,090
Published on ● Video Link: https://www.youtube.com/watch?v=axGQAMqsxdw


Duration: 3:41
19,795 views
175

The bare bones of a threejs app: A camera staring at a wireframe box!

This requires a basic knowledge of Javascript. If you don't, but do know another language, this should be easy to follow.

three.js is a javascript library that lets you easily use OpenGL (WebGL) in modern browsers. Its small and convenient, and I'm enjoying it a lot. I'm still learning how to use it, and these videos will be documenting that process.

LINKS
Source code w/ comments: https://github.com/saucecode/threejs-demos/tree/master/01_GettingStarted

Some neat examples of three.js in use can be found here http://threejs.org/examples/#webgl_lights_physical


I'm developing on Xubuntu 14.04, but the process should work seamlessly on any OS with a modern browser.

https://rawr.nz/

Direct hate mail and romantic poetry to cahill.julian@gmail.com



Other Videos By xSaucecode


2016-12-12Boop: LD37 14 Hour Development Timelapse
2016-12-11Boop - Ludum Dare 37 Submission (Java)
2016-08-30Learning three.js 09 :: Shooting & Projectiles
2016-08-26Learning three.js 08 :: First Person Gun View
2016-08-23Learning three.js 07 :: Instancing & Multiple Models
2016-08-05Learning three.js 06 :: Adding a Loading Screen
2016-07-23Learning three.js 05 :: Model & Material loading (OBJ/MTL)
2016-07-15Learning three.js 04 :: Textures, Normal, and Bump Maps
2016-07-07Learning three.js 03 :: Light/Shadows in 60 seconds
2016-07-06Learning three.js 02 :: Movement and Floors
2016-07-05Learning three.js 01 :: Getting Started
2016-07-05three.js :: Simple 3D Scene
2015-02-20LWJGL :: 3D Top-down View
2015-02-14Java LWJGL :: Font and Texture Loader
2014-11-18Halo MCC :: Is It A Spider?
2014-04-23CS:GO :: Heart Attack on Vertigo
2013-12-23Java LWJGL :: Particles, Shooting, Jumping Demo
2013-12-17Java LWJGL :: Heightmap, Lightmap and Particles Demo
2013-12-12Java LWJGL :: Heightmap Terrain Demo
2013-10-21Java :: Generate maps from Image data
2013-09-28Java KryoNet :: A Simple Server/Client Game


Tags:
three.js
three
javascript
game
development
open
source
tutorial
getting started
learning
opengl
webgl
firefox
chrome
easy
simple