Skip to content

Commit

Permalink
More examples clean up.
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrdoob
mrdoob committed Sep 21, 2011
1 parent 17547a2 commit 19d8261
Show file tree
Hide file tree
Showing 123 changed files with 1,160 additions and 1,140 deletions.
12 changes: 6 additions & 6 deletions examples/canvas_camera_orthographic.html
View file
Expand Up @@ -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;
Expand All @@ -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;
Expand Down
14 changes: 7 additions & 7 deletions examples/canvas_geometry_birds.html
View file
Expand Up @@ -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;
Expand All @@ -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

Expand Down Expand Up @@ -319,7 +319,7 @@

</script>

<script type="text/javascript">
<script>

var SCREEN_WIDTH = window.innerWidth,
SCREEN_HEIGHT = window.innerHeight,
Expand Down
10 changes: 5 additions & 5 deletions examples/canvas_geometry_cube.html
View file
Expand Up @@ -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;
Expand All @@ -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;

Expand Down
10 changes: 5 additions & 5 deletions examples/canvas_geometry_earth.html
View file
Expand Up @@ -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;
Expand Down Expand Up @@ -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;

Expand Down
10 changes: 5 additions & 5 deletions examples/canvas_geometry_hierarchy.html
View file
Expand Up @@ -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;
Expand All @@ -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;

Expand Down
6 changes: 3 additions & 3 deletions examples/canvas_geometry_panorama.html
View file
Expand Up @@ -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;
Expand Down Expand Up @@ -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;

Expand Down
6 changes: 3 additions & 3 deletions examples/canvas_geometry_panorama_fisheye.html
View file
Expand Up @@ -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;
Expand Down Expand Up @@ -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;

Expand Down
12 changes: 6 additions & 6 deletions examples/canvas_geometry_terrain.html
View file
Expand Up @@ -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;
Expand Down Expand Up @@ -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;

Expand Down
12 changes: 6 additions & 6 deletions examples/canvas_geometry_text.html
View file
Expand Up @@ -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;
Expand All @@ -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;

Expand Down
10 changes: 5 additions & 5 deletions examples/canvas_interactive_cubes.html
View file
Expand Up @@ -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;
Expand All @@ -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;
Expand Down
12 changes: 6 additions & 6 deletions examples/canvas_interactive_cubes_tween.html
View file
Expand Up @@ -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;
Expand All @@ -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;
Expand Down
10 changes: 5 additions & 5 deletions examples/canvas_interactive_particles.html
View file
Expand Up @@ -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;
Expand All @@ -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;
Expand Down
10 changes: 5 additions & 5 deletions examples/canvas_interactive_voxelpainter.html
View file
Expand Up @@ -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;
Expand All @@ -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;
Expand Down
10 changes: 5 additions & 5 deletions examples/canvas_lights_pointlights.html
View file
Expand Up @@ -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;
Expand Down Expand Up @@ -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,
Expand Down

2 comments on commit 19d8261

@alteredq
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool, I didn't realize <style> and <script> types were optional in HTML5. Nice catch ;)

@mrdoob
Copy link
Owner Author

@mrdoob mrdoob commented on 19d8261 Sep 21, 2011

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yup. Less noise! :)

Please sign in to comment.