Three.js how to implement

Hi guys,

I am trying to implement three.js in the attached app.

I am following the instructions here.

https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene

I have done the following.

Created a folder /js
Placed all the three.js files into this folder.

Added this to extra headers.

<script src="js/Three.js"></script>

When I run the app I get the error ‘ReferenceError: Can’t find variable: THREE’

Which I presume means the three.js library as not been loaded.

What am I doing wrong here please ?

threeJS.appstudio.zip (543.9 KB)

The mistake I made was I presumed Three.js that I download was the one I had to use. Strange that it is in there.

I downloaded three.js from https://threejs.org/build/three.js

and changed

<script src="js/Three.js"></script>
to
<script src="js/three.js"></script>

I now have a free box.

Don’t worry I will be back… LOL.

Looks like a fun library - it will be interesting to see what you come up with!