Learning three.js 07 :: Instancing & Multiple Models

Published: 23 August 2016
on channel: xSaucecode
14,681
93

I solve the issues in loading models from an array, and clone models instead of loading the same one twice. Source linked below.

This video builds on the code produced in video 6.

Loading models from a list can cause weird behaviour because the loading process is asynchronous. The "key" variable will change while the object is loading, so when it finishes loading it puts the geometry data into a different key than when it started loading. We stop this by wrapping the contents of the for loop in a floating function which keeps the key from changing.

I used this SO question to help.
https://stackoverflow.com/questions/2...

Models sourced from http://kenney.nl/ - A quality source of free to use models and textures.

source code - https://github.com/saucecode/threejs-...
github repo - https://github.com/saucecode/threejs-...

As I upload this I am in my last week of classes before a 2 week break. I should have the next video up before Sunday (2016-08-23). Next video will be the revered FPS gun view.

Send sonnets, your music playlists, and/or comments to cahill.julian@gmail.com

https://rawr.nz/


On this page of the site you can watch the video online Learning three.js 07 :: Instancing & Multiple Models with a duration of hours minute second in good quality, which was uploaded by the user xSaucecode 23 August 2016, share the link with friends and acquaintances, this video has already been watched 14,681 times on youtube and it was liked by 93 viewers. Enjoy your viewing!