Browse Source

More examples clean up.

Mr.doob 14 years ago
parent
commit
19d8261174
100 changed files with 901 additions and 881 deletions
  1. 6 6
      examples/canvas_camera_orthographic.html
  2. 7 7
      examples/canvas_geometry_birds.html
  3. 5 5
      examples/canvas_geometry_cube.html
  4. 5 5
      examples/canvas_geometry_earth.html
  5. 5 5
      examples/canvas_geometry_hierarchy.html
  6. 3 3
      examples/canvas_geometry_panorama.html
  7. 3 3
      examples/canvas_geometry_panorama_fisheye.html
  8. 6 6
      examples/canvas_geometry_terrain.html
  9. 6 6
      examples/canvas_geometry_text.html
  10. 5 5
      examples/canvas_interactive_cubes.html
  11. 6 6
      examples/canvas_interactive_cubes_tween.html
  12. 5 5
      examples/canvas_interactive_particles.html
  13. 5 5
      examples/canvas_interactive_voxelpainter.html
  14. 5 5
      examples/canvas_lights_pointlights.html
  15. 5 5
      examples/canvas_lights_pointlights_smooth.html
  16. 4 4
      examples/canvas_lines.html
  17. 4 4
      examples/canvas_lines_sphere.html
  18. 5 5
      examples/canvas_materials.html
  19. 5 5
      examples/canvas_materials_depth.html
  20. 5 5
      examples/canvas_materials_normal.html
  21. 6 6
      examples/canvas_materials_reflection.html
  22. 5 5
      examples/canvas_materials_video.html
  23. 5 5
      examples/canvas_particles_floor.html
  24. 5 5
      examples/canvas_particles_random.html
  25. 8 8
      examples/canvas_particles_shapes.html
  26. 6 6
      examples/canvas_particles_sprites.html
  27. 5 5
      examples/canvas_particles_waves.html
  28. 5 5
      examples/canvas_performance.html
  29. 113 113
      examples/canvas_sandbox.html
  30. 5 5
      examples/misc_camera_path.html
  31. 4 4
      examples/misc_camera_roll.html
  32. 4 4
      examples/misc_camera_trackball.html
  33. 5 5
      examples/misc_lights_test.html
  34. 5 5
      examples/misc_lookat.html
  35. 5 5
      examples/misc_materials_multimaterials.html
  36. 5 5
      examples/misc_sound.html
  37. 6 6
      examples/misc_ubiquity_test.html
  38. 6 6
      examples/webgl_animation_skinning.html
  39. 6 6
      examples/webgl_collada.html
  40. 5 5
      examples/webgl_collisions_box.html
  41. 5 5
      examples/webgl_collisions_mesh.html
  42. 5 5
      examples/webgl_collisions_normal.html
  43. 5 5
      examples/webgl_collisions_primitives.html
  44. 4 4
      examples/webgl_collisions_reaction.html
  45. 105 106
      examples/webgl_collisions_terrain.html
  46. 152 132
      examples/webgl_collisions_trigger.html
  47. 7 6
      examples/webgl_custom_attributes.html
  48. 4 4
      examples/webgl_custom_attributes_particles.html
  49. 4 4
      examples/webgl_custom_attributes_particles2.html
  50. 4 4
      examples/webgl_custom_attributes_particles3.html
  51. 11 11
      examples/webgl_flycamera_earth.html
  52. 5 5
      examples/webgl_geometries.html
  53. 5 5
      examples/webgl_geometry_blenderexport_colors.html
  54. 5 5
      examples/webgl_geometry_colors.html
  55. 5 5
      examples/webgl_geometry_dynamic.html
  56. 4 4
      examples/webgl_geometry_hierarchy.html
  57. 4 4
      examples/webgl_geometry_hierarchy2.html
  58. 4 4
      examples/webgl_geometry_large_mesh.html
  59. 6 6
      examples/webgl_geometry_minecraft.html
  60. 6 6
      examples/webgl_geometry_minecraft_ao.html
  61. 4 4
      examples/webgl_geometry_shapes.html
  62. 6 6
      examples/webgl_geometry_terrain.html
  63. 6 6
      examples/webgl_geometry_terrain_fog.html
  64. 22 22
      examples/webgl_geometry_text.html
  65. 5 5
      examples/webgl_hdr.html
  66. 4 4
      examples/webgl_interactive_cubes.html
  67. 4 4
      examples/webgl_interactive_draggablecubes.html
  68. 5 5
      examples/webgl_interactive_voxelpainter.html
  69. 5 5
      examples/webgl_lights_pointlights.html
  70. 11 11
      examples/webgl_lines_colors.html
  71. 5 5
      examples/webgl_lines_cubes.html
  72. 5 5
      examples/webgl_lines_sphere.html
  73. 5 5
      examples/webgl_lines_splines.html
  74. 5 5
      examples/webgl_lod.html
  75. 13 13
      examples/webgl_lod_text.html
  76. 5 5
      examples/webgl_materials.html
  77. 5 5
      examples/webgl_materials_cars.html
  78. 5 5
      examples/webgl_materials_cars_anaglyph.html
  79. 5 5
      examples/webgl_materials_cars_camaro.html
  80. 5 5
      examples/webgl_materials_cars_camaro_crosseyed.html
  81. 5 5
      examples/webgl_materials_cubemap.html
  82. 4 4
      examples/webgl_materials_cubemap_balls_reflection.html
  83. 4 4
      examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
  84. 4 4
      examples/webgl_materials_cubemap_balls_refraction.html
  85. 4 4
      examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
  86. 5 5
      examples/webgl_materials_cubemap_escher.html
  87. 5 5
      examples/webgl_materials_cubemap_refraction.html
  88. 4 4
      examples/webgl_materials_grass.html
  89. 5 5
      examples/webgl_materials_normalmap.html
  90. 5 5
      examples/webgl_materials_normalmap2.html
  91. 5 5
      examples/webgl_materials_shaders.html
  92. 4 4
      examples/webgl_materials_shaders_fresnel.html
  93. 13 13
      examples/webgl_materials_skin.html
  94. 5 5
      examples/webgl_materials_texture_filters.html
  95. 11 11
      examples/webgl_materials_video.html
  96. 5 5
      examples/webgl_morphtargets.html
  97. 4 4
      examples/webgl_morphtargets_horse.html
  98. 5 5
      examples/webgl_multiple_canvases_complex.html
  99. 5 5
      examples/webgl_multiple_canvases_grid.html
  100. 5 5
      examples/webgl_objconvert_test.html

+ 6 - 6
examples/canvas_camera_orthographic.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - camera - orthographic</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,13 +15,13 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/custom/ThreeCanvas.js"></script>
-		<script type="text/javascript" src="../build/custom/ThreeExtras.js"></script>
+		<script src="../build/custom/ThreeCanvas.js"></script>
+		<script src="../build/custom/ThreeExtras.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, renderer;

