Halaman utama Jelajahi Bantuan
Masuk
javascript
/
three.js
cermin dari https://github.com/tazdij/three.js.git
2
0
Fork 0
Berkas Masalah 0 Wiki
Jelajahi Sumber

Examples: Clean up

Mugen87 5 tahun lalu
induk
5e8bcf53a4
melakukan
ba78f6bc25
4 mengubah file dengan 74 tambahan dan 77 penghapusan
Unified View Tampilkan Statistik Diff
  1. 17 18
      examples/webaudio_orientation.html
  2. 17 18
      examples/webaudio_sandbox.html
  3. 23 23
      examples/webaudio_timing.html
  4. 17 18
      examples/webaudio_visualizer.html

+ 17 - 18
examples/webaudio_orientation.html
Tampilan Berkas 

@@ -20,24 +20,23 @@
 
 				z-index: 1;
 
 				z-index: 1;
 
 			}
 
 			}
 
 
 
-				#overlay > div {
 
-					text-align: center;
 
-				}
 
-
 
-				#overlay > div > button {
 
-					height: 20px;
 
-					width: 100px;
 
-					background: transparent;
 
-					color: #ffffff;
 
-					outline: 1px solid #ffffff;
 
-					border: 0px;
 
-					cursor: pointer;
 
-				}
 
-
 
-				#overlay > div > p {
 
-					color: #777777;
 
-					font-size: 12px;
 
-				}
 
+			#overlay > div {
 
+				text-align: center;
 
+			}
 
+
 
+			#overlay > div > button {
 
+				height: 20px;
 
+				background: transparent;
 
+				color: #ffffff;
 
+				outline: 1px solid #ffffff;
 
+				border: 0px;
 
+				cursor: pointer;
 
+			}
 
+
 
+			#overlay > div > p {
 
+				color: #777777;
 
+				font-size: 12px;
 
+			}
 
 		</style>
 
 		</style>
 
 	</head>
 
 	</head>
 
 <body>
 
 <body>

+ 17 - 18
examples/webaudio_sandbox.html
Tampilan Berkas 

@@ -21,24 +21,23 @@
 
 				color: #ffffff;
 
 				color: #ffffff;
 
 			}
 
 			}
 
 
 
-				#overlay > div {
 
-					text-align: center;
 
-				}
 
-
 
-				#overlay > div > button {
 
-					height: 20px;
 
-					width: 100px;
 
-					background: transparent;
 
-					color: #ffffff;
 
-					outline: 1px solid #ffffff;
 
-					border: 0px;
 
-					cursor: pointer;
 
-				}
 
-
 
-				#overlay > div > p {
 
-					color: #777777;
 
-					font-size: 12px;
 
-				}
 
+			#overlay > div {
 
+				text-align: center;
 
+			}
 
+
 
+			#overlay > div > button {
 
+				height: 20px;
 
+				background: transparent;
 
+				color: #ffffff;
 
+				outline: 1px solid #ffffff;
 
+				border: 0px;
 
+				cursor: pointer;
 
+			}
 
+
 
+			#overlay > div > p {
 
+				color: #777777;
 
+				font-size: 12px;
 
+			}
 
 		</style>
 
 		</style>
 
 	</head>
 
 	</head>
 
 	<body>
 
 	<body>

+ 23 - 23
examples/webaudio_timing.html
Tampilan Berkas 

@@ -21,24 +21,23 @@
 
 				color: #ffffff;
 
 				color: #ffffff;
 
 			}
 
 			}
 
 
 
-				#overlay > div {
 
-					text-align: center;
 
-				}
 
+			#overlay > div {
 
+				text-align: center;
 
+			}
 
 
 
-				#overlay > div > button {
 
-					height: 20px;
 
-					width: 100px;
 
-					background: transparent;
 
-					color: #ffffff;
 
-					outline: 1px solid #ffffff;
 
-					border: 0px;
 
-					cursor: pointer;
 
-				}
 
+			#overlay > div > button {
 
+				height: 20px;
 
+				background: transparent;
 
+				color: #ffffff;
 
+				outline: 1px solid #ffffff;
 
+				border: 0px;
 
+				cursor: pointer;
 
+			}
 
 
 
-				#overlay > div > p {
 
-					color: #777777;
 
-					font-size: 12px;
 
-				}
 
+			#overlay > div > p {
 
+				color: #777777;
 
+				font-size: 12px;
 
+			}
 
 		</style>
 
 		</style>
 
 	</head>
 
 	</head>
 
 <body>
 
 <body>
 
@@ -60,10 +59,14 @@
 
 
 
 		import { OrbitControls } from './jsm/controls/OrbitControls.js';
 
 		import { OrbitControls } from './jsm/controls/OrbitControls.js';
 
 
 
-		var scene, camera, renderer;
 
+		var scene, camera, renderer, clock;
 
 
 
 		var objects = [];
 
 		var objects = [];
 
 
 
+		var speed = 2.5;
 
+		var height = 3;
 
+		var offset = 0.5;
 
+
 
 		var startButton = document.getElementById( 'startButton' );
 
 		var startButton = document.getElementById( 'startButton' );
 
 		startButton.addEventListener( 'click', init );
 
 		startButton.addEventListener( 'click', init );
 
 
 
@@ -76,6 +79,8 @@
 
 
 
 			scene = new THREE.Scene();
 
 			scene = new THREE.Scene();
 
 
 
+			clock = new THREE.Clock();
 
+
 
 			//
 
 			//
 
 
 
 			camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 100 );
 
 			camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 100 );
 
@@ -195,14 +200,9 @@
 
 
 
 		}
 
 		}
 
 
 
-		var speed = 1.7;
 
-		var height = 3;
 
-		var offset = 0.5;
 
-		var time = 0;
 
-
 
 		function render() {
 
 		function render() {
 
 
 
-			time += 0.02;
 
+			var time = clock.getElapsedTime();
 
 
 
 			for ( var i = 0; i < objects.length; i ++ ) {
 
 			for ( var i = 0; i < objects.length; i ++ ) {

+ 17 - 18
examples/webaudio_visualizer.html
Tampilan Berkas 

@@ -21,24 +21,23 @@
 
 				color: #ffffff;
 
 				color: #ffffff;
 
 			}
 
 			}
 
 
 
-				#overlay > div {
 
-					text-align: center;
 
-				}
 
-
 
-				#overlay > div > button {
 
-					height: 20px;
 
-					width: 100px;
 
-					background: transparent;
 
-					color: #ffffff;
 
-					outline: 1px solid #ffffff;
 
-					border: 0px;
 
-					cursor: pointer;
 
-				}
 
-
 
-				#overlay > div > p {
 
-					color: #777777;
 
-					font-size: 12px;
 
-				}
 
+			#overlay > div {
 
+				text-align: center;
 
+			}
 
+
 
+			#overlay > div > button {
 
+				height: 20px;
 
+				background: transparent;
 
+				color: #ffffff;
 
+				outline: 1px solid #ffffff;
 
+				border: 0px;
 
+				cursor: pointer;
 
+			}
 
+
 
+			#overlay > div > p {
 
+				color: #777777;
 
+				font-size: 12px;
 
+			}
 
 		</style>
 
 		</style>
 
 
 
 		<script id="vertexShader" type="x-shader/x-vertex">
 
 		<script id="vertexShader" type="x-shader/x-vertex">