Three.js file not included in my HTML file

Question

I am learning HTML5, and i use Three.js 3D engine. following this example, the tutorial assume i included three.js file into my HTML file. However, i found two files with that name, so i included both but nothing appear to work.

In my html file:

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

Three.js package is in the same directory as my html file and it's in a folder called three.js.

Am i including the wrong file(s)?

EDIT

When i debug in Mozilla FireFox, i got this message:

[13:41:04.275] ReferenceError: $ is not defined @

The line causing the error is this:

// get the DOM element to attach to
// - assume we've got jQuery to hand
var $container = $('#container');

Thanx for help.

Have you ever tried Firebug for Firefox (I think something similar, Firebug lite, is available for chrome). Firebug lets you step through javascript code and gives you a lot more useful information than just the browser. Also, if you are using firefox you can use the developer console to get some error messages, which will help you fix your issue. — Wayne Uroda
– Wayne Uroda, Commented Sep 7, 2012 at 0:41
@WayneUroda Modern versions of browsers Chrome, Safari, Opera and IE has built in tools. Firebug lite is no longer necessary. — some
– some, Commented Sep 7, 2012 at 1:21

matt b · Accepted Answer · 2012-09-07 00:38:42Z

1

If the js file is in the same directory you should just do

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

The path to the file inside the src attribute is relative to the current file.

answered Sep 7, 2012 at 0:38

matt b

140k66 gold badges287 silver badges352 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Amadan Over a year ago

"Three.js package is in the same directory as my html file and it's in a folder called three.js."

Malloc Over a year ago

I edited my post, i think it's related to a jQuery library which is missing, but i can not find any reference for jQuery in the Three.je folder.

mrdoob · Accepted Answer · 2012-09-07 02:29:18Z

0

Since r50 it should be:

<script src="three.js/build/three.min.js"></script>

answered Sep 7, 2012 at 2:29

mrdoob

19.6k4 gold badges66 silver badges62 bronze badges

1 Comment

mrdoob Over a year ago

This seems to be a jQuery issue now. Nothing to do with three.js.

Collectives™ on Stack Overflow

Three.js file not included in my HTML file

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related