+ 7 - 7
examples/canvas_geometry_birds.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - geometry - birds</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css"> 
+		<style> 
 			body {
 				color: #808080;
 				font-family:Monospace;
@@ -28,13 +28,13 @@
 		<div id="container"></div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - birds demo</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="obj/Bird.js"></script>
+		<script src="../build/Three.js"></script>
+		<script src="obj/Bird.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			// Based on http://www.openprocessing.org/visuals/?visualID=6910
 
@@ -319,7 +319,7 @@
 
 		</script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth,
 			SCREEN_HEIGHT = window.innerHeight,

+ 5 - 5
examples/canvas_geometry_cube.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - geometry - cube</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 5 - 5
examples/canvas_geometry_earth.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - geometry - earth</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				color: #808080;
 				font-family:Monospace;
@@ -34,12 +34,12 @@
 		<div id="container"></div> 
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - earth demo</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 5 - 5
examples/canvas_geometry_hierarchy.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - geometry hierarchy 2</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
@@ -16,12 +16,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 3 - 3
examples/canvas_geometry_panorama.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - panorama demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: rgb(200,200,200);
 				margin: 0px;
@@ -32,9 +32,9 @@
 		<div id="container"></div> 
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - panorama demo. cubemap by <a href="http://www.zfight.com/" target="_blank">Jochum Skoglund</a>.</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, renderer;
 

+ 3 - 3
examples/canvas_geometry_panorama_fisheye.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - panorama fisheye demo</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: rgb(200,200,200);
 				margin: 0px;
@@ -32,9 +32,9 @@
 		<div id="container"></div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - panorama fisheye demo. cubemap by <a href="http://www.zfight.com/" target="_blank">Jochum Skoglund</a>. (mousewheel: change fov)</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, renderer;
 

+ 6 - 6
examples/canvas_geometry_terrain.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - geometry - terrain</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				color: #71544e;
 				font-family:Monospace;
@@ -34,14 +34,14 @@
 		<div id="container"><br /><br /><br /><br /><br />Generating...</div> 
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - terrain demo. <a href="canvas_geometry_terrain.html">generate another</a></div> 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ImprovedNoise.js"></script>
+		<script src="js/ImprovedNoise.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 6 - 6
examples/canvas_geometry_text.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - geometry - text</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -16,17 +16,17 @@
 	<body>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<!-- load the font file from canvas-text -->
 
-		<script type="text/javascript" src="fonts/helvetiker_regular.typeface.js"></script>
+		<script src="fonts/helvetiker_regular.typeface.js"></script>
 
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 5 - 5
examples/canvas_interactive_cubes.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - interactive - cubes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, projector, renderer;

+ 6 - 6
examples/canvas_interactive_cubes_tween.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - interactive - cubes tween</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,13 +15,13 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Tween.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Tween.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, projector, renderer;

+ 5 - 5
examples/canvas_interactive_particles.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - interactive particles</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, projector, renderer;

+ 5 - 5
examples/canvas_interactive_voxelpainter.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - interactive - voxel painter</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, renderer;

+ 5 - 5
examples/canvas_lights_pointlights.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - point light</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -39,12 +39,12 @@
 			Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="obj/WaltHead.js"></script>
+		<script src="../build/Three.js"></script>
+		<script src="obj/WaltHead.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, renderer,
 			particle1, particle2, particle2,

+ 5 - 5
examples/canvas_lights_pointlights_smooth.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - point light smooth</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -39,12 +39,12 @@
 			Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="obj/WaltHead.js"></script>
+		<script src="../build/Three.js"></script>
+		<script src="obj/WaltHead.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, renderer,
 			particle1, particle2, particle2,

+ 4 - 4
examples/canvas_lines.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - lines - random</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -18,11 +18,11 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var mouseX = 0, mouseY = 0,
 

+ 4 - 4
examples/canvas_lines_sphere.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - lines - sphere</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -18,11 +18,11 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth,
 			SCREEN_HEIGHT = window.innerHeight,

+ 5 - 5
examples/canvas_materials.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - materials</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #202020;
@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 5 - 5
examples/canvas_materials_depth.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - depth material</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000000;
@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 5 - 5
examples/canvas_materials_normal.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - normal material</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -39,12 +39,12 @@
 			Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script> 
-		<script type="text/javascript" src="obj/WaltHead.js"></script>
+		<script src="../build/Three.js"></script> 
+		<script src="obj/WaltHead.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, renderer,
 			object;

+ 6 - 6
examples/canvas_materials_reflection.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - spherical reflection</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -38,14 +38,14 @@
 			Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>. Reflection texture by <a href="http://kewlers.scene.org/" target="_blank">Kewlers</a>.
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="../src/extras/ImageUtils.js"></script>
+		<script src="../build/Three.js"></script>
+		<script src="../src/extras/ImageUtils.js"></script>
 
-		<script type="text/javascript" src="obj/WaltHead.js"></script>
+		<script src="obj/WaltHead.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, renderer,
 			particle1, particle2, particle2,

+ 5 - 5
examples/canvas_materials_video.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - materials - video</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,17 +15,17 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<video id="video" autoplay style="display:none">
 			<source src="textures/sintel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 			<source src="textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'>
 		</video>
 
-		<script type="text/javascript">
+		<script>
 
 			var AMOUNT = 100;
 

+ 5 - 5
examples/canvas_particles_floor.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - particles - floor</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -18,12 +18,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SEPARATION = 100;
 			var AMOUNTX = 50;

+ 5 - 5
examples/canvas_particles_random.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - particles - random</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -18,12 +18,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, renderer, group, particle;

+ 8 - 8
examples/canvas_particles_shapes.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - particles with shapes</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -16,20 +16,20 @@
 	<body>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
-		<script type="text/javascript" src="js/Tween.js"></script>
-		<script type="text/javascript" src="js/Sparks.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
+		<script src="js/Tween.js"></script>
+		<script src="js/Sparks.js"></script>
 		
 
 		<!-- load the font file from canvas-text -->
 
-		<script type="text/javascript" src="fonts/helvetiker_regular.typeface.js"></script>
+		<script src="fonts/helvetiker_regular.typeface.js"></script>
 
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 6 - 6
examples/canvas_particles_sprites.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - particles - sprites</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -18,13 +18,13 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
-		<script type="text/javascript" src="js/Tween.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
+		<script src="js/Tween.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, renderer, particle;

+ 5 - 5
examples/canvas_particles_waves.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - particles - waves</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -17,12 +17,12 @@
 		</style>
 	</head>
 	<body>
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50;
 

+ 5 - 5
examples/canvas_performance.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - performance</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 113 - 113
examples/canvas_sandbox.html

@@ -4,7 +4,7 @@
 		<title>three.js canvas - sandbox</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -15,118 +15,118 @@
 	</head>
 	<body>
 
-		<!-- <script type="text/javascript" src="../build/Three.js"></script> -->
-
-		<script type="text/javascript" src="../src/Three.js"></script>
-		<script type="text/javascript" src="../src/core/Color.js"></script>
-		<script type="text/javascript" src="../src/core/Vector2.js"></script>
-		<script type="text/javascript" src="../src/core/Vector3.js"></script>
-		<script type="text/javascript" src="../src/core/Vector4.js"></script>
-		<script type="text/javascript" src="../src/core/Ray.js"></script>
-		<script type="text/javascript" src="../src/core/Rectangle.js"></script>
-		<script type="text/javascript" src="../src/core/Matrix3.js"></script>
-		<script type="text/javascript" src="../src/core/Matrix4.js"></script>
-		<script type="text/javascript" src="../src/core/Object3D.js"></script>
-		<script type="text/javascript" src="../src/core/Projector.js"></script>
-		<script type="text/javascript" src="../src/core/Quaternion.js"></script>
-		<script type="text/javascript" src="../src/core/Vertex.js"></script>
-		<script type="text/javascript" src="../src/core/Face3.js"></script>
-		<script type="text/javascript" src="../src/core/Face4.js"></script>
-		<script type="text/javascript" src="../src/core/UV.js"></script>
-		<script type="text/javascript" src="../src/core/Geometry.js"></script>
-		<script type="text/javascript" src="../src/core/Spline.js"></script>
-		<script type="text/javascript" src="../src/core/Edge.js"></script>
-		<script type="text/javascript" src="../src/cameras/Camera.js"></script>
-		<script type="text/javascript" src="../src/cameras/OrthoCamera.js"></script>
-		<script type="text/javascript" src="../src/lights/Light.js"></script>
-		<script type="text/javascript" src="../src/lights/AmbientLight.js"></script>
-		<script type="text/javascript" src="../src/lights/DirectionalLight.js"></script>
-		<script type="text/javascript" src="../src/lights/PointLight.js"></script>
-		<script type="text/javascript" src="../src/lights/SpotLight.js"></script>
-		<script type="text/javascript" src="../src/materials/Material.js"></script>
-		<script type="text/javascript" src="../src/materials/LineBasicMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/MeshBasicMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/MeshLambertMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/MeshPhongMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/MeshDepthMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/MeshNormalMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/MeshFaceMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/ShaderMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/ParticleBasicMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/ParticleCanvasMaterial.js"></script>
-		<script type="text/javascript" src="../src/materials/ParticleDOMMaterial.js"></script>
-		<script type="text/javascript" src="../src/textures/Texture.js"></script>
-		<script type="text/javascript" src="../src/textures/DataTexture.js"></script>
-		<script type="text/javascript" src="../src/objects/Particle.js"></script>
-		<script type="text/javascript" src="../src/objects/ParticleSystem.js"></script>
-		<script type="text/javascript" src="../src/objects/Line.js"></script>
-		<script type="text/javascript" src="../src/objects/Mesh.js"></script>
-		<script type="text/javascript" src="../src/objects/Bone.js"></script>
-		<script type="text/javascript" src="../src/objects/SkinnedMesh.js"></script>
-		<script type="text/javascript" src="../src/objects/Ribbon.js"></script>
-		<script type="text/javascript" src="../src/objects/LOD.js"></script>
-		<script type="text/javascript" src="../src/objects/Sprite.js"></script>
-		<script type="text/javascript" src="../src/scenes/Scene.js"></script>
-		<script type="text/javascript" src="../src/scenes/Fog.js"></script>
-		<script type="text/javascript" src="../src/scenes/FogExp2.js"></script>
-		<script type="text/javascript" src="../src/renderers/DOMRenderer.js"></script>
-		<script type="text/javascript" src="../src/renderers/CanvasRenderer.js"></script>
-		<script type="text/javascript" src="../src/renderers/SVGRenderer.js"></script>
-		<script type="text/javascript" src="../src/renderers/WebGLShaders.js"></script>
-		<script type="text/javascript" src="../src/renderers/WebGLRenderer.js"></script>
-		<script type="text/javascript" src="../src/renderers/WebGLRenderTarget.js"></script>
-		<script type="text/javascript" src="../src/renderers/WebGLRenderTargetCube.js"></script>
-		<script type="text/javascript" src="../src/renderers/renderables/RenderableVertex.js"></script>
-		<script type="text/javascript" src="../src/renderers/renderables/RenderableFace3.js"></script>
-		<script type="text/javascript" src="../src/renderers/renderables/RenderableFace4.js"></script>
-		<script type="text/javascript" src="../src/renderers/renderables/RenderableObject.js"></script>
-		<script type="text/javascript" src="../src/renderers/renderables/RenderableParticle.js"></script>
-		<script type="text/javascript" src="../src/renderers/renderables/RenderableLine.js"></script>
-		<script type="text/javascript" src="../src/extras/ColorUtils.js"></script>
-		<script type="text/javascript" src="../src/extras/GeometryUtils.js"></script>
-		<script type="text/javascript" src="../src/extras/ImageUtils.js"></script>
-		<script type="text/javascript" src="../src/extras/SceneUtils.js"></script>
-		<script type="text/javascript" src="../src/extras/ShaderUtils.js"></script>
-		<script type="text/javascript" src="../src/extras/core/Curve.js"></script>
-		<script type="text/javascript" src="../src/extras/core/CurvePath.js"></script>
-		<script type="text/javascript" src="../src/extras/core/Path.js"></script>
-		<script type="text/javascript" src="../src/extras/core/Shape.js"></script>
-		<script type="text/javascript" src="../src/extras/core/TextPath.js"></script>
-		<script type="text/javascript" src="../src/extras/animation/AnimationHandler.js"></script>
-		<script type="text/javascript" src="../src/extras/animation/Animation.js"></script>
-		<script type="text/javascript" src="../src/extras/cameras/FirstPersonCamera.js"></script>
-		<script type="text/javascript" src="../src/extras/cameras/PathCamera.js"></script>
-		<script type="text/javascript" src="../src/extras/cameras/FlyCamera.js"></script>
-		<script type="text/javascript" src="../src/extras/cameras/RollCamera.js"></script>
-		<script type="text/javascript" src="../src/extras/cameras/TrackballCamera.js"></script>
-		<script type="text/javascript" src="../src/extras/cameras/QuakeCamera.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/CubeGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/CylinderGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/ExtrudeGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/IcosahedronGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/LatheGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/PlaneGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/SphereGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/TextGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/TorusGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/TorusKnotGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/loaders/Loader.js"></script>
-		<script type="text/javascript" src="../src/extras/loaders/BinaryLoader.js"></script>
-		<script type="text/javascript" src="../src/extras/loaders/ColladaLoader.js"></script>
-		<script type="text/javascript" src="../src/extras/loaders/JSONLoader.js"></script>
-		<script type="text/javascript" src="../src/extras/loaders/SceneLoader.js"></script>
-		<script type="text/javascript" src="../src/extras/loaders/UTF8Loader.js"></script>
-		<script type="text/javascript" src="../src/extras/objects/MarchingCubes.js"></script>
-		<script type="text/javascript" src="../src/extras/objects/Trident.js"></script>
-		<script type="text/javascript" src="../src/extras/physics/Collisions.js"></script>
-		<script type="text/javascript" src="../src/extras/physics/CollisionUtils.js"></script>
-		<script type="text/javascript" src="../src/extras/renderers/AnaglyphWebGLRenderer.js"></script>
-		<script type="text/javascript" src="../src/extras/renderers/CrosseyedWebGLRenderer.js"></script>
-
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
-
-		<script type="text/javascript">
+		<!-- <script src="../build/Three.js"></script> -->
+
+		<script src="../src/Three.js"></script>
+		<script src="../src/core/Color.js"></script>
+		<script src="../src/core/Vector2.js"></script>
+		<script src="../src/core/Vector3.js"></script>
+		<script src="../src/core/Vector4.js"></script>
+		<script src="../src/core/Ray.js"></script>
+		<script src="../src/core/Rectangle.js"></script>
+		<script src="../src/core/Matrix3.js"></script>
+		<script src="../src/core/Matrix4.js"></script>
+		<script src="../src/core/Object3D.js"></script>
+		<script src="../src/core/Projector.js"></script>
+		<script src="../src/core/Quaternion.js"></script>
+		<script src="../src/core/Vertex.js"></script>
+		<script src="../src/core/Face3.js"></script>
+		<script src="../src/core/Face4.js"></script>
+		<script src="../src/core/UV.js"></script>
+		<script src="../src/core/Geometry.js"></script>
+		<script src="../src/core/Spline.js"></script>
+		<script src="../src/core/Edge.js"></script>
+		<script src="../src/cameras/Camera.js"></script>
+		<script src="../src/cameras/OrthoCamera.js"></script>
+		<script src="../src/lights/Light.js"></script>
+		<script src="../src/lights/AmbientLight.js"></script>
+		<script src="../src/lights/DirectionalLight.js"></script>
+		<script src="../src/lights/PointLight.js"></script>
+		<script src="../src/lights/SpotLight.js"></script>
+		<script src="../src/materials/Material.js"></script>
+		<script src="../src/materials/LineBasicMaterial.js"></script>
+		<script src="../src/materials/MeshBasicMaterial.js"></script>
+		<script src="../src/materials/MeshLambertMaterial.js"></script>
+		<script src="../src/materials/MeshPhongMaterial.js"></script>
+		<script src="../src/materials/MeshDepthMaterial.js"></script>
+		<script src="../src/materials/MeshNormalMaterial.js"></script>
+		<script src="../src/materials/MeshFaceMaterial.js"></script>
+		<script src="../src/materials/ShaderMaterial.js"></script>
+		<script src="../src/materials/ParticleBasicMaterial.js"></script>
+		<script src="../src/materials/ParticleCanvasMaterial.js"></script>
+		<script src="../src/materials/ParticleDOMMaterial.js"></script>
+		<script src="../src/textures/Texture.js"></script>
+		<script src="../src/textures/DataTexture.js"></script>
+		<script src="../src/objects/Particle.js"></script>
+		<script src="../src/objects/ParticleSystem.js"></script>
+		<script src="../src/objects/Line.js"></script>
+		<script src="../src/objects/Mesh.js"></script>
+		<script src="../src/objects/Bone.js"></script>
+		<script src="../src/objects/SkinnedMesh.js"></script>
+		<script src="../src/objects/Ribbon.js"></script>
+		<script src="../src/objects/LOD.js"></script>
+		<script src="../src/objects/Sprite.js"></script>
+		<script src="../src/scenes/Scene.js"></script>
+		<script src="../src/scenes/Fog.js"></script>
+		<script src="../src/scenes/FogExp2.js"></script>
+		<script src="../src/renderers/DOMRenderer.js"></script>
+		<script src="../src/renderers/CanvasRenderer.js"></script>
+		<script src="../src/renderers/SVGRenderer.js"></script>
+		<script src="../src/renderers/WebGLShaders.js"></script>
+		<script src="../src/renderers/WebGLRenderer.js"></script>
+		<script src="../src/renderers/WebGLRenderTarget.js"></script>
+		<script src="../src/renderers/WebGLRenderTargetCube.js"></script>
+		<script src="../src/renderers/renderables/RenderableVertex.js"></script>
+		<script src="../src/renderers/renderables/RenderableFace3.js"></script>
+		<script src="../src/renderers/renderables/RenderableFace4.js"></script>
+		<script src="../src/renderers/renderables/RenderableObject.js"></script>
+		<script src="../src/renderers/renderables/RenderableParticle.js"></script>
+		<script src="../src/renderers/renderables/RenderableLine.js"></script>
+		<script src="../src/extras/ColorUtils.js"></script>
+		<script src="../src/extras/GeometryUtils.js"></script>
+		<script src="../src/extras/ImageUtils.js"></script>
+		<script src="../src/extras/SceneUtils.js"></script>
+		<script src="../src/extras/ShaderUtils.js"></script>
+		<script src="../src/extras/core/Curve.js"></script>
+		<script src="../src/extras/core/CurvePath.js"></script>
+		<script src="../src/extras/core/Path.js"></script>
+		<script src="../src/extras/core/Shape.js"></script>
+		<script src="../src/extras/core/TextPath.js"></script>
+		<script src="../src/extras/animation/AnimationHandler.js"></script>
+		<script src="../src/extras/animation/Animation.js"></script>
+		<script src="../src/extras/cameras/FirstPersonCamera.js"></script>
+		<script src="../src/extras/cameras/PathCamera.js"></script>
+		<script src="../src/extras/cameras/FlyCamera.js"></script>
+		<script src="../src/extras/cameras/RollCamera.js"></script>
+		<script src="../src/extras/cameras/TrackballCamera.js"></script>
+		<script src="../src/extras/cameras/QuakeCamera.js"></script>
+		<script src="../src/extras/geometries/CubeGeometry.js"></script>
+		<script src="../src/extras/geometries/CylinderGeometry.js"></script>
+		<script src="../src/extras/geometries/ExtrudeGeometry.js"></script>
+		<script src="../src/extras/geometries/IcosahedronGeometry.js"></script>
+		<script src="../src/extras/geometries/LatheGeometry.js"></script>
+		<script src="../src/extras/geometries/PlaneGeometry.js"></script>
+		<script src="../src/extras/geometries/SphereGeometry.js"></script>
+		<script src="../src/extras/geometries/TextGeometry.js"></script>
+		<script src="../src/extras/geometries/TorusGeometry.js"></script>
+		<script src="../src/extras/geometries/TorusKnotGeometry.js"></script>
+		<script src="../src/extras/loaders/Loader.js"></script>
+		<script src="../src/extras/loaders/BinaryLoader.js"></script>
+		<script src="../src/extras/loaders/ColladaLoader.js"></script>
+		<script src="../src/extras/loaders/JSONLoader.js"></script>
+		<script src="../src/extras/loaders/SceneLoader.js"></script>
+		<script src="../src/extras/loaders/UTF8Loader.js"></script>
+		<script src="../src/extras/objects/MarchingCubes.js"></script>
+		<script src="../src/extras/objects/Trident.js"></script>
+		<script src="../src/extras/physics/Collisions.js"></script>
+		<script src="../src/extras/physics/CollisionUtils.js"></script>
+		<script src="../src/extras/renderers/AnaglyphWebGLRenderer.js"></script>
+		<script src="../src/extras/renderers/CrosseyedWebGLRenderer.js"></script>
+
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
+
+		<script>
 
 			var container, stats;
 

+ 5 - 5
examples/misc_camera_path.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - path camera</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 		    body {
 			color: #000;
 			font-family:Monospace;
@@ -37,12 +37,12 @@
 			mouse look around 
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Stats.js"></script>
-		<script type="text/javascript" src="js/Tween.js"></script>
+		<script src="js/Stats.js"></script>
+		<script src="js/Tween.js"></script>
 
-		<script type="text/javascript">
+		<script>
 		
 			var statsEnabled = true;
 

+ 4 - 4
examples/misc_camera_roll.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - roll camera</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 		    body {
 			color: #000;
 			font-family:Monospace;
@@ -37,11 +37,11 @@
 			WASD move, RF up/down, QE roll,	mouse look around 
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 		
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 		
 			var statsEnabled = true;
 

+ 4 - 4
examples/misc_camera_trackball.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - trackball camera</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 		    body {
 			color: #000;
 			font-family:Monospace;
@@ -37,11 +37,11 @@
 			MOVE mouse & press LEFT/A: rotate, MIDDLE/S: zoom, RIGHT/D: pan
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 		
 			var statsEnabled = true;
 

+ 5 - 5
examples/misc_lights_test.html

@@ -4,7 +4,7 @@
 		<title>three.js misc - lights - point + directional</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 
 			body {
 				background:#fff;
@@ -39,12 +39,12 @@
 
 		<pre id="log"></pre>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth / 2;
 			var SCREEN_HEIGHT = window.innerHeight;

+ 5 - 5
examples/misc_lookat.html

@@ -4,7 +4,7 @@
 		<title>three.js misc - lookAt</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				color: #404040;
 				font-family:Monospace;
@@ -31,12 +31,12 @@
 	<body>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - Object3D::lookAt() demo</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 5 - 5
examples/misc_materials_multimaterials.html

@@ -4,7 +4,7 @@
 		<title>three.js misc - materials - multi-materials</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background:#fff;
 				padding:0;
@@ -41,12 +41,12 @@
 
 		<pre id="log"></pre>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth;
 			var SCREEN_HEIGHT = window.innerHeight;

+ 5 - 5
examples/misc_sound.html

@@ -4,7 +4,7 @@
 		<title>three.js misc - sound</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #000000;
 				margin: 0px;
@@ -42,12 +42,12 @@
 
 		<div id="container"></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 6 - 6
examples/misc_ubiquity_test.html

@@ -4,7 +4,7 @@
 		<title>three.js misc - geometry - polyfield</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				background-color: #ffffff;
 				margin: 0px;
@@ -14,14 +14,14 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="obj/Qrcode.js"></script>
+		<script src="obj/Qrcode.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth / 3;
 			var SCREEN_HEIGHT = window.innerHeight;

+ 6 - 6
examples/webgl_animation_skinning.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - animation - skinning</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				color: #000;
 				font-family:Monospace;
@@ -40,13 +40,13 @@
 		</div>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 6 - 6
examples/webgl_collada.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - collada</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #000000;
@@ -17,13 +17,13 @@
 	<body>
 		<pre id="log"></pre>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_collisions_box.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - intersection: ray with box</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -36,11 +36,11 @@
 				z-index:100;
 			}
 		</style>
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="../build/Three.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, projector, renderer,
 			info, mouse = { x: 0, y: 0 }, sun, cube;

+ 5 - 5
examples/webgl_collisions_mesh.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - intersection: ray with mesh (through box)</title> 
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css"> 
+		<style> 
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -37,11 +37,11 @@
 			}
 		</style>
 		 
-		<script type="text/javascript" src="../build/Three.js"></script> 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="../build/Three.js"></script> 
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript"> 
+		<script> 
 
 			var camera, scene, projector, renderer,
 			info, mouse = { x: 0, y: 0 }, sun, loader, stats;

+ 5 - 5
examples/webgl_collisions_normal.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - intersection: ray/mesh readinf normal</title> 
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css"> 
+		<style> 
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -37,11 +37,11 @@
 			}
 		</style>
 		 
-		<script type="text/javascript" src="../build/Three.js"></script> 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="../build/Three.js"></script> 
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript"> 
+		<script> 
 
 			var camera, scene, projector, renderer,
 			info, mouse = { x: 0, y: 0 }, sun, loader, stats, line;

+ 5 - 5
examples/webgl_collisions_primitives.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - intersection: ray with sphere/AABB/plane</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -42,11 +42,11 @@
 				z-index: 100;
 			}
 		</style>
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="../build/Three.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var camera, scene, projector, renderer,
 			info, mouse = { x: 0, y: 0 }, sun;

+ 4 - 4
examples/webgl_collisions_reaction.html

@@ -4,7 +4,7 @@
 		<title>three.js webgl - collision reaction</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<style type="text/css">
+		<style>
 			body {
 				font-family: Monospace;
 				background-color: #f0f0f0;
@@ -42,9 +42,9 @@
 				z-index: 100;
 			}
 		</style>
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript">
+		<script src="../build/Three.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script>
 
 			var camera, scene, renderer, info, mouse2d, sun, loader, sphere, debugNormal;
 

+ 105 - 106
examples/webgl_collisions_terrain.html

@@ -1,145 +1,144 @@
-<html>
+<!doctype html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - intersection: ray with terrain mesh (through box)</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
+			body {
+				font-family: Monospace;
+				background-color: #f0f0f0;
+				margin: 0px;
+				overflow: hidden;
+			}
 
-<head>
-<title>three.js webgl - intersection: ray with terrain mesh (through box)</title>
-<meta http-equiv="content-type" content="text/html; charset=utf-8">
-<style type="text/css">
+			#oldie { background-color: #ddd !important }
 
-body {
-	font-family: Monospace;
-	background-color: #f0f0f0;
-	margin: 0px;
-	overflow: hidden;
-}
+			#info {
+				position: absolute;
+				top: 30px; left: 10px; width: 800px;
+				color: #000000;
+				padding: 5px;
+				font-family: Monospace;
+				font-size: 13px;
+				text-align: left;
+				z-index:100;
+			}
 
