Home Explore Help
Sign In
javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Updated HTML of some examples.

Mr.doob 14 years ago
parent
d2a3122be1
commit
71c2df1649
40 changed files with 202 additions and 175 deletions
Split View Show Diff Stats
  1. 2 2
      examples/canvas_camera_orthographic.html
  2. 4 2
      examples/canvas_geometry_birds.html
  3. 2 2
      examples/canvas_geometry_cube.html
  4. 2 1
      examples/canvas_geometry_earth.html
  5. 2 1
      examples/canvas_geometry_hierarchy.html
  6. 2 1
      examples/canvas_geometry_panorama.html
  7. 2 1
      examples/canvas_geometry_panorama_fisheye.html
  8. 2 1
      examples/canvas_geometry_terrain.html
  9. 13 13
      examples/canvas_geometry_text.html
  10. 2 1
      examples/canvas_interactive_cubes.html
  11. 2 1
      examples/canvas_interactive_cubes_tween.html
  12. 2 1
      examples/canvas_interactive_particles.html
  13. 2 1
      examples/canvas_interactive_voxelpainter.html
  14. 2 1
      examples/canvas_lights_pointlights.html
  15. 2 1
      examples/canvas_lights_pointlights_smooth.html
  16. 2 2
      examples/canvas_lines.html
  17. 2 2
      examples/canvas_lines_sphere.html
  18. 2 1
      examples/canvas_materials.html
  19. 2 1
      examples/canvas_materials_depth.html
  20. 2 1
      examples/canvas_materials_normal.html
  21. 2 1
      examples/canvas_materials_reflection.html
  22. 2 2
      examples/canvas_materials_video.html
  23. 2 2
      examples/canvas_particles_floor.html
  24. 2 2
      examples/canvas_particles_random.html
  25. 2 2
      examples/canvas_particles_shapes.html
  26. 2 2
      examples/canvas_particles_sprites.html
  27. 2 2
      examples/canvas_particles_waves.html
  28. 2 1
      examples/canvas_performance.html
  29. 2 1
      examples/canvas_sandbox.html
  30. 2 1
      examples/misc_camera_path.html
  31. 2 1
      examples/misc_camera_roll.html
  32. 2 1
      examples/misc_camera_trackball.html
  33. 2 1
      examples/misc_lights_test.html
  34. 2 1
      examples/misc_lookat.html
  35. 2 1
      examples/misc_materials_multimaterials.html
  36. 2 1
      examples/misc_sound.html
  37. 2 1
      examples/misc_ubiquity_test.html
  38. 2 1
      examples/webgl_animation_skinning.html
  39. 2 1
      examples/webgl_collada.html
  40. 111 113
      examples/webgl_collisions_box.html

+ 2 - 2
examples/canvas_camera_orthographic.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - camera - orthographic</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				font-family: Monospace;

+ 4 - 2
examples/canvas_geometry_birds.html
View File 

@@ -1,7 +1,9 @@
 
-<html>
 
+<!doctype html>
 
+<html lang="en">
 
 	<head>
 
-		<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
 		<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"> 
 			body {
 
 				color: #808080;

+ 2 - 2
examples/canvas_geometry_cube.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - geometry - cube</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_geometry_earth.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				color: #808080;

+ 2 - 1
examples/canvas_geometry_hierarchy.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background:#fff;

+ 2 - 1
examples/canvas_geometry_panorama.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: rgb(200,200,200);

+ 2 - 1
examples/canvas_geometry_panorama_fisheye.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: rgb(200,200,200);

+ 2 - 1
examples/canvas_geometry_terrain.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				color: #71544e;

+ 13 - 13
examples/canvas_geometry_text.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
-		<title>three.js canvas/webgl - geometry - text</title>
 
+		<title>three.js canvas - geometry - text</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				font-family: Monospace;
 
@@ -90,26 +90,26 @@
 
 				text3d.computeBoundingBox();
 
 				var centerOffset = -0.5 * ( text3d.boundingBox.x[ 1 ] - text3d.boundingBox.x[ 0 ] );
 
 
-                var textMaterial = new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, wireframe: false } );
 
-                text = new THREE.Mesh( text3d, textMaterial );
 
+				var textMaterial = new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, wireframe: false } );
 
+				text = new THREE.Mesh( text3d, textMaterial );
 
 
-                text.doubleSided = false;
 
+				text.doubleSided = false;
 
 
-                text.position.x = centerOffset;
 
-                text.position.y = 100;
 
-                text.position.z = 0;
 
+				text.position.x = centerOffset;
 
+				text.position.y = 100;
 
+				text.position.z = 0;
 
 
-                text.rotation.x = 0;
 
-                text.rotation.y = Math.PI * 2;
 
+				text.rotation.x = 0;
 
+				text.rotation.y = Math.PI * 2;
 
 				text.overdraw = true;
 
 
 				parent = new THREE.Object3D();
 
-                parent.add( text );
 
+				parent.add( text );
 
 
 				scene.add( parent );
 
 
 				renderer = new THREE.CanvasRenderer();
 
