Skip to content

T
three.js

Ablesons / three.js
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

体验新版 GitCode，发现更多精彩内容 >>

提交 19d82611 编写于 作者: M Mr.doob
浏览文件
操作

More examples clean up.

上级 17547a2e
展开全部 隐藏空白更改
内联 并排
Showing with 1160 addition and 1140 deletion
examples/canvas_camera_orthographic.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - camera - orthographic</title> <title>three.js canvas - camera - orthographic</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,13 +15,13 @@ ...@@ -15,13 +15,13 @@
</head> </head>
<body> <body>
<script type="text/javascript" src="../build/custom/ThreeCanvas.js"></script> <script src="../build/custom/ThreeCanvas.js"></script>
<script type="text/javascript" src="../build/custom/ThreeExtras.js"></script> <script src="../build/custom/ThreeExtras.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, renderer; var camera, scene, renderer;
......
examples/canvas_geometry_birds.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - geometry - birds</title> <title>three.js canvas - geometry - birds</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #808080; color: #808080;
font-family:Monospace; font-family:Monospace;
...@@ -28,13 +28,13 @@ ...@@ -28,13 +28,13 @@
<div id="container"></div> <div id="container"></div>
<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - birds demo</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 src="../build/Three.js"></script>
<script type="text/javascript" src="obj/Bird.js"></script> <script src="obj/Bird.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
// Based on http://www.openprocessing.org/visuals/?visualID=6910 // Based on http://www.openprocessing.org/visuals/?visualID=6910
...@@ -319,7 +319,7 @@ ...@@ -319,7 +319,7 @@
</script> </script>
<script type="text/javascript"> <script>
var SCREEN_WIDTH = window.innerWidth, var SCREEN_WIDTH = window.innerWidth,
SCREEN_HEIGHT = window.innerHeight, SCREEN_HEIGHT = window.innerHeight,
......
examples/canvas_geometry_cube.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - geometry - cube</title> <title>three.js canvas - geometry - cube</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/canvas_geometry_earth.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - geometry - earth</title> <title>three.js canvas - geometry - earth</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #808080; color: #808080;
font-family:Monospace; font-family:Monospace;
...@@ -34,12 +34,12 @@ ...@@ -34,12 +34,12 @@
<div id="container"></div> <div id="container"></div>
<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - earth demo</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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/canvas_geometry_hierarchy.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - geometry hierarchy 2</title> <title>three.js canvas - geometry hierarchy 2</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background:#fff; background:#fff;
padding:0; padding:0;
...@@ -16,12 +16,12 @@ ...@@ -16,12 +16,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/canvas_geometry_panorama.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - panorama demo</title> <title>three.js canvas - panorama demo</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: rgb(200,200,200); background-color: rgb(200,200,200);
margin: 0px; margin: 0px;
...@@ -32,9 +32,9 @@ ...@@ -32,9 +32,9 @@
<div id="container"></div> <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> <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; var camera, scene, renderer;
......
examples/canvas_geometry_panorama_fisheye.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - panorama fisheye demo</title> <title>three.js canvas - panorama fisheye demo</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: rgb(200,200,200); background-color: rgb(200,200,200);
margin: 0px; margin: 0px;
...@@ -32,9 +32,9 @@ ...@@ -32,9 +32,9 @@
<div id="container"></div> <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> <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; var camera, scene, renderer;
......
examples/canvas_geometry_terrain.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - geometry - terrain</title> <title>three.js canvas - geometry - terrain</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #71544e; color: #71544e;
font-family:Monospace; font-family:Monospace;
...@@ -34,14 +34,14 @@ ...@@ -34,14 +34,14 @@
<div id="container"><br /><br /><br /><br /><br />Generating...</div> <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> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/canvas_geometry_text.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - geometry - text</title> <title>three.js canvas - geometry - text</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -16,17 +16,17 @@ ...@@ -16,17 +16,17 @@
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<!-- load the font file from canvas-text --> <!-- 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; var container, stats;
......
examples/canvas_interactive_cubes.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - interactive - cubes</title> <title>three.js canvas - interactive - cubes</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, projector, renderer; var camera, scene, projector, renderer;
......
examples/canvas_interactive_cubes_tween.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - interactive - cubes tween</title> <title>three.js canvas - interactive - cubes tween</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,13 +15,13 @@ ...@@ -15,13 +15,13 @@
</head> </head>
<body> <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 src="js/Tween.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, projector, renderer; var camera, scene, projector, renderer;
......
examples/canvas_interactive_particles.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - interactive particles</title> <title>three.js canvas - interactive particles</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, projector, renderer; var camera, scene, projector, renderer;
......
examples/canvas_interactive_voxelpainter.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - interactive - voxel painter</title> <title>three.js canvas - interactive - voxel painter</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, renderer; var camera, scene, renderer;
......
examples/canvas_lights_pointlights.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - point light</title> <title>three.js canvas - point light</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -39,12 +39,12 @@ ...@@ -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> Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
</div> </div>
<script type="text/javascript" src="../build/Three.js"></script> <script src="../build/Three.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, var camera, scene, renderer,
particle1, particle2, particle2, particle1, particle2, particle2,
......
examples/canvas_lights_pointlights_smooth.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - point light smooth</title> <title>three.js canvas - point light smooth</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -39,12 +39,12 @@ ...@@ -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> Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
</div> </div>
<script type="text/javascript" src="../build/Three.js"></script> <script src="../build/Three.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, var camera, scene, renderer,
particle1, particle2, particle2, particle1, particle2, particle2,
......
examples/canvas_lines.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - lines - random</title> <title>three.js canvas - lines - random</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -18,11 +18,11 @@ ...@@ -18,11 +18,11 @@
</head> </head>
<body> <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, var mouseX = 0, mouseY = 0,
......
examples/canvas_lines_sphere.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - lines - sphere</title> <title>three.js canvas - lines - sphere</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -18,11 +18,11 @@ ...@@ -18,11 +18,11 @@
</head> </head>
<body> <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, var SCREEN_WIDTH = window.innerWidth,
SCREEN_HEIGHT = window.innerHeight, SCREEN_HEIGHT = window.innerHeight,
......
examples/canvas_materials.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - materials</title> <title>three.js canvas - materials</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #202020; background-color: #202020;
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/canvas_materials_depth.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - depth material</title> <title>three.js canvas - depth material</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #000000; background-color: #000000;
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/canvas_materials_normal.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - normal material</title> <title>three.js canvas - normal material</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -39,12 +39,12 @@ ...@@ -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> Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
</div> </div>
<script type="text/javascript" src="../build/Three.js"></script> <script src="../build/Three.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, var camera, scene, renderer,
object; object;
......
examples/canvas_materials_reflection.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - spherical reflection</title> <title>three.js canvas - spherical reflection</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -38,14 +38,14 @@ ...@@ -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>. 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> </div>
<script type="text/javascript" src="../build/Three.js"></script> <script src="../build/Three.js"></script>
<script type="text/javascript" src="../src/extras/ImageUtils.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, var camera, scene, renderer,
particle1, particle2, particle2, particle1, particle2, particle2,
......
examples/canvas_materials_video.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - materials - video</title> <title>three.js canvas - materials - video</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,17 +15,17 @@ ...@@ -15,17 +15,17 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<video id="video" autoplay style="display:none"> <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.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video> </video>
<script type="text/javascript"> <script>
var AMOUNT = 100; var AMOUNT = 100;
......
examples/canvas_particles_floor.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - particles - floor</title> <title>three.js canvas - particles - floor</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -18,12 +18,12 @@ ...@@ -18,12 +18,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SEPARATION = 100; var SEPARATION = 100;
var AMOUNTX = 50; var AMOUNTX = 50;
......
examples/canvas_particles_random.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - particles - random</title> <title>three.js canvas - particles - random</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -18,12 +18,12 @@ ...@@ -18,12 +18,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, renderer, group, particle; var camera, scene, renderer, group, particle;
......
examples/canvas_particles_shapes.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - particles with shapes</title> <title>three.js canvas - particles with shapes</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -16,20 +16,20 @@ ...@@ -16,20 +16,20 @@
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript" src="js/Tween.js"></script> <script src="js/Tween.js"></script>
<script type="text/javascript" src="js/Sparks.js"></script> <script src="js/Sparks.js"></script>
<!-- load the font file from canvas-text --> <!-- 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; var container, stats;
......
examples/canvas_particles_sprites.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - particles - sprites</title> <title>three.js canvas - particles - sprites</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -18,13 +18,13 @@ ...@@ -18,13 +18,13 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript" src="js/Tween.js"></script> <script src="js/Tween.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, renderer, particle; var camera, scene, renderer, particle;
......
examples/canvas_particles_waves.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - particles - waves</title> <title>three.js canvas - particles - waves</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -17,12 +17,12 @@ ...@@ -17,12 +17,12 @@
</style> </style>
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50; var SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50;
......
examples/canvas_performance.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - performance</title> <title>three.js canvas - performance</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/canvas_sandbox.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js canvas - sandbox</title> <title>three.js canvas - sandbox</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -15,118 +15,118 @@ ...@@ -15,118 +15,118 @@
</head> </head>
<body> <body>
<!-- <script type="text/javascript" src="../build/Three.js"></script> --> <!-- <script src="../build/Three.js"></script> -->
<script type="text/javascript" src="../src/Three.js"></script> <script src="../src/Three.js"></script>
<script type="text/javascript" src="../src/core/Color.js"></script> <script src="../src/core/Color.js"></script>
<script type="text/javascript" src="../src/core/Vector2.js"></script> <script src="../src/core/Vector2.js"></script>
<script type="text/javascript" src="../src/core/Vector3.js"></script> <script src="../src/core/Vector3.js"></script>
<script type="text/javascript" src="../src/core/Vector4.js"></script> <script src="../src/core/Vector4.js"></script>
<script type="text/javascript" src="../src/core/Ray.js"></script> <script src="../src/core/Ray.js"></script>
<script type="text/javascript" src="../src/core/Rectangle.js"></script> <script src="../src/core/Rectangle.js"></script>
<script type="text/javascript" src="../src/core/Matrix3.js"></script> <script src="../src/core/Matrix3.js"></script>
<script type="text/javascript" src="../src/core/Matrix4.js"></script> <script src="../src/core/Matrix4.js"></script>
<script type="text/javascript" src="../src/core/Object3D.js"></script> <script src="../src/core/Object3D.js"></script>
<script type="text/javascript" src="../src/core/Projector.js"></script> <script src="../src/core/Projector.js"></script>
<script type="text/javascript" src="../src/core/Quaternion.js"></script> <script src="../src/core/Quaternion.js"></script>
<script type="text/javascript" src="../src/core/Vertex.js"></script> <script src="../src/core/Vertex.js"></script>
<script type="text/javascript" src="../src/core/Face3.js"></script> <script src="../src/core/Face3.js"></script>
<script type="text/javascript" src="../src/core/Face4.js"></script> <script src="../src/core/Face4.js"></script>
<script type="text/javascript" src="../src/core/UV.js"></script> <script src="../src/core/UV.js"></script>
<script type="text/javascript" src="../src/core/Geometry.js"></script> <script src="../src/core/Geometry.js"></script>
<script type="text/javascript" src="../src/core/Spline.js"></script> <script src="../src/core/Spline.js"></script>
<script type="text/javascript" src="../src/core/Edge.js"></script> <script src="../src/core/Edge.js"></script>
<script type="text/javascript" src="../src/cameras/Camera.js"></script> <script src="../src/cameras/Camera.js"></script>
<script type="text/javascript" src="../src/cameras/OrthoCamera.js"></script> <script src="../src/cameras/OrthoCamera.js"></script>
<script type="text/javascript" src="../src/lights/Light.js"></script> <script src="../src/lights/Light.js"></script>
<script type="text/javascript" src="../src/lights/AmbientLight.js"></script> <script src="../src/lights/AmbientLight.js"></script>
<script type="text/javascript" src="../src/lights/DirectionalLight.js"></script> <script src="../src/lights/DirectionalLight.js"></script>
<script type="text/javascript" src="../src/lights/PointLight.js"></script> <script src="../src/lights/PointLight.js"></script>
<script type="text/javascript" src="../src/lights/SpotLight.js"></script> <script src="../src/lights/SpotLight.js"></script>
<script type="text/javascript" src="../src/materials/Material.js"></script> <script src="../src/materials/Material.js"></script>
<script type="text/javascript" src="../src/materials/LineBasicMaterial.js"></script> <script src="../src/materials/LineBasicMaterial.js"></script>
<script type="text/javascript" src="../src/materials/MeshBasicMaterial.js"></script> <script src="../src/materials/MeshBasicMaterial.js"></script>
<script type="text/javascript" src="../src/materials/MeshLambertMaterial.js"></script> <script src="../src/materials/MeshLambertMaterial.js"></script>
<script type="text/javascript" src="../src/materials/MeshPhongMaterial.js"></script> <script src="../src/materials/MeshPhongMaterial.js"></script>
<script type="text/javascript" src="../src/materials/MeshDepthMaterial.js"></script> <script src="../src/materials/MeshDepthMaterial.js"></script>
<script type="text/javascript" src="../src/materials/MeshNormalMaterial.js"></script> <script src="../src/materials/MeshNormalMaterial.js"></script>
<script type="text/javascript" src="../src/materials/MeshFaceMaterial.js"></script> <script src="../src/materials/MeshFaceMaterial.js"></script>
<script type="text/javascript" src="../src/materials/ShaderMaterial.js"></script> <script src="../src/materials/ShaderMaterial.js"></script>
<script type="text/javascript" src="../src/materials/ParticleBasicMaterial.js"></script> <script src="../src/materials/ParticleBasicMaterial.js"></script>
<script type="text/javascript" src="../src/materials/ParticleCanvasMaterial.js"></script> <script src="../src/materials/ParticleCanvasMaterial.js"></script>
<script type="text/javascript" src="../src/materials/ParticleDOMMaterial.js"></script> <script src="../src/materials/ParticleDOMMaterial.js"></script>
<script type="text/javascript" src="../src/textures/Texture.js"></script> <script src="../src/textures/Texture.js"></script>
<script type="text/javascript" src="../src/textures/DataTexture.js"></script> <script src="../src/textures/DataTexture.js"></script>
<script type="text/javascript" src="../src/objects/Particle.js"></script> <script src="../src/objects/Particle.js"></script>
<script type="text/javascript" src="../src/objects/ParticleSystem.js"></script> <script src="../src/objects/ParticleSystem.js"></script>
<script type="text/javascript" src="../src/objects/Line.js"></script> <script src="../src/objects/Line.js"></script>
<script type="text/javascript" src="../src/objects/Mesh.js"></script> <script src="../src/objects/Mesh.js"></script>
<script type="text/javascript" src="../src/objects/Bone.js"></script> <script src="../src/objects/Bone.js"></script>
<script type="text/javascript" src="../src/objects/SkinnedMesh.js"></script> <script src="../src/objects/SkinnedMesh.js"></script>
<script type="text/javascript" src="../src/objects/Ribbon.js"></script> <script src="../src/objects/Ribbon.js"></script>
<script type="text/javascript" src="../src/objects/LOD.js"></script> <script src="../src/objects/LOD.js"></script>
<script type="text/javascript" src="../src/objects/Sprite.js"></script> <script src="../src/objects/Sprite.js"></script>
<script type="text/javascript" src="../src/scenes/Scene.js"></script> <script src="../src/scenes/Scene.js"></script>
<script type="text/javascript" src="../src/scenes/Fog.js"></script> <script src="../src/scenes/Fog.js"></script>
<script type="text/javascript" src="../src/scenes/FogExp2.js"></script> <script src="../src/scenes/FogExp2.js"></script>
<script type="text/javascript" src="../src/renderers/DOMRenderer.js"></script> <script src="../src/renderers/DOMRenderer.js"></script>
<script type="text/javascript" src="../src/renderers/CanvasRenderer.js"></script> <script src="../src/renderers/CanvasRenderer.js"></script>
<script type="text/javascript" src="../src/renderers/SVGRenderer.js"></script> <script src="../src/renderers/SVGRenderer.js"></script>
<script type="text/javascript" src="../src/renderers/WebGLShaders.js"></script> <script src="../src/renderers/WebGLShaders.js"></script>
<script type="text/javascript" src="../src/renderers/WebGLRenderer.js"></script> <script src="../src/renderers/WebGLRenderer.js"></script>
<script type="text/javascript" src="../src/renderers/WebGLRenderTarget.js"></script> <script src="../src/renderers/WebGLRenderTarget.js"></script>
<script type="text/javascript" src="../src/renderers/WebGLRenderTargetCube.js"></script> <script src="../src/renderers/WebGLRenderTargetCube.js"></script>
<script type="text/javascript" src="../src/renderers/renderables/RenderableVertex.js"></script> <script src="../src/renderers/renderables/RenderableVertex.js"></script>
<script type="text/javascript" src="../src/renderers/renderables/RenderableFace3.js"></script> <script src="../src/renderers/renderables/RenderableFace3.js"></script>
<script type="text/javascript" src="../src/renderers/renderables/RenderableFace4.js"></script> <script src="../src/renderers/renderables/RenderableFace4.js"></script>
<script type="text/javascript" src="../src/renderers/renderables/RenderableObject.js"></script> <script src="../src/renderers/renderables/RenderableObject.js"></script>
<script type="text/javascript" src="../src/renderers/renderables/RenderableParticle.js"></script> <script src="../src/renderers/renderables/RenderableParticle.js"></script>
<script type="text/javascript" src="../src/renderers/renderables/RenderableLine.js"></script> <script src="../src/renderers/renderables/RenderableLine.js"></script>
<script type="text/javascript" src="../src/extras/ColorUtils.js"></script> <script src="../src/extras/ColorUtils.js"></script>
<script type="text/javascript" src="../src/extras/GeometryUtils.js"></script> <script src="../src/extras/GeometryUtils.js"></script>
<script type="text/javascript" src="../src/extras/ImageUtils.js"></script> <script src="../src/extras/ImageUtils.js"></script>
<script type="text/javascript" src="../src/extras/SceneUtils.js"></script> <script src="../src/extras/SceneUtils.js"></script>
<script type="text/javascript" src="../src/extras/ShaderUtils.js"></script> <script src="../src/extras/ShaderUtils.js"></script>
<script type="text/javascript" src="../src/extras/core/Curve.js"></script> <script src="../src/extras/core/Curve.js"></script>
<script type="text/javascript" src="../src/extras/core/CurvePath.js"></script> <script src="../src/extras/core/CurvePath.js"></script>
<script type="text/javascript" src="../src/extras/core/Path.js"></script> <script src="../src/extras/core/Path.js"></script>
<script type="text/javascript" src="../src/extras/core/Shape.js"></script> <script src="../src/extras/core/Shape.js"></script>
<script type="text/javascript" src="../src/extras/core/TextPath.js"></script> <script src="../src/extras/core/TextPath.js"></script>
<script type="text/javascript" src="../src/extras/animation/AnimationHandler.js"></script> <script src="../src/extras/animation/AnimationHandler.js"></script>
<script type="text/javascript" src="../src/extras/animation/Animation.js"></script> <script src="../src/extras/animation/Animation.js"></script>
<script type="text/javascript" src="../src/extras/cameras/FirstPersonCamera.js"></script> <script src="../src/extras/cameras/FirstPersonCamera.js"></script>
<script type="text/javascript" src="../src/extras/cameras/PathCamera.js"></script> <script src="../src/extras/cameras/PathCamera.js"></script>
<script type="text/javascript" src="../src/extras/cameras/FlyCamera.js"></script> <script src="../src/extras/cameras/FlyCamera.js"></script>
<script type="text/javascript" src="../src/extras/cameras/RollCamera.js"></script> <script src="../src/extras/cameras/RollCamera.js"></script>
<script type="text/javascript" src="../src/extras/cameras/TrackballCamera.js"></script> <script src="../src/extras/cameras/TrackballCamera.js"></script>
<script type="text/javascript" src="../src/extras/cameras/QuakeCamera.js"></script> <script src="../src/extras/cameras/QuakeCamera.js"></script>
<script type="text/javascript" src="../src/extras/geometries/CubeGeometry.js"></script> <script src="../src/extras/geometries/CubeGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/CylinderGeometry.js"></script> <script src="../src/extras/geometries/CylinderGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/ExtrudeGeometry.js"></script> <script src="../src/extras/geometries/ExtrudeGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/IcosahedronGeometry.js"></script> <script src="../src/extras/geometries/IcosahedronGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/LatheGeometry.js"></script> <script src="../src/extras/geometries/LatheGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/PlaneGeometry.js"></script> <script src="../src/extras/geometries/PlaneGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/SphereGeometry.js"></script> <script src="../src/extras/geometries/SphereGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/TextGeometry.js"></script> <script src="../src/extras/geometries/TextGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/TorusGeometry.js"></script> <script src="../src/extras/geometries/TorusGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/TorusKnotGeometry.js"></script> <script src="../src/extras/geometries/TorusKnotGeometry.js"></script>
<script type="text/javascript" src="../src/extras/loaders/Loader.js"></script> <script src="../src/extras/loaders/Loader.js"></script>
<script type="text/javascript" src="../src/extras/loaders/BinaryLoader.js"></script> <script src="../src/extras/loaders/BinaryLoader.js"></script>
<script type="text/javascript" src="../src/extras/loaders/ColladaLoader.js"></script> <script src="../src/extras/loaders/ColladaLoader.js"></script>
<script type="text/javascript" src="../src/extras/loaders/JSONLoader.js"></script> <script src="../src/extras/loaders/JSONLoader.js"></script>
<script type="text/javascript" src="../src/extras/loaders/SceneLoader.js"></script> <script src="../src/extras/loaders/SceneLoader.js"></script>
<script type="text/javascript" src="../src/extras/loaders/UTF8Loader.js"></script> <script src="../src/extras/loaders/UTF8Loader.js"></script>
<script type="text/javascript" src="../src/extras/objects/MarchingCubes.js"></script> <script src="../src/extras/objects/MarchingCubes.js"></script>
<script type="text/javascript" src="../src/extras/objects/Trident.js"></script> <script src="../src/extras/objects/Trident.js"></script>
<script type="text/javascript" src="../src/extras/physics/Collisions.js"></script> <script src="../src/extras/physics/Collisions.js"></script>
<script type="text/javascript" src="../src/extras/physics/CollisionUtils.js"></script> <script src="../src/extras/physics/CollisionUtils.js"></script>
<script type="text/javascript" src="../src/extras/renderers/AnaglyphWebGLRenderer.js"></script> <script src="../src/extras/renderers/AnaglyphWebGLRenderer.js"></script>
<script type="text/javascript" src="../src/extras/renderers/CrosseyedWebGLRenderer.js"></script> <script src="../src/extras/renderers/CrosseyedWebGLRenderer.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/misc_camera_path.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - path camera</title> <title>three.js webgl - path camera</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #000; color: #000;
font-family:Monospace; font-family:Monospace;
...@@ -37,12 +37,12 @@ ...@@ -37,12 +37,12 @@
mouse look around mouse look around
</div> </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" src="js/Tween.js"></script> <script src="js/Tween.js"></script>
<script type="text/javascript"> <script>
var statsEnabled = true; var statsEnabled = true;
......
examples/misc_camera_roll.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - roll camera</title> <title>three.js webgl - roll camera</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #000; color: #000;
font-family:Monospace; font-family:Monospace;
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
WASD move, RF up/down, QE roll, mouse look around WASD move, RF up/down, QE roll, mouse look around
</div> </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; var statsEnabled = true;
......
examples/misc_camera_trackball.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - trackball camera</title> <title>three.js webgl - trackball camera</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #000; color: #000;
font-family:Monospace; font-family:Monospace;
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
MOVE mouse & press LEFT/A: rotate, MIDDLE/S: zoom, RIGHT/D: pan MOVE mouse & press LEFT/A: rotate, MIDDLE/S: zoom, RIGHT/D: pan
</div> </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; var statsEnabled = true;
......
examples/misc_lights_test.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js misc - lights - point + directional</title> <title>three.js misc - lights - point + directional</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background:#fff; background:#fff;
...@@ -39,12 +39,12 @@ ...@@ -39,12 +39,12 @@
<pre id="log"></pre> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SCREEN_WIDTH = window.innerWidth / 2; var SCREEN_WIDTH = window.innerWidth / 2;
var SCREEN_HEIGHT = window.innerHeight; var SCREEN_HEIGHT = window.innerHeight;
......
examples/misc_lookat.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js misc - lookAt</title> <title>three.js misc - lookAt</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #404040; color: #404040;
font-family:Monospace; font-family:Monospace;
...@@ -31,12 +31,12 @@ ...@@ -31,12 +31,12 @@
<body> <body>
<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - Object3D::lookAt() demo</div> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/misc_materials_multimaterials.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js misc - materials - multi-materials</title> <title>three.js misc - materials - multi-materials</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background:#fff; background:#fff;
padding:0; padding:0;
...@@ -41,12 +41,12 @@ ...@@ -41,12 +41,12 @@
<pre id="log"></pre> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SCREEN_WIDTH = window.innerWidth; var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight; var SCREEN_HEIGHT = window.innerHeight;
......
examples/misc_sound.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js misc - sound</title> <title>three.js misc - sound</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #000000; background-color: #000000;
margin: 0px; margin: 0px;
...@@ -42,12 +42,12 @@ ...@@ -42,12 +42,12 @@
<div id="container"></div> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/misc_ubiquity_test.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js misc - geometry - polyfield</title> <title>three.js misc - geometry - polyfield</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
background-color: #ffffff; background-color: #ffffff;
margin: 0px; margin: 0px;
...@@ -14,14 +14,14 @@ ...@@ -14,14 +14,14 @@
</head> </head>
<body> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SCREEN_WIDTH = window.innerWidth / 3; var SCREEN_WIDTH = window.innerWidth / 3;
var SCREEN_HEIGHT = window.innerHeight; var SCREEN_HEIGHT = window.innerHeight;
......
examples/webgl_animation_skinning.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - animation - skinning</title> <title>three.js webgl - animation - skinning</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
color: #000; color: #000;
font-family:Monospace; font-family:Monospace;
...@@ -40,13 +40,13 @@ ...@@ -40,13 +40,13 @@
</div> </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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_collada.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - collada</title> <title>three.js webgl - collada</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #000000; background-color: #000000;
...@@ -17,13 +17,13 @@ ...@@ -17,13 +17,13 @@
<body> <body>
<pre id="log"></pre> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_collisions_box.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - intersection: ray with box</title> <title>three.js webgl - intersection: ray with box</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -36,11 +36,11 @@ ...@@ -36,11 +36,11 @@
z-index:100; z-index:100;
} }
</style> </style>
<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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var camera, scene, projector, renderer, var camera, scene, projector, renderer,
info, mouse = { x: 0, y: 0 }, sun, cube; info, mouse = { x: 0, y: 0 }, sun, cube;
......
examples/webgl_collisions_mesh.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - intersection: ray with mesh (through box)</title> <title>three.js webgl - intersection: ray with mesh (through box)</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
} }
</style> </style>
<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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var camera, scene, projector, renderer, var camera, scene, projector, renderer,
info, mouse = { x: 0, y: 0 }, sun, loader, stats; info, mouse = { x: 0, y: 0 }, sun, loader, stats;
......
examples/webgl_collisions_normal.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - intersection: ray/mesh readinf normal</title> <title>three.js webgl - intersection: ray/mesh readinf normal</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
} }
</style> </style>
<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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var camera, scene, projector, renderer, var camera, scene, projector, renderer,
info, mouse = { x: 0, y: 0 }, sun, loader, stats, line; info, mouse = { x: 0, y: 0 }, sun, loader, stats, line;
......
examples/webgl_collisions_primitives.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - intersection: ray with sphere/AABB/plane</title> <title>three.js webgl - intersection: ray with sphere/AABB/plane</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -42,11 +42,11 @@ ...@@ -42,11 +42,11 @@
z-index: 100; z-index: 100;
} }
</style> </style>
<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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var camera, scene, projector, renderer, var camera, scene, projector, renderer,
info, mouse = { x: 0, y: 0 }, sun; info, mouse = { x: 0, y: 0 }, sun;
......
examples/webgl_collisions_reaction.html
浏览文件 @ 19d82611
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<title>three.js webgl - collision reaction</title> <title>three.js webgl - collision reaction</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style type="text/css"> <style>
body { body {
font-family: Monospace; font-family: Monospace;
background-color: #f0f0f0; background-color: #f0f0f0;
...@@ -42,9 +42,9 @@ ...@@ -42,9 +42,9 @@
z-index: 100; z-index: 100;
} }
</style> </style>
<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 camera, scene, renderer, info, mouse2d, sun, loader, sphere, debugNormal; var camera, scene, renderer, info, mouse2d, sun, loader, sphere, debugNormal;
......
examples/webgl_collisions_terrain.html
浏览文件 @ 19d82611
<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> #oldie { background-color: #ddd !important }
<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">
body { #info {
font-family: Monospace; position: absolute;
background-color: #f0f0f0; top: 30px; left: 10px; width: 800px;
margin: 0px; color: #000000;
overflow: hidden; 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 { <script src="../build/Three.js"></script>
position: absolute; <script src="js/RequestAnimationFrame.js"></script>
top: 30px; left: 10px; width: 800px;
color: #000000;
padding: 5px;
font-family: Monospace;
font-size: 13px;
text-align: left;
z-index:100;
}
#options { <script>
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> var camera, scene, renderer,
info, mouse2d, sun, loader, sphere, ray;
<script type="text/javascript" src="../build/Three.js"></script> var theta = 0, radius = 250, speed = 0.002, sphereSize = 4;
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript">
var camera, scene, renderer, function init() {
info, mouse2d, sun, loader, sphere, ray;
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' ); loader = new THREE.JSONLoader();
document.body.appendChild( container );
info = document.getElementById("info"); scene = new THREE.Scene();
camera = new THREE.Camera( 40, window.innerWidth / window.innerHeight, 1, 10000 ); ray = new THREE.Ray();
camera.position.y = 120; ray.origin.y = 10000;
mouse2d = new THREE.Vector3( 0, 0, 1 ); 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(); var ambientLight = new THREE.AmbientLight( 0x444444 );
ray.origin.y = 10000; scene.add( ambientLight );
ray.direction = new THREE.Vector3(0, -1, 0);
sphere = new THREE.Mesh( new THREE.SphereGeometry( sphereSize, 10, 10 ), new THREE.MeshLambertMaterial( { color: 0xff0000 } ) ); sun = new THREE.DirectionalLight( 0xaaaaaa );
scene.add(sphere); sun.position = new THREE.Vector3(-1,1, -1).normalize();
scene.add( sun );
renderer = new THREE.WebGLRenderer(); loadCube();
renderer.setSize( window.innerWidth, window.innerHeight );
container.appendChild(renderer.domElement);
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) { function onDocumentMouseMove( event ) {
var onGeometry = function( geometry ) { event.preventDefault();
var mesh = new THREE.Mesh( geometry, new THREE.MeshLambertMaterial( { color: 0xf3e4b8 } ) ); mouse2d.x = ( event.clientX / window.innerWidth ) * 2 - 1;
scene.add( mesh ); mouse2d.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshColliderWBox(mesh) ); mouse2d.z = 1;
}; }
loader.load( { model: "obj/terrain.js", callback: onGeometry } ); function animate() {
} requestAnimationFrame( animate );
function onDocumentMouseMove( event ) { ray.origin.x = radius * Math.cos(theta);
event.preventDefault(); ray.origin.z = radius * Math.sin(theta);
mouse2d.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse2d.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
mouse2d.z = 1;
}
function animate() { var c = THREE.Collisions.rayCastNearest(ray);
requestAnimationFrame( animate ); 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); theta += speed;
ray.origin.z = radius * Math.sin(theta);
var c = THREE.Collisions.rayCastNearest(ray); camera.target.position.copy( sphere.position );
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";
}
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) { </head>
if(!v) return "undefined<br>";
else return v.x + " , " + v.y + " , " + v.z + "<br>";
}
</script> <body onload="init();">
<div id="info"></div>
</head> <div id="options"></div>
</body>
<body onload="init();">
<div id="info"></div>
<div id="options"></div>
</body>
</html> </html>
examples/webgl_collisions_trigger.html
浏览文件 @ 19d82611
<html> <!doctype html>
<head> <html lang="en">
<title>three.js webgl - collision detection</title> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>three.js webgl - collision detection</title>
<style type="text/css"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
body { <style>
font-family: Monospace; body {
background-color: #f0f0f0; font-family: Monospace;
margin: 0px; background-color: #f0f0f0;
overflow: hidden; margin: 0px;
} overflow: hidden;
}
#oldie {
background-color: #ddd !important #oldie {
} background-color: #ddd !important
}
#info {
position: absolute; #info {
top: 30px; position: absolute;
left: 10px; top: 30px;
width: 800px; left: 10px;
color: #000000; width: 800px;
padding: 5px; color: #000000;
font-family: Monospace; padding: 5px;
font-size: 13px; font-family: Monospace;
text-align: left; font-size: 13px;
z-index: 100; text-align: left;
} z-index: 100;
}
#options {
position: absolute; #options {
top: 10px; position: absolute;
left: 10px; top: 10px;
width: 800px; left: 10px;
color: #000000; width: 800px;
padding: 5px; color: #000000;
font-family: Monospace; padding: 5px;
font-size: 13px; font-family: Monospace;
text-align: left; font-size: 13px;
z-index: 100; text-align: left;
} z-index: 100;
}
</style> </style>
<script type="text/javascript" src="../build/Three.js"> <script src="../build/Three.js"></script>
</script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js">
</script> <script>
<script type="text/javascript"> var camera, scene, renderer, info, mouse2d, sun, loader, sphere;
var camera, scene, renderer, info, mouse2d, sun, loader, sphere; var range = 400, speed = 1, sphereSize = 4;
var range = 400, speed = 1, sphereSize = 4; var cubes = [];
var cubes = []; function init() {
function init(){ container = document.createElement('div');
container = document.createElement('div'); document.body.appendChild(container);
document.body.appendChild(container);
info = document.getElementById("info");
info = document.getElementById("info");
camera = new THREE.Camera(40, window.innerWidth / window.innerHeight, 1, 10000);
camera = new THREE.Camera(40, window.innerWidth / window.innerHeight, 1, 10000); camera.position.y = 120;
camera.position.y = 120; camera.position.x = 300;
camera.position.x = 300; camera.position.z = 0;
camera.position.z = 0;
mouse2d = new THREE.Vector3( 0, 0, 1 );
mouse2d = new THREE.Vector3( 0, 0, 1 );
loader = new THREE.Loader( true );
loader = new THREE.Loader( true );
scene = new THREE.Scene();
scene = new THREE.Scene();
sphere = new THREE.Mesh( new THREE.SphereGeometry( sphereSize, 10, 10 ), new THREE.MeshLambertMaterial( { color: 0xff0000 } ) );
sphere = new THREE.Mesh( new THREE.SphereGeometry( sphereSize, 10, 10 ), new THREE.MeshLambertMaterial( { color: 0xff0000 } ) ); scene.add( sphere );
scene.add( sphere );
renderer = new THREE.WebGLRenderer();
renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setSize(window.innerWidth, window.innerHeight); container.appendChild(renderer.domElement);
container.appendChild(renderer.domElement);
var ambientLight = new THREE.AmbientLight(0xdddddd);
var ambientLight = new THREE.AmbientLight(0xdddddd); scene.add(ambientLight);
scene.add(ambientLight);
sun = new THREE.DirectionalLight(0xffffff);
sun = new THREE.DirectionalLight(0xffffff); sun.position = new THREE.Vector3(1, -1, 1).normalize();
sun.position = new THREE.Vector3(1, -1, 1).normalize(); scene.add(sun);
scene.add(sun);
createObstacles();
createObstacles();
container.onmousemove = onDocumentMouseMove;
container.onmousemove = onDocumentMouseMove; animate();
animate();
} }
function createObstacles(){ function createObstacles(){
createCube(100, 50, 10, new THREE.Vector3(0, 0, 100));
createCube(100, 50, 10, new THREE.Vector3(0, 0, 100));
camera.target = createCube(100, 50, 10, new THREE.Vector3(0, 0, 200)); camera.target = createCube(100, 50, 10, new THREE.Vector3(0, 0, 200));
createCube(100, 50, 10, new THREE.Vector3(0, 0, 300)); 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; function createCube(sx, sy, sz, p) {
scene.add(cube);
THREE.Collisions.colliders.push( THREE.CollisionUtils.MeshOBB(cube) ); 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); cubes.push(cube);
return cube; return cube;
}
function onDocumentMouseMove(event){ }
event.preventDefault();
mouse2d.x = (event.clientX / window.innerWidth) * 2 - 1; function onDocumentMouseMove(event){
mouse2d.y = -(event.clientY / window.innerHeight) * 2 + 1;
mouse2d.z = 1;
}
function animate(){ event.preventDefault();
requestAnimationFrame(animate); 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++) { for (var i = 0; i < cubes.length; i++) {
cubes[i].materials[0].color = new THREE.Color(0x003300); cubes[i].materials[0].color = new THREE.Color(0x003300);
} }
var ray = new THREE.Ray( sphere.position, new THREE.Vector3(0,0,1) ); var ray = new THREE.Ray( sphere.position, new THREE.Vector3(0,0,1) );
var c = THREE.Collisions.rayCastNearest(ray); var c = THREE.Collisions.rayCastNearest(ray);
if (c && c.distance == -1) { if (c && c.distance == -1) {
info.innerHTML = "Colliding!"; info.innerHTML = "Colliding!";
c.mesh.materials[0].color = new THREE.Color(0xff0000); c.mesh.materials[0].color = new THREE.Color(0xff0000);
} else if(c && c.distance >= 0) { } else if(c && c.distance >= 0) {
info.innerHTML = "Approaching @ " + c.distance; info.innerHTML = "Approaching @ " + c.distance;
} else { } else {
info.innerHTML = "No collider in sight."; info.innerHTML = "No collider in sight.";
} }
camera.position.x = Math.cos(mouse2d.x * Math.PI) * 300; camera.position.x = Math.cos(mouse2d.x * Math.PI) * 300;
camera.position.z = 200 + Math.sin(mouse2d.x * Math.PI) * 300; camera.position.z = 200 + Math.sin(mouse2d.x * Math.PI) * 300;
renderer.render(scene, camera); renderer.render(scene, camera);
}
}
function vts(v){
if (!v) function vts(v){
return "undefined<br>";
else if (!v)
return v.x + " , " + v.y + " , " + v.z + "<br>"; return "undefined<br>";
} else
return v.x + " , " + v.y + " , " + v.z + "<br>";
</script>
</head> }
<body onload="init();">
<div id="info"> </script>
</div> </head>
<div id="options"> <body onload="init();">
</div> <div id="info">
</body> </div>
<div id="options">
</div>
</body>
</html> </html>
examples/webgl_custom_attributes.html
浏览文件 @ 19d82611
<!doctype html> <!doctype html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8" />
<title>three.js webgl - custom attributes</title> <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> <style>
body { body {
color: #ffffff; color: #ffffff;
...@@ -30,9 +31,9 @@ ...@@ -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="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - custom attributes example</div>
<div id="container"></div> <div id="container"></div>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script src="../build/Three.js"></script> <script src="../build/Three.js"></script>
...@@ -83,7 +84,7 @@ ...@@ -83,7 +84,7 @@
</script> </script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_custom_attributes_particles.html
浏览文件 @ 19d82611
...@@ -35,9 +35,9 @@ ...@@ -35,9 +35,9 @@
<script 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" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="x-shader/x-vertex" id="vertexshader"> <script type="x-shader/x-vertex" id="vertexshader">
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
</script> </script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_custom_attributes_particles2.html
浏览文件 @ 19d82611
...@@ -32,9 +32,9 @@ ...@@ -32,9 +32,9 @@
<script 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" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="x-shader/x-vertex" id="vertexshader"> <script type="x-shader/x-vertex" id="vertexshader">
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
</script> </script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_custom_attributes_particles3.html
浏览文件 @ 19d82611
...@@ -32,9 +32,9 @@ ...@@ -32,9 +32,9 @@
<script 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" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="x-shader/x-vertex" id="vertexshader"> <script type="x-shader/x-vertex" id="vertexshader">
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
</script> </script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_flycamera_earth.html
浏览文件 @ 19d82611
...@@ -31,19 +31,19 @@ ...@@ -31,19 +31,19 @@
</style> </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 src="js/postprocessing/EffectComposer.js"></script>
<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script> <script src="js/postprocessing/ShaderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script> <script src="js/postprocessing/MaskPass.js"></script>
<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script> <script src="js/postprocessing/RenderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/FilmPass.js"></script> <script src="js/postprocessing/FilmPass.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
</head> </head>
...@@ -53,7 +53,7 @@ ...@@ -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/> <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> </div>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_geometries.html
浏览文件 @ 19d82611
...@@ -17,13 +17,13 @@ ...@@ -17,13 +17,13 @@
<pre id="log"></pre> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_geometry_blenderexport_colors.html
浏览文件 @ 19d82611
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<div id="container"></div> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_geometry_colors.html
浏览文件 @ 19d82611
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<div id="container"></div> <div id="container"></div>
<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - vertex colors - webgl</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_geometry_dynamic.html
浏览文件 @ 19d82611
...@@ -39,13 +39,13 @@ ...@@ -39,13 +39,13 @@
<div id="container"></div> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) { if ( ! Detector.webgl ) {
......
examples/webgl_geometry_hierarchy.html
浏览文件 @ 19d82611
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/webgl_geometry_hierarchy2.html
浏览文件 @ 19d82611
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/webgl_geometry_large_mesh.html
浏览文件 @ 19d82611
...@@ -44,12 +44,12 @@ ...@@ -44,12 +44,12 @@
<pre id="log"></pre> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SCREEN_WIDTH = window.innerWidth; var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight; var SCREEN_HEIGHT = window.innerHeight;
......
examples/webgl_geometry_minecraft.html
浏览文件 @ 19d82611
...@@ -40,15 +40,15 @@ ...@@ -40,15 +40,15 @@
<div id="container"><br /><br /><br /><br /><br />Generating world...</div> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) { if ( ! Detector.webgl ) {
......
examples/webgl_geometry_minecraft_ao.html
浏览文件 @ 19d82611
...@@ -47,15 +47,15 @@ ...@@ -47,15 +47,15 @@
<button id="baot">texture + ao</button> <button id="baot">texture + ao</button>
</div> </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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) { if ( ! Detector.webgl ) {
......
examples/webgl_geometry_shapes.html
浏览文件 @ 19d82611
...@@ -16,13 +16,13 @@ ...@@ -16,13 +16,13 @@
<body> <body>
<canvas id="debug" style="position:absolute; left:100px"></canvas> <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 src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
......
examples/webgl_geometry_terrain.html
浏览文件 @ 19d82611
...@@ -33,15 +33,15 @@ ...@@ -33,15 +33,15 @@
<div id="container"><br /><br /><br /><br /><br />Generating world...</div> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) { if ( ! Detector.webgl ) {
......
examples/webgl_geometry_terrain_fog.html
浏览文件 @ 19d82611
...@@ -33,15 +33,15 @@ ...@@ -33,15 +33,15 @@
<div id="container"><br /><br /><br /><br /><br />Generating world...</div> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) { if ( ! Detector.webgl ) {
......
examples/webgl_geometry_text.html
浏览文件 @ 19d82611
...@@ -39,37 +39,37 @@ ...@@ -39,37 +39,37 @@
</div> </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 src="js/postprocessing/EffectComposer.js"></script>
<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script> <script src="js/postprocessing/RenderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script> <script src="js/postprocessing/ShaderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script> <script src="js/postprocessing/MaskPass.js"></script>
<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script> <script src="js/postprocessing/BloomPass.js"></script>
<script type="text/javascript" src="js/postprocessing/FilmPass.js"></script> <script src="js/postprocessing/FilmPass.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<!-- load the font files --> <!-- load the font files -->
<script type="text/javascript" src="fonts/gentilis_bold.typeface.js"></script> <script src="fonts/gentilis_bold.typeface.js"></script>
<script type="text/javascript" src="fonts/gentilis_regular.typeface.js"></script> <script src="fonts/gentilis_regular.typeface.js"></script>
<script type="text/javascript" src="fonts/optimer_bold.typeface.js"></script> <script src="fonts/optimer_bold.typeface.js"></script>
<script type="text/javascript" src="fonts/optimer_regular.typeface.js"></script> <script src="fonts/optimer_regular.typeface.js"></script>
<script type="text/javascript" src="fonts/helvetiker_bold.typeface.js"></script> <script src="fonts/helvetiker_bold.typeface.js"></script>
<script type="text/javascript" src="fonts/helvetiker_regular.typeface.js"></script> <script src="fonts/helvetiker_regular.typeface.js"></script>
<script type="text/javascript" src="fonts/droid/droid_sans_regular.typeface.js"></script> <script src="fonts/droid/droid_sans_regular.typeface.js"></script>
<script type="text/javascript" src="fonts/droid/droid_sans_bold.typeface.js"></script> <script src="fonts/droid/droid_sans_bold.typeface.js"></script>
<script type="text/javascript" src="fonts/droid/droid_serif_regular.typeface.js"></script> <script 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/droid/droid_serif_bold.typeface.js"></script>
<!-- todo async loader for fonts --> <!-- todo async loader for fonts -->
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_hdr.html
浏览文件 @ 19d82611
...@@ -36,11 +36,11 @@ ...@@ -36,11 +36,11 @@
based on <a href="http://spidergl.org/example.php?id=13" target="_blank">SpiderGL</a> based on <a href="http://spidergl.org/example.php?id=13" target="_blank">SpiderGL</a>
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<!-- HDR fragment shader --> <!-- HDR fragment shader -->
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
</script> </script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_interactive_cubes.html
浏览文件 @ 19d82611
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, projector, renderer; var camera, scene, projector, renderer;
......
examples/webgl_interactive_draggablecubes.html
浏览文件 @ 19d82611
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, projector, renderer; var camera, scene, projector, renderer;
......
examples/webgl_interactive_voxelpainter.html
浏览文件 @ 19d82611
...@@ -16,13 +16,13 @@ ...@@ -16,13 +16,13 @@
</head> </head>
<body> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_lights_pointlights.html
浏览文件 @ 19d82611
...@@ -42,13 +42,13 @@ ...@@ -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> Walt Disney head by <a href="http://www.davidoreilly.com/2009/01/walt-disneys-head-on-a-plate" target="_blank">David OReilly</a>
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_lines_colors.html
浏览文件 @ 19d82611
...@@ -43,21 +43,21 @@ ...@@ -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>] [<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> </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 src="js/postprocessing/EffectComposer.js"></script>
<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script> <script src="js/postprocessing/MaskPass.js"></script>
<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script> <script src="js/postprocessing/RenderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script> <script src="js/postprocessing/ShaderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script> <script src="js/postprocessing/BloomPass.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_lines_cubes.html
浏览文件 @ 19d82611
...@@ -43,13 +43,13 @@ ...@@ -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>] [<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> </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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_lines_sphere.html
浏览文件 @ 19d82611
...@@ -42,13 +42,13 @@ ...@@ -42,13 +42,13 @@
<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - lines WebGL demo <a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - lines WebGL demo
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_lines_splines.html
浏览文件 @ 19d82611
...@@ -43,13 +43,13 @@ ...@@ -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>] [<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> </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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_lod.html
浏览文件 @ 19d82611
...@@ -35,13 +35,13 @@ ...@@ -35,13 +35,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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_lod_text.html
浏览文件 @ 19d82611
...@@ -35,28 +35,28 @@ ...@@ -35,28 +35,28 @@
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<!-- <!--
<script type="text/javascript" src="../src/extras/geometries/Curve.js"></script> <script src="../src/extras/geometries/Curve.js"></script>
<script type="text/javascript" src="../src/extras/geometries/CurvePath.js"></script> <script src="../src/extras/geometries/CurvePath.js"></script>
<script type="text/javascript" src="../src/extras/geometries/Path.js"></script> <script src="../src/extras/geometries/Path.js"></script>
<script type="text/javascript" src="../src/extras/geometries/Shape.js"></script> <script src="../src/extras/geometries/Shape.js"></script>
<script type="text/javascript" src="../src/extras/geometries/TextPath.js"></script> <script src="../src/extras/geometries/TextPath.js"></script>
<script type="text/javascript" src="../src/extras/geometries/ExtrudeGeometry.js"></script> <script src="../src/extras/geometries/ExtrudeGeometry.js"></script>
<script type="text/javascript" src="../src/extras/geometries/TextGeometry.js"></script> <script src="../src/extras/geometries/TextGeometry.js"></script>
--> -->
<!-- load the font file from canvas-text --> <!-- 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(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials.html
浏览文件 @ 19d82611
...@@ -17,13 +17,13 @@ ...@@ -17,13 +17,13 @@
<pre id="log"></pre> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cars.html
浏览文件 @ 19d82611
...@@ -56,13 +56,13 @@ ...@@ -56,13 +56,13 @@
<div id="log"></div> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cars_anaglyph.html
浏览文件 @ 19d82611
...@@ -56,13 +56,13 @@ ...@@ -56,13 +56,13 @@
<div id="log"></div> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cars_camaro.html
浏览文件 @ 19d82611
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<div id="log"></div> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cars_camaro_crosseyed.html
浏览文件 @ 19d82611
...@@ -36,13 +36,13 @@ ...@@ -36,13 +36,13 @@
<div id="log"></div> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cubemap.html
浏览文件 @ 19d82611
...@@ -34,13 +34,13 @@ ...@@ -34,13 +34,13 @@
<p>Texture by <a href="http://www.humus.name/index.php?page=Textures" target="_blank">Humus</a> <p>Texture by <a href="http://www.humus.name/index.php?page=Textures" target="_blank">Humus</a>
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cubemap_balls_reflection.html
浏览文件 @ 19d82611
...@@ -34,12 +34,12 @@ ...@@ -34,12 +34,12 @@
<body> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cubemap_balls_reflection_anaglyph.html
浏览文件 @ 19d82611
...@@ -34,12 +34,12 @@ ...@@ -34,12 +34,12 @@
<body> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cubemap_balls_refraction.html
浏览文件 @ 19d82611
...@@ -34,12 +34,12 @@ ...@@ -34,12 +34,12 @@
<body> <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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cubemap_balls_refraction_crosseyed.html
浏览文件 @ 19d82611
...@@ -37,12 +37,12 @@ ...@@ -37,12 +37,12 @@
- O, P : change eye separation - O, P : change eye separation
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cubemap_escher.html
浏览文件 @ 19d82611
...@@ -29,13 +29,13 @@ ...@@ -29,13 +29,13 @@
<p>Texture by <a href="http://brainwagon.org/2002/12/05/fun-with-environment-maps/" target="_blank">Mark VandeWettering</a> <p>Texture by <a href="http://brainwagon.org/2002/12/05/fun-with-environment-maps/" target="_blank">Mark VandeWettering</a>
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_cubemap_refraction.html
浏览文件 @ 19d82611
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<p>Texture by <a href="http://www.humus.name/index.php?page=Textures" target="_blank">Humus</a> <p>Texture by <a href="http://www.humus.name/index.php?page=Textures" target="_blank">Humus</a>
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_grass.html
浏览文件 @ 19d82611
...@@ -17,12 +17,12 @@ ...@@ -17,12 +17,12 @@
</head> </head>
<body> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_normalmap.html
浏览文件 @ 19d82611
...@@ -46,12 +46,12 @@ ...@@ -46,12 +46,12 @@
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_normalmap2.html
浏览文件 @ 19d82611
...@@ -49,13 +49,13 @@ ...@@ -49,13 +49,13 @@
</div> </div>
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_shaders.html
浏览文件 @ 19d82611
...@@ -38,13 +38,13 @@ ...@@ -38,13 +38,13 @@
<p>Blinn-Phong shader only works in WebGL, canvas has only diffuse materials. <p>Blinn-Phong shader only works in WebGL, canvas has only diffuse materials.
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SCREEN_WIDTH = window.innerWidth; var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight; var SCREEN_HEIGHT = window.innerHeight;
......
examples/webgl_materials_shaders_fresnel.html
浏览文件 @ 19d82611
...@@ -33,12 +33,12 @@ ...@@ -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> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_skin.html
浏览文件 @ 19d82611
...@@ -41,24 +41,24 @@ ...@@ -41,24 +41,24 @@
<a href="http://www.ir-ltd.net/infinite-3d-head-scan-released/" target="_blank">Lee Perry-Smith</a> head. <a href="http://www.ir-ltd.net/infinite-3d-head-scan-released/" target="_blank">Lee Perry-Smith</a> head.
</div> </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/ShaderSkin.js"></script> <script src="js/ShaderSkin.js"></script>
<script type="text/javascript" src="js/postprocessing/EffectComposer.js"></script> <script src="js/postprocessing/EffectComposer.js"></script>
<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script> <script src="js/postprocessing/RenderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script> <script src="js/postprocessing/BloomPass.js"></script>
<script type="text/javascript" src="js/postprocessing/TexturePass.js"></script> <script src="js/postprocessing/TexturePass.js"></script>
<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script> <script src="js/postprocessing/ShaderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script> <script src="js/postprocessing/MaskPass.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_texture_filters.html
浏览文件 @ 19d82611
...@@ -60,13 +60,13 @@ ...@@ -60,13 +60,13 @@
min: <span class="c">Nearest</span> min: <span class="c">Nearest</span>
</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_materials_video.html
浏览文件 @ 19d82611
...@@ -36,26 +36,26 @@ ...@@ -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 <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> </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 src="js/postprocessing/EffectComposer.js"></script>
<script type="text/javascript" src="js/postprocessing/RenderPass.js"></script> <script src="js/postprocessing/RenderPass.js"></script>
<script type="text/javascript" src="js/postprocessing/MaskPass.js"></script> <script src="js/postprocessing/MaskPass.js"></script>
<script type="text/javascript" src="js/postprocessing/BloomPass.js"></script> <script src="js/postprocessing/BloomPass.js"></script>
<script type="text/javascript" src="js/postprocessing/ShaderPass.js"></script> <script src="js/postprocessing/ShaderPass.js"></script>
<script type="text/javascript" src="js/Detector.js"></script> <script src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<video id="video" autoplay loop style="display:none"> <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.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="textures/sintel.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video> </video>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_morphtargets.html
浏览文件 @ 19d82611
...@@ -61,13 +61,13 @@ ...@@ -61,13 +61,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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_morphtargets_horse.html
浏览文件 @ 19d82611
...@@ -14,12 +14,12 @@ ...@@ -14,12 +14,12 @@
</head> </head>
<body> <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" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var container, stats; var container, stats;
var camera, scene, projector, renderer; var camera, scene, projector, renderer;
......
examples/webgl_multiple_canvases_complex.html
浏览文件 @ 19d82611
...@@ -59,13 +59,13 @@ ...@@ -59,13 +59,13 @@
</div> </div>
<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl - multiple canvases - complex</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_multiple_canvases_grid.html
浏览文件 @ 19d82611
...@@ -75,13 +75,13 @@ ...@@ -75,13 +75,13 @@
</div> </div>
<div id="info"><a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl - multiple canvases - grid</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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
if ( ! Detector.webgl ) Detector.addGetWebGLMessage(); if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
......
examples/webgl_objconvert_test.html
浏览文件 @ 19d82611
...@@ -36,13 +36,13 @@ ...@@ -36,13 +36,13 @@
<pre id="log"></pre> <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 src="js/Detector.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script> <script src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="js/Stats.js"></script> <script src="js/Stats.js"></script>
<script type="text/javascript"> <script>
var SCREEN_WIDTH = window.innerWidth; var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight; var SCREEN_HEIGHT = window.innerHeight;
......
examples/webgl_performance.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_postprocessing.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_ribbons.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_rtt.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_sandbox.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_scene_test.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_shader.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_shader2.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_shader_lava.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_shadowmap.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_sprites.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_test_memory.html
浏览文件 @ 19d82611
此差异已折叠。
examples/webgl_utf8loader.html
浏览文件 @ 19d82611
此差异已折叠。
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或