-#oldie { background-color: #ddd !important }
+			#options {
+				position: absolute;
+				top: 10px; left: 10px; width: 800px;
+				color: #000000;
+				padding: 5px;
+				font-family: Monospace;
+				font-size: 13px;
+				text-align: left;
+				z-index:100;
+			}
+		</style>
 
-#info {
-	position: absolute;
-	top: 30px; left: 10px; width: 800px;
-	color: #000000;
-	padding: 5px;
-	font-family: Monospace;
-	font-size: 13px;
-	text-align: left;
-	z-index:100;
-}
+		<script src="../build/Three.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-#options {
-	position: absolute;
-	top: 10px; left: 10px; width: 800px;
-	color: #000000;
-	padding: 5px;
-	font-family: Monospace;
-	font-size: 13px;
-	text-align: left;
-	z-index:100;
-}
+		<script>
 
-</style>
+			var camera, scene, renderer,
+			info, mouse2d, sun, loader, sphere, ray;
 
-<script type="text/javascript" src="../build/Three.js"></script>
-<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+			var theta = 0, radius = 250, speed = 0.002, sphereSize = 4;
 
-<script type="text/javascript">
 
-var camera, scene, renderer,
-info, mouse2d, sun, loader, sphere, ray;
+			function init() {
 
-var theta = 0, radius = 250, speed = 0.002, sphereSize = 4;
+				container = document.createElement( 'div' );
+				document.body.appendChild( container );
 
+				info = document.getElementById("info");
 
-function init() {
+				camera = new THREE.Camera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
+				camera.position.y = 120;
+				mouse2d = new THREE.Vector3( 0, 0, 1 );
 
-	container = document.createElement( 'div' );
-	document.body.appendChild( container );
+				loader = new THREE.JSONLoader();
 
-	info = document.getElementById("info");
+				scene = new THREE.Scene();
 
-	camera = new THREE.Camera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
-	camera.position.y = 120;
-	mouse2d = new THREE.Vector3( 0, 0, 1 );
+				ray = new THREE.Ray();
+				ray.origin.y = 10000;
+				ray.direction = new THREE.Vector3(0, -1, 0);
 
-	loader = new THREE.JSONLoader();
+				sphere = new THREE.Mesh( new THREE.SphereGeometry( sphereSize, 10, 10 ), new THREE.MeshLambertMaterial( { color: 0xff0000 } ) );
+				scene.add(sphere);
 
-	scene = new THREE.Scene();
+				renderer = new THREE.WebGLRenderer();
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				container.appendChild(renderer.domElement);
 
-	ray = new THREE.Ray();
-	ray.origin.y = 10000;
-	ray.direction = new THREE.Vector3(0, -1, 0);
+				var ambientLight = new THREE.AmbientLight( 0x444444 );
+				scene.add( ambientLight );
 
-	sphere = new THREE.Mesh( new THREE.SphereGeometry( sphereSize, 10, 10 ), new THREE.MeshLambertMaterial( { color: 0xff0000 } ) );
-	scene.add(sphere);
+				sun = new THREE.DirectionalLight( 0xaaaaaa );
+				sun.position = new THREE.Vector3(-1,1, -1).normalize();
+				scene.add( sun );
 
-	renderer = new THREE.WebGLRenderer();
-	renderer.setSize( window.innerWidth, window.innerHeight );
-	container.appendChild(renderer.domElement);
+				loadCube();
 
-	var ambientLight = new THREE.AmbientLight( 0x444444 );
-	scene.add( ambientLight );
 
-	sun = new THREE.DirectionalLight( 0xaaaaaa );
-	sun.position = new THREE.Vector3(-1,1, -1).normalize();
-	scene.add( sun );
 
-	loadCube();
+				container.onmousemove = onDocumentMouseMove;
+				animate();
+			}
 
+			function loadCube(p) {
 
+				loader.load( { model: "obj/terrain.js", callback: function( geometry ) {
+					var mesh = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: 0xf3e4b8 } ) );
+					scene.add( mesh );
+					THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshColliderWBox(mesh) );
+				} } );
 
