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