-                renderer.setSize( window.innerWidth, window.innerHeight );
 
+				renderer.setSize( window.innerWidth, window.innerHeight );
 
 
 				container.appendChild( renderer.domElement );

+ 2 - 1
examples/canvas_interactive_cubes.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_interactive_cubes_tween.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_interactive_particles.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_interactive_voxelpainter.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_lights_pointlights.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: #000000;

+ 2 - 1
examples/canvas_lights_pointlights_smooth.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: #000000;

+ 2 - 2
examples/canvas_lines.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - lines - random</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				background-color: #000000;

+ 2 - 2
examples/canvas_lines_sphere.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - lines - sphere</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				background-color: #000000;

+ 2 - 1
examples/canvas_materials.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_materials_depth.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_materials_normal.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: #000000;

+ 2 - 1
examples/canvas_materials_reflection.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: #000000;

+ 2 - 2
examples/canvas_materials_video.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - materials - video</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 2
examples/canvas_particles_floor.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - particles - floor</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				background-color: #000000;

+ 2 - 2
examples/canvas_particles_random.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - particles - random</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				background-color: #000000;

+ 2 - 2
examples/canvas_particles_shapes.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - particles with shapes</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 2
examples/canvas_particles_sprites.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - particles - sprites</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				background-color: #000000;

+ 2 - 2
examples/canvas_particles_waves.html
View File 

@@ -1,9 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<title>three.js canvas - particles - waves</title>
 
 		<meta charset="utf-8">
 