-	container.onmousemove = onDocumentMouseMove;
-	animate();
-}
+			}
 
-function loadCube(p) {
-	var onGeometry = function( geometry ) {
-		var mesh = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: 0xf3e4b8 } ) );
-		scene.add( mesh );
-		THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshColliderWBox(mesh) );
-	};
+			function onDocumentMouseMove( event ) {
+				event.preventDefault();
+				mouse2d.x = ( event.clientX / window.innerWidth ) * 2 - 1;
+				mouse2d.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
+				mouse2d.z = 1;
+			}
 
-	loader.load( { model: "obj/terrain.js", callback: onGeometry } );
-}
+			function animate() {
+				requestAnimationFrame( animate );
 
-function onDocumentMouseMove( event ) {
-	event.preventDefault();
-	mouse2d.x = ( event.clientX / window.innerWidth ) * 2 - 1;
-	mouse2d.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
-	mouse2d.z = 1;
-}
+				ray.origin.x = radius * Math.cos(theta);
+				ray.origin.z = radius * Math.sin(theta);
 
-function animate() {
-	requestAnimationFrame( animate );
+				var c = THREE.Collisions.rayCastNearest(ray);
+				if(c) {
+					//info.innerHTML = "Found @ distance " + c.distance;
+					sphere.position = ray.origin.clone().subSelf( new THREE.Vector3(0, c.distance - sphereSize/2, 0) );
+				} else {
+					//info.innerHTML = "No intersection";
+				}
 
-	ray.origin.x = radius * Math.cos(theta);
-	ray.origin.z = radius * Math.sin(theta);
+				theta += speed;
 
-	var c = THREE.Collisions.rayCastNearest(ray);
-	if(c) {
-		//info.innerHTML = "Found @ distance " + c.distance;
-		sphere.position = ray.origin.clone().subSelf( new THREE.Vector3(0, c.distance - sphereSize/2, 0) );
-	} else {
-		//info.innerHTML = "No intersection";
-	}
+				camera.target.position.copy( sphere.position );
 
-	theta += speed;
+				renderer.render( scene, camera );
+			}
 
-	camera.target.position.copy( sphere.position );
+			function vts(v) {
+				if(!v) return "undefined<br>";
+				else return v.x + " , " + v.y + " , " + v.z + "<br>";
+			}
 
-	renderer.render( scene, camera );
-}
+		</script>
 
