Learning three.js 06 :: Adding a Loading Screen

Channel:

xSaucecode

Subscribers:

1,090

Published on August 5, 2016 2:36:24 PM ● Video Link: https://www.youtube.com/watch?v=3umV-dEYttU

Duration: 3:10

16,004 views

146

The simplest of loading screens for threejs. A scene with very few resources rendered while textures and models are downloaded from the server. Source linked below. This builds on the code from video five.

Currently, the main scene is rendered immediately, before any resources are loaded. This is why the crate is black and the tent invisible when you open live demos from videos 2-5. Now, we render a separate scene that has its own camera and mesh while bigger resources are loaded. The loading screen made here is incredibly dull, and I will update it to something more interesting in a bonus video.

source code - https://github.com/saucecode/threejs-demos/tree/master/06_Loading

I haven't made a video in a while because of university. It takes up a lot of my time, and I wasn't looking forward to making this particular video anyway. I'll have to jump into FPS gun views next.

Email me about anything (cats optional): cahill.julian@gmail.com

https://rawr.nz/