-		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
 
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 
 		<style type="text/css">
 
 			body {
 
 				background-color: #000000;

+ 2 - 1
examples/canvas_performance.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/canvas_sandbox.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 2 - 1
examples/misc_camera_path.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 		    body {
 
 			color: #000;

+ 2 - 1
examples/misc_camera_roll.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 		    body {
 
 			color: #000;

+ 2 - 1
examples/misc_camera_trackball.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 		    body {
 
 			color: #000;

+ 2 - 1
examples/misc_lights_test.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 
 			body {

+ 2 - 1
examples/misc_lookat.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				color: #404040;

+ 2 - 1
examples/misc_materials_multimaterials.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background:#fff;

+ 2 - 1
examples/misc_sound.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: #000000;

+ 2 - 1
examples/misc_ubiquity_test.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				background-color: #ffffff;

+ 2 - 1
examples/webgl_animation_skinning.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				color: #000;

+ 2 - 1
examples/webgl_collada.html
View File 

@@ -1,8 +1,9 @@
 
-<!DOCTYPE HTML>
 
+<!doctype html>
 
 <html lang="en">
 
 	<head>
 
 		<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">
 
 			body {
 
 				font-family: Monospace;

+ 111 - 113
examples/webgl_collisions_box.html
View File 

@@ -1,164 +1,162 @@
 
-<html>
 
+<!doctype html>
 
+<html lang="en">
 
+	<head>
 
+		<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">
 
+			body {
 
+				font-family: Monospace;
 
+				background-color: #f0f0f0;
 
+				margin: 0px;
 
+				overflow: hidden;
 
+			}
 
 
-<head>
 
-<title>three.js webgl - intersection: ray with 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: 150px; 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>
 
+		<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>
 
 
-#info {
 
-	position: absolute;
 
-	top: 30px; left: 150px; width: 800px;
 
-	color: #000000;
 
-	padding: 5px;
 
-	font-family: Monospace;
 
-	font-size: 13px;
 
-	text-align: left;
 
-	z-index:100;
 
-}
 
+		<script type="text/javascript">
 
 
-#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;
 
-}
 
+			var camera, scene, projector, renderer,
 
+			info, mouse = { x: 0, y: 0 }, sun, cube;
 
 
-</style>
 
+			var bounce = 0;
 
 
-<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>
 
+			function init() {
 
 
-<script type="text/javascript">
 
+				container = document.createElement( 'div' );
 
+				document.body.appendChild( container );
 
 
-var camera, scene, projector, renderer,
 
-info, mouse = { x: 0, y: 0 }, sun, cube;
 
+				info = document.getElementById("info");
 
 
-var bounce = 0;
 
+				camera = new THREE.Camera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
 
+				camera.position.z = -500;
 
 
-function init() {
 
+				scene = new THREE.Scene();
 
 
-	container = document.createElement( 'div' );
 
-	document.body.appendChild( container );
 
+				projector = new THREE.Projector();
 
 
-	info = document.getElementById("info");
 
+				renderer = new THREE.WebGLRenderer();
 
+				renderer.setSize( window.innerWidth, window.innerHeight );
 
+				container.appendChild(renderer.domElement);
 
 
-	camera = new THREE.Camera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
 
-	camera.position.z = -500;
 
+				var ambientLight = new THREE.AmbientLight( 0x606060 );
 
+				scene.add( ambientLight );
 
 
-	scene = new THREE.Scene();
 
+				sun = new THREE.DirectionalLight( 0xffffff );
 
+				sun.position = camera.position.clone();
 
+				scene.add( sun );
 
 
-	projector = new THREE.Projector();
 
+				createCube( 200, new THREE.Vector3( 0,0,0 ) );
 
 
-	renderer = new THREE.WebGLRenderer();
 
-	renderer.setSize( window.innerWidth, window.innerHeight );
 
-	container.appendChild(renderer.domElement);
 
+				stats = new Stats();
 
+				stats.domElement.style.position = 'absolute';
 
+				stats.domElement.style.top = '0px';
 
+				container.appendChild( stats.domElement );
 
 
-	var ambientLight = new THREE.AmbientLight( 0x606060 );
 
-	scene.add( ambientLight );
 
+				container.onmousemove = onDocumentMouseMove;
 
+				animate();
 
 
-	sun = new THREE.DirectionalLight( 0xffffff );
 
-	sun.position = camera.position.clone();
 
-	scene.add( sun );
 
+			}
 
 
-	createCube( 200, new THREE.Vector3( 0,0,0 ) );
 
+			function createCube( s, p ) {
 
 
-	stats = new Stats();
 
-	stats.domElement.style.position = 'absolute';
 
-	stats.domElement.style.top = '0px';
 
-	container.appendChild( stats.domElement );
 
+				cube = new THREE.Mesh (
 
+					new THREE.CubeGeometry( s, s, s ),
 
+					new THREE.MeshLambertMaterial( { color: 0x003300 } )
 
+				);
 
 
-	container.onmousemove = onDocumentMouseMove;
 
-	animate();
 
+				cube.position = p;
 
+				scene.add( cube );
 
 
-}
 
+				THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshOBB( cube ) );
 
 
-function createCube( s, p ) {
 
+			};
 
 
-	cube = new THREE.Mesh (
 
-		new THREE.CubeGeometry( s, s, s ),
 
-		new THREE.MeshLambertMaterial( { color: 0x003300 } )
 
-	);
 
+			function onDocumentMouseMove( event ) {
 
 
-	cube.position = p;
 
-	scene.add( cube );
 
+				event.preventDefault();
 
+				mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
 
+				mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
 
 
-	THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshOBB( cube ) );
 
+			};
 
 
-};
 
+			function animate() {
 
 
-function onDocumentMouseMove( event ) {
 
+				requestAnimationFrame( animate );
 
 
-	event.preventDefault();
 
-	mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
 
-	mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
 
+				info.innerHTML = "";
 
 
-};
 
+				var vector = new THREE.Vector3( mouse.x, mouse.y, 0.5 );
 
+				projector.unprojectVector( vector, camera );
 
 
-function animate() {
 
+				var ray = new THREE.Ray( camera.position, vector.subSelf( camera.position ).normalize() );
 
 
-	requestAnimationFrame( animate );
 
+				var c = THREE.Collisions.rayCastNearest( ray );
 
 
-	info.innerHTML = "";
 
+				if ( c ) {
 
 
-	var vector = new THREE.Vector3( mouse.x, mouse.y, 0.5 );
 
-	projector.unprojectVector( vector, camera );
 
+					info.innerHTML += "Found @ distance " + c.distance.toFixed(2);
 
+					c.mesh.materials[ 0 ].color.setHex( 0xaa0000 );
 
 
-	var ray = new THREE.Ray( camera.position, vector.subSelf( camera.position ).normalize() );
 
+				} else {
 
 
-	var c = THREE.Collisions.rayCastNearest( ray );
 
+					info.innerHTML += "No intersection";
 
+					cube.materials[0].color.setHex( 0x003300 );
 
 
-	if ( c ) {
 
+				}
 
 
-		info.innerHTML += "Found @ distance " + c.distance.toFixed(2);
 
-		c.mesh.materials[ 0 ].color.setHex( 0xaa0000 );
 
 
-	} else {
 
+				cube.rotation.x += 0.01;
 
+				cube.rotation.y += 0.02;
 
+				cube.position.x = Math.sin(bounce) * 100;
 
+				bounce += 0.01;
 
 
-		info.innerHTML += "No intersection";
 
-		cube.materials[0].color.setHex( 0x003300 );
 
+				renderer.render( scene, camera );
 
 
-	}
 
+				stats.update();
 
 
+			};
 
 
-	cube.rotation.x += 0.01;
 
-	cube.rotation.y += 0.02;
 
-	cube.position.x = Math.sin(bounce) * 100;
 
-	bounce += 0.01;
 
+			function vts(v) {
 
 
-	renderer.render( scene, camera );
 
+				if(!v) return "undefined<br>";
 
+				else return v.x + " , " + v.y + " , " + v.z + "<br>";
 
 
-	stats.update();
 
+			};
 
 
-};
 
+		</script>
 
 
-function vts(v) {
 
+	</head>
 
 
-	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>
 
+	<body onload="init();">
 
+		<div id="info"></div>
 
+		<div id="options"></div>
 
+	</body>
 
 
 </html>