-function vts(v) {
-	if(!v) return "undefined<br>";
-	else return v.x + " , " + v.y + " , " + v.z + "<br>";
-}
+	</head>
 
-</script>
-
-</head>
-
-<body onload="init();">
-<div id="info"></div>
-<div id="options"></div>
-</body>
+	<body onload="init();">
+		<div id="info"></div>
+		<div id="options"></div>
+	</body>
 
 </html>

+ 152 - 132
examples/webgl_collisions_trigger.html

@@ -1,161 +1,181 @@
-<html>
-    <head>
-        <title>three.js webgl - collision detection</title>
-        <meta http-equiv="content-type" content="text/html; charset=utf-8">
-        <style type="text/css">
-
-            body {
-                font-family: Monospace;
-                background-color: #f0f0f0;
-                margin: 0px;
-                overflow: hidden;
-            }
-
-            #oldie {
-                background-color: #ddd !important
-            }
-
-            #info {
-                position: absolute;
-                top: 30px;
-                left: 10px;
-                width: 800px;
-                color: #000000;
-                padding: 5px;
-                font-family: Monospace;
-                font-size: 13px;
-                text-align: left;
-                z-index: 100;
-            }
-
-            #options {
-                position: absolute;
-                top: 10px;
-                left: 10px;
-                width: 800px;
-                color: #000000;
-                padding: 5px;
-                font-family: Monospace;
-                font-size: 13px;
-                text-align: left;
-                z-index: 100;
-            }
-
-        </style>
-
-        <script type="text/javascript" src="../build/Three.js">
-        </script>
-        <script type="text/javascript" src="js/RequestAnimationFrame.js">
-        </script>
-
-        <script type="text/javascript">
-
-            var camera, scene, renderer, info, mouse2d, sun, loader, sphere;
-
-            var range = 400, speed = 1, sphereSize = 4;
-
-            var cubes = [];
-
-            function init(){
-                container = document.createElement('div');
-                document.body.appendChild(container);
-
-                info = document.getElementById("info");
-
-                camera = new THREE.Camera(40, window.innerWidth / window.innerHeight, 1, 10000);
-		camera.position.y = 120;
-		camera.position.x = 300;
-		camera.position.z = 0;
-
-                mouse2d = new THREE.Vector3( 0, 0, 1 );
-
-                loader = new THREE.Loader( true );
-
-                scene = new THREE.Scene();
-
-                sphere = new THREE.Mesh( new THREE.SphereGeometry( sphereSize, 10, 10 ), new THREE.MeshLambertMaterial( { color: 0xff0000 } ) );
-                scene.add( sphere );
-
-                renderer = new THREE.WebGLRenderer();
-                renderer.setSize(window.innerWidth, window.innerHeight);
-                container.appendChild(renderer.domElement);
-
-                var ambientLight = new THREE.AmbientLight(0xdddddd);
-                scene.add(ambientLight);
-
-                sun = new THREE.DirectionalLight(0xffffff);
-                sun.position = new THREE.Vector3(1, -1, 1).normalize();
-                scene.add(sun);
-
-                createObstacles();
-
-                container.onmousemove = onDocumentMouseMove;
-                animate();
-            }
-
-            function createObstacles(){
-                createCube(100, 50, 10, new THREE.Vector3(0, 0, 100));
+<!doctype html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - collision detection</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
+			body {
+				font-family: Monospace;
+				background-color: #f0f0f0;
+				margin: 0px;
+				overflow: hidden;
+			}
+
+			#oldie {
+				background-color: #ddd !important
+			}
+
+			#info {
+				position: absolute;
+				top: 30px;
+				left: 10px;
+				width: 800px;
+				color: #000000;
+				padding: 5px;
+				font-family: Monospace;
+				font-size: 13px;
+				text-align: left;
+				z-index: 100;
+			}
+
+			#options {
+				position: absolute;
+				top: 10px;
+				left: 10px;
+				width: 800px;
+				color: #000000;
+				padding: 5px;
+				font-family: Monospace;
+				font-size: 13px;
+				text-align: left;
+				z-index: 100;
+			}
+		</style>
+
+		<script src="../build/Three.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+
+		<script>
+
+			var camera, scene, renderer, info, mouse2d, sun, loader, sphere;
+
+			var range = 400, speed = 1, sphereSize = 4;
+
+			var cubes = [];
+
+			function init() {
+
+				container = document.createElement('div');
+				document.body.appendChild(container);
+
+				info = document.getElementById("info");
+
+				camera = new THREE.Camera(40, window.innerWidth / window.innerHeight, 1, 10000);
+				camera.position.y = 120;
+				camera.position.x = 300;
+				camera.position.z = 0;
+
+				mouse2d = new THREE.Vector3( 0, 0, 1 );
+
+				loader = new THREE.Loader( true );
+
+				scene = new THREE.Scene();
+
+				sphere = new THREE.Mesh( new THREE.SphereGeometry( sphereSize, 10, 10 ), new THREE.MeshLambertMaterial( { color: 0xff0000 } ) );
+				scene.add( sphere );
+
+				renderer = new THREE.WebGLRenderer();
+				renderer.setSize(window.innerWidth, window.innerHeight);
+				container.appendChild(renderer.domElement);
+
+				var ambientLight = new THREE.AmbientLight(0xdddddd);
+				scene.add(ambientLight);
+
+				sun = new THREE.DirectionalLight(0xffffff);
+				sun.position = new THREE.Vector3(1, -1, 1).normalize();
+				scene.add(sun);
+
+				createObstacles();
+
+				container.onmousemove = onDocumentMouseMove;
+				animate();
+
+			}
+
+			function createObstacles(){
+
+				createCube(100, 50, 10, new THREE.Vector3(0, 0, 100));
 				camera.target = createCube(100, 50, 10, new THREE.Vector3(0, 0, 200));
 				createCube(100, 50, 10, new THREE.Vector3(0, 0, 300));
-            }
 
-            function createCube(sx, sy, sz, p){
-                var cube = new THREE.Mesh(new THREE.CubeGeometry( sx, sy, sz ), new THREE.MeshLambertMaterial( { color: 0x003300 } ) );
-                cube.position = p;
-                scene.add(cube);
-                THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshOBB(cube) );
+			}
+
+			function createCube(sx, sy, sz, p) {
+
+				var cube = new THREE.Mesh(new THREE.CubeGeometry( sx, sy, sz ), new THREE.MeshLambertMaterial( { color: 0x003300 } ) );
+				cube.position = p;
+				scene.add(cube);
+				THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshOBB(cube) );
 				cubes.push(cube);
 				return cube;
-            }
 
-            function onDocumentMouseMove(event){
-                event.preventDefault();
-                mouse2d.x = (event.clientX / window.innerWidth) * 2 - 1;
-                mouse2d.y = -(event.clientY / window.innerHeight) * 2 + 1;
-                mouse2d.z = 1;
-            }
+			}
+
+			function onDocumentMouseMove(event){
 
-            function animate(){
-                requestAnimationFrame(animate);
+				event.preventDefault();
+				mouse2d.x = (event.clientX / window.innerWidth) * 2 - 1;
+				mouse2d.y = -(event.clientY / window.innerHeight) * 2 + 1;
+				mouse2d.z = 1;
 
-                sphere.position.z += speed;
-                if(sphere.position.z > range) sphere.position.z = 0;
+			}
+
+			function animate() {
+
+				requestAnimationFrame(animate);
+
+				sphere.position.z += speed;
+
+				if(sphere.position.z > range) sphere.position.z = 0;
 
 				for (var i = 0; i < cubes.length; i++) {
+				
 					cubes[i].materials[0].color = new THREE.Color(0x003300);
+				
 				}
 
 				var ray = new THREE.Ray( sphere.position, new THREE.Vector3(0,0,1) );
 
 				var c = THREE.Collisions.rayCastNearest(ray);
+				
 				if (c && c.distance == -1) {
+
 					info.innerHTML = "Colliding!";
 					c.mesh.materials[0].color = new THREE.Color(0xff0000);
+
 				} else if(c && c.distance >= 0) {
+
 					info.innerHTML = "Approaching @ " + c.distance;
+
 				} else {
+
 					info.innerHTML = "No collider in sight.";
+
 				}
 
 				camera.position.x = Math.cos(mouse2d.x * Math.PI) * 300;
 				camera.position.z = 200 + Math.sin(mouse2d.x * Math.PI) * 300;
 
-                renderer.render(scene, camera);
-            }
-
-            function vts(v){
-                if (!v)
-                    return "undefined<br>";
-                else
-                    return v.x + " , " + v.y + " , " + v.z + "<br>";
-            }
-
-        </script>
-    </head>
-    <body onload="init();">
-        <div id="info">
-        </div>
-        <div id="options">
-        </div>
-    </body>
+				renderer.render(scene, camera);
+
+			}
+
+			function vts(v){
+
+				if (!v)
+					return "undefined<br>";
+				else
+					return v.x + " , " + v.y + " , " + v.z + "<br>";
+
+			}
+
+		</script>
+	</head>
+	<body onload="init();">
+		<div id="info">
+		</div>
+		<div id="options">
+		</div>
+	</body>
 </html>

+ 7 - 6
examples/webgl_custom_attributes.html

@@ -1,8 +1,9 @@
 <!doctype html>
-<html>
+<html lang="en">
 	<head>
-		<meta charset="utf-8" />
 		<title>three.js webgl - custom attributes</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<style>
 			body {
 				color: #ffffff;
@@ -30,9 +31,9 @@
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - custom attributes example</div>
 		<div id="container"></div>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<script src="../build/Three.js"></script>
 
@@ -83,7 +84,7 @@
 		</script>
 
 
-		<script type="text/javascript">
+		<script>
 
 		if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_custom_attributes_particles.html

@@ -35,9 +35,9 @@
 
 		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<script type="x-shader/x-vertex" id="vertexshader">
 
@@ -79,7 +79,7 @@
 		</script>
 
 
-		<script type="text/javascript">
+		<script>
 
 		if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_custom_attributes_particles2.html

@@ -32,9 +32,9 @@
 
 		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<script type="x-shader/x-vertex" id="vertexshader">
 
@@ -75,7 +75,7 @@
 		</script>
 
 
-		<script type="text/javascript">
+		<script>
 
 		if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_custom_attributes_particles3.html

@@ -32,9 +32,9 @@
 
 		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<script type="x-shader/x-vertex" id="vertexshader">
 
@@ -83,7 +83,7 @@
 		</script>
 
 
-		<script type="text/javascript">
+		<script>
 
 		if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 11 - 11
examples/webgl_flycamera_earth.html

@@ -31,19 +31,19 @@
 
 	</style>
 
-	<script type="text/javascript" src="../build/Three.js"></script>
+	<script src="../build/Three.js"></script>
 
-	<script type="text/javascript" src="js/ShaderExtras.js"></script>
+	<script src="js/ShaderExtras.js"></script>
 
-	<script type="text/javascript" src="js/postprocessing/EffectComposer.js"></script>
-	<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script>
-	<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script>
-	<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script>
-	<script type="text/javascript" src="js/postprocessing/FilmPass.js"></script>
+	<script src="js/postprocessing/EffectComposer.js"></script>
+	<script src="js/postprocessing/ShaderPass.js"></script>
+	<script src="js/postprocessing/MaskPass.js"></script>
+	<script src="js/postprocessing/RenderPass.js"></script>
+	<script src="js/postprocessing/FilmPass.js"></script>
 
-	<script type="text/javascript" src="js/Detector.js"></script>
-	<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-	<script type="text/javascript" src="js/Stats.js"></script>
+	<script src="js/Detector.js"></script>
+	<script src="js/RequestAnimationFrame.js"></script>
+	<script src="js/Stats.js"></script>
 
 </head>
 
@@ -53,7 +53,7 @@
 <b>WASD</b> move, <b>R|F</b> up | down, <b>Q|E</b> roll, <b>up|down</b> pitch, <b>left|right</b> yaw<br/>
 </div>
 
-<script type="text/javascript">
+<script>
 
 	if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_geometries.html

@@ -17,13 +17,13 @@
 
 		<pre id="log"></pre>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_geometry_blenderexport_colors.html

@@ -33,13 +33,13 @@
 		<div id="container"></div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl - io blender - vertex colors</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_geometry_colors.html

@@ -33,13 +33,13 @@
 		<div id="container"></div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - vertex colors - webgl</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_geometry_dynamic.html

@@ -39,13 +39,13 @@
 		<div id="container"></div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - dynamic geometry demo - webgl<br />(left click: forward, right click: backward)</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) {
 

+ 4 - 4
examples/webgl_geometry_hierarchy.html

@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 4 - 4
examples/webgl_geometry_hierarchy2.html

@@ -15,12 +15,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 4 - 4
examples/webgl_geometry_large_mesh.html

@@ -44,12 +44,12 @@
 
 		<pre id="log"></pre>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth;
 			var SCREEN_HEIGHT = window.innerHeight;

+ 6 - 6
examples/webgl_geometry_minecraft.html

@@ -40,15 +40,15 @@
 		<div id="container"><br /><br /><br /><br /><br />Generating world...</div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - <a href="http://www.minecraft.net/" target="_blank">minecraft</a> demo. featuring <a href="http://painterlypack.net/" target="_blank">painterly pack</a><br />(left click: forward, right click: backward)</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ImprovedNoise.js"></script>
+		<script src="js/ImprovedNoise.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) {
 

+ 6 - 6
examples/webgl_geometry_minecraft_ao.html

@@ -47,15 +47,15 @@
 			<button id="baot">texture + ao</button>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ImprovedNoise.js"></script>
+		<script src="js/ImprovedNoise.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) {
 

+ 4 - 4
examples/webgl_geometry_shapes.html

@@ -16,13 +16,13 @@
 	<body>
 		<canvas id="debug" style="position:absolute; left:100px"></canvas>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 

+ 6 - 6
examples/webgl_geometry_terrain.html

@@ -33,15 +33,15 @@
 		<div id="container"><br /><br /><br /><br /><br />Generating world...</div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl terrain demo<br />(left click: forward, right click: backward)</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ImprovedNoise.js"></script>
+		<script src="js/ImprovedNoise.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) {
 

+ 6 - 6
examples/webgl_geometry_terrain_fog.html

@@ -33,15 +33,15 @@
 		<div id="container"><br /><br /><br /><br /><br />Generating world...</div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl terrain + fog demo <br />(left click: forward, right click: backward)</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ImprovedNoise.js"></script>
+		<script src="js/ImprovedNoise.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) {
 

+ 22 - 22
examples/webgl_geometry_text.html

@@ -39,37 +39,37 @@
 		</div>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ShaderExtras.js"></script>
+		<script src="js/ShaderExtras.js"></script>
 
-		<script type="text/javascript" src="js/postprocessing/EffectComposer.js"></script>
-		<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/FilmPass.js"></script>
+		<script src="js/postprocessing/EffectComposer.js"></script>
+		<script src="js/postprocessing/RenderPass.js"></script>
+		<script src="js/postprocessing/ShaderPass.js"></script>
+		<script src="js/postprocessing/MaskPass.js"></script>
+		<script src="js/postprocessing/BloomPass.js"></script>
+		<script src="js/postprocessing/FilmPass.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<!-- load the font files -->
 
-		<script type="text/javascript" src="fonts/gentilis_bold.typeface.js"></script>
-		<script type="text/javascript" src="fonts/gentilis_regular.typeface.js"></script>
-		<script type="text/javascript" src="fonts/optimer_bold.typeface.js"></script>
-		<script type="text/javascript" src="fonts/optimer_regular.typeface.js"></script>
-		<script type="text/javascript" src="fonts/helvetiker_bold.typeface.js"></script>
-		<script type="text/javascript" src="fonts/helvetiker_regular.typeface.js"></script>
-		<script type="text/javascript" src="fonts/droid/droid_sans_regular.typeface.js"></script>
-		<script type="text/javascript" src="fonts/droid/droid_sans_bold.typeface.js"></script>
-		<script type="text/javascript" src="fonts/droid/droid_serif_regular.typeface.js"></script>
-		<script type="text/javascript" src="fonts/droid/droid_serif_bold.typeface.js"></script>
+		<script src="fonts/gentilis_bold.typeface.js"></script>
+		<script src="fonts/gentilis_regular.typeface.js"></script>
+		<script src="fonts/optimer_bold.typeface.js"></script>
+		<script src="fonts/optimer_regular.typeface.js"></script>
+		<script src="fonts/helvetiker_bold.typeface.js"></script>
+		<script src="fonts/helvetiker_regular.typeface.js"></script>
+		<script src="fonts/droid/droid_sans_regular.typeface.js"></script>
+		<script src="fonts/droid/droid_sans_bold.typeface.js"></script>
+		<script src="fonts/droid/droid_serif_regular.typeface.js"></script>
+		<script src="fonts/droid/droid_serif_bold.typeface.js"></script>
 
 		<!-- todo async loader for fonts -->
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_hdr.html

@@ -36,11 +36,11 @@
 			based on <a href="http://spidergl.org/example.php?id=13" target="_blank">SpiderGL</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<!-- HDR fragment shader -->
 
@@ -101,7 +101,7 @@
 		</script>
 
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_interactive_cubes.html

@@ -14,12 +14,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, projector, renderer;

+ 4 - 4
examples/webgl_interactive_draggablecubes.html

@@ -14,12 +14,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, projector, renderer;

+ 5 - 5
examples/webgl_interactive_voxelpainter.html

@@ -16,13 +16,13 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_lights_pointlights.html

@@ -42,13 +42,13 @@
 			Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 11 - 11
examples/webgl_lines_colors.html

@@ -43,21 +43,21 @@
 			[<a href="http://en.wikipedia.org/wiki/Hilbert_curve">Hilbert curve</a> thanks to <a href="http://www.openprocessing.org/visuals/?visualID=15599">Thomas Diewald</a>]
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ShaderExtras.js"></script>
+		<script src="js/ShaderExtras.js"></script>
 
-		<script type="text/javascript" src="js/postprocessing/EffectComposer.js"></script>
-		<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script>
+		<script src="js/postprocessing/EffectComposer.js"></script>
+		<script src="js/postprocessing/MaskPass.js"></script>
+		<script src="js/postprocessing/RenderPass.js"></script>
+		<script src="js/postprocessing/ShaderPass.js"></script>
+		<script src="js/postprocessing/BloomPass.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_lines_cubes.html

@@ -43,13 +43,13 @@
 			[<a href="http://en.wikipedia.org/wiki/Hilbert_curve">Hilbert curve</a> thanks to <a href="http://www.openprocessing.org/visuals/?visualID=15599">Thomas Diewald</a>]
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_lines_sphere.html

@@ -42,13 +42,13 @@
 			<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - lines WebGL demo
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_lines_splines.html

@@ -43,13 +43,13 @@
 			[<a href="http://en.wikipedia.org/wiki/Hilbert_curve">Hilbert curve</a> thanks to <a href="http://www.openprocessing.org/visuals/?visualID=15599">Thomas Diewald</a>]
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_lod.html

@@ -35,13 +35,13 @@
 		</div>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 13 - 13
examples/webgl_lod_text.html

@@ -35,28 +35,28 @@
 		</div>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 		
 		<!--
-		<script type="text/javascript" src="../src/extras/geometries/Curve.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/CurvePath.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/Path.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/Shape.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/TextPath.js"></script>		
-		<script type="text/javascript" src="../src/extras/geometries/ExtrudeGeometry.js"></script>
-		<script type="text/javascript" src="../src/extras/geometries/TextGeometry.js"></script>
+		<script src="../src/extras/geometries/Curve.js"></script>
+		<script src="../src/extras/geometries/CurvePath.js"></script>
+		<script src="../src/extras/geometries/Path.js"></script>
+		<script src="../src/extras/geometries/Shape.js"></script>
+		<script src="../src/extras/geometries/TextPath.js"></script>		
+		<script src="../src/extras/geometries/ExtrudeGeometry.js"></script>
+		<script src="../src/extras/geometries/TextGeometry.js"></script>
 		-->
 
 
 		<!-- load the font file from canvas-text -->
 
-		<script type="text/javascript" src="fonts/helvetiker_regular.typeface.js"></script>
+		<script src="fonts/helvetiker_regular.typeface.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials.html

@@ -17,13 +17,13 @@
 
 		<pre id="log"></pre>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_cars.html

@@ -56,13 +56,13 @@
 
 		<div id="log"></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_cars_anaglyph.html

@@ -56,13 +56,13 @@
 
 		<div id="log"></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_cars_camaro.html

@@ -33,13 +33,13 @@
 
 		<div id="log"></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_cars_camaro_crosseyed.html

@@ -36,13 +36,13 @@
 
 		<div id="log"></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 		
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_cubemap.html

@@ -34,13 +34,13 @@
 			<p>Texture by <a href="http://www.humus.name/index.php?page=Textures" target="_blank">Humus</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_materials_cubemap_balls_reflection.html

@@ -34,12 +34,12 @@
 	<body>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl cube reflection demo. skybox by <a href="http://ict.debevec.org/~debevec/" target="_blank">Paul Debevec</a></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_materials_cubemap_balls_reflection_anaglyph.html

@@ -34,12 +34,12 @@
 	<body>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl cube reflection demo. skybox by <a href="http://ict.debevec.org/~debevec/" target="_blank">Paul Debevec</a></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_materials_cubemap_balls_refraction.html

@@ -34,12 +34,12 @@
 	<body>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl cube refraction demo. skybox by <a href="http://www.zfight.com/" target="_blank">Jochum Skoglund</a></div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_materials_cubemap_balls_refraction_crosseyed.html

@@ -37,12 +37,12 @@
 			- O, P : change eye separation
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_cubemap_escher.html

@@ -29,13 +29,13 @@
 			<p>Texture by <a href="http://brainwagon.org/2002/12/05/fun-with-environment-maps/" target="_blank">Mark VandeWettering</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_cubemap_refraction.html

@@ -33,13 +33,13 @@
 			<p>Texture by <a href="http://www.humus.name/index.php?page=Textures" target="_blank">Humus</a>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_materials_grass.html

@@ -17,12 +17,12 @@
 	</head>
 
 	<body>
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_normalmap.html

@@ -46,12 +46,12 @@
 		</div>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="../build/Three.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_normalmap2.html

@@ -49,13 +49,13 @@
 			</div>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_shaders.html

@@ -38,13 +38,13 @@
 			<p>Blinn-Phong shader only works in WebGL, canvas has only diffuse materials.
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth;
 			var SCREEN_HEIGHT = window.innerHeight;

+ 4 - 4
examples/webgl_materials_shaders_fresnel.html

@@ -33,12 +33,12 @@
 
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl cube Fresnel shader demo. texture by <a href="http://www.humus.name/index.php?page=Textures" target="_blank">Humus</a> </div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 13 - 13
examples/webgl_materials_skin.html

@@ -41,24 +41,24 @@
 			<a href="http://www.ir-ltd.net/infinite-3d-head-scan-released/" target="_blank">Lee Perry-Smith</a> head.
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ShaderExtras.js"></script>
-		<script type="text/javascript" src="js/ShaderSkin.js"></script>
+		<script src="js/ShaderExtras.js"></script>
+		<script src="js/ShaderSkin.js"></script>
 
-		<script type="text/javascript" src="js/postprocessing/EffectComposer.js"></script>
-		<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/TexturePass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script>
+		<script src="js/postprocessing/EffectComposer.js"></script>
+		<script src="js/postprocessing/RenderPass.js"></script>
+		<script src="js/postprocessing/BloomPass.js"></script>
+		<script src="js/postprocessing/TexturePass.js"></script>
+		<script src="js/postprocessing/ShaderPass.js"></script>
+		<script src="js/postprocessing/MaskPass.js"></script>
 
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_materials_texture_filters.html

@@ -60,13 +60,13 @@
 		min: <span class="c">Nearest</span>
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 11 - 11
examples/webgl_materials_video.html

@@ -36,26 +36,26 @@
 			<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - webgl video demo. playing <a href="http://durian.blender.org/" target="_blank">sintel</a> trailer
 		</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/ShaderExtras.js"></script>
+		<script src="js/ShaderExtras.js"></script>
 
-		<script type="text/javascript" src="js/postprocessing/EffectComposer.js"></script>
-		<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script>
-		<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script>
+		<script src="js/postprocessing/EffectComposer.js"></script>
+		<script src="js/postprocessing/RenderPass.js"></script>
+		<script src="js/postprocessing/MaskPass.js"></script>
+		<script src="js/postprocessing/BloomPass.js"></script>
+		<script src="js/postprocessing/ShaderPass.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
 		<video id="video" autoplay loop style="display:none">
 			<source src="textures/sintel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 			<source src="textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'>
 		</video>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_morphtargets.html

@@ -61,13 +61,13 @@
 		</div>
 
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 4 - 4
examples/webgl_morphtargets_horse.html

@@ -14,12 +14,12 @@
 	</head>
 	<body>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var container, stats;
 			var camera, scene, projector, renderer;

+ 5 - 5
examples/webgl_multiple_canvases_complex.html

@@ -59,13 +59,13 @@
 		</div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl - multiple canvases - complex</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_multiple_canvases_grid.html

@@ -75,13 +75,13 @@
 		</div>
 		<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl -  multiple canvases - grid</div>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 

+ 5 - 5
examples/webgl_objconvert_test.html

@@ -36,13 +36,13 @@
 
 		<pre id="log"></pre>
 
-		<script type="text/javascript" src="../build/Three.js"></script>
+		<script src="../build/Three.js"></script>
 
-		<script type="text/javascript" src="js/Detector.js"></script>
-		<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
-		<script type="text/javascript" src="js/Stats.js"></script>
+		<script src="js/Detector.js"></script>
+		<script src="js/RequestAnimationFrame.js"></script>
+		<script src="js/Stats.js"></script>
 
-		<script type="text/javascript">
+		<script>
 
 			var SCREEN_WIDTH = window.innerWidth;
 			var SCREEN_HEIGHT = window.innerHeight;

Some files were not shown because too many files changed in this diff