Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
javascript
/
three.js
-ын хуулбар https://github.com/tazdij/three.js.git
2
0
Салаа 0
Файлууд Асуудлууд 0 Мэдлэгийн сан
Эх сурвалжийг харах

Builds: Remove `three.js` and `three.min.js`. (#25435)

* Builds: Remove three.js and three.min.js.

* Clean up.

* Clean up.

* Docs: Clean up.
Michael Herzog 2 жил өмнө
parent
25198b05d1
commit
2d3ac962a8
29 өөрчлөгдсөн 103 нэмэгдсэн , 14569 устгасан
Өөрчлөлтийг ялгаж харах Өөрчлөлтийн статистик харах
  1. 0 12916
      build/three.js
  2. 0 5
      build/three.min.js
  3. 4 1
      docs/index.html
  4. 9 10
      docs/manual/ar/introduction/Creating-a-scene.html
  5. 10 10
      docs/manual/en/introduction/Creating-a-scene.html
  6. 10 10
      docs/manual/fr/introduction/Creating-a-scene.html
  7. 10 13
      docs/manual/it/introduction/Creating-a-scene.html
  8. 9 7
      docs/manual/ja/introduction/Creating-a-scene.html
  9. 9 7
      docs/manual/ko/introduction/Creating-a-scene.html
  10. 10 10
      docs/manual/pt-br/introduction/Creating-a-scene.html
  11. 9 7
      docs/manual/ru/introduction/Creating-a-scene.html
  12. 9 7
      docs/manual/zh/introduction/Creating-a-scene.html
  13. 13 6
      manual/index.html
  14. 0 82
      package-lock.json
  15. 1 6
      package.json
  16. 0 40
      test/benchmark/README.MD
  17. 0 103
      test/benchmark/benchmark.js
  18. 0 53
      test/benchmark/benchmarks.html
  19. 0 92
      test/benchmark/core/Float32Array.js
  20. 0 80
      test/benchmark/core/TriangleClosestPoint.js
  21. 0 70
      test/benchmark/core/UpdateMatrixWorld.js
  22. 0 154
      test/benchmark/core/Vector3Components.js
  23. 0 85
      test/benchmark/core/Vector3Length.js
  24. 0 134
      test/benchmark/core/Vector3Storage.js
  25. 0 419
      test/benchmark/normalize.css
  26. 0 96
      test/benchmark/style.css
  27. 0 0
      test/benchmark/vendor/benchmark-2.1.0.min.js
  28. 0 121
      test/benchmark/vendor/lodash.min.js
  29. 0 25
      utils/build/rollup.config.js

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 12916
build/three.js


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 5
build/three.min.js


+ 4 - 1
docs/index.html
Файл харах 

@@ -8,7 +8,10 @@
 
 		<link rel="shortcut icon" href="../files/favicon.ico" media="(prefers-color-scheme: light)" />
 
 		<link rel="stylesheet" type="text/css" href="../files/main.css">
 
 		<!-- console sandbox -->
 
-		<script src="../build/three.min.js" async defer></script>
 
+		<script type="module">
 
+			import * as THREE from '../build/three.module.js';
 
+			window.THREE = THREE;
 
+		</script>
 
 	</head>
 
 	<body>
 
 		<div id="panel">

+ 9 - 10
docs/manual/ar/introduction/Creating-a-scene.html
Файл харах 

@@ -13,10 +13,7 @@
 
 
 		<h2>قبل أن نبدأ</h2>
 
 
-		<p>
 
-			قبل أن يمكنك إستعمال المكتبة, يجب أن توفر مكان لإظهار المشهد. قم بإنشاء ملف HTML يحتوي الشفرة البرمجية التالية
 
-        	بصحبة نسخة من المكتبة [link:https://threejs.org/build/three.js three.js] في مجلد سمه js و من ثم فم بفتح الصفحة في المتصفح.
 
-		</p>
 
+		<p>Before you can use three.js, you need somewhere to display it. Save the following HTML to a file on your computer and open it in your browser.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -29,8 +26,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Our Javascript will go here.
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -218,7 +216,7 @@
 
 		</p>
 
 
 		<p>
 
-			الشفرة البرمجية الكاملة في الأسفل إلى جانب محرر مباشر [link:https://jsfiddle.net/fxurzeb4/ live example].
 
+			الشفرة البرمجية الكاملة في الأسفل إلى جانب محرر مباشر [link:https://jsfiddle.net/em4j9hvu/ live example].
 
 			أنت
 
 			مدعو للعب بالأوامر البرمجية لكي تصبح صورة كيفية عملها أوضح من قبل.
 
 		</p>
 
@@ -233,8 +231,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -256,7 +255,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 10 - 10
docs/manual/en/introduction/Creating-a-scene.html
Файл харах 

@@ -13,7 +13,7 @@
 
 
 		<h2>Before we start</h2>
 
 
-		<p>Before you can use three.js, you need somewhere to display it. Save the following HTML to a file on your computer, along with a copy of [link:https://threejs.org/build/three.js three.js] in the js/ directory, and open it in your browser.</p>
 
+		<p>Before you can use three.js, you need somewhere to display it. Save the following HTML to a file on your computer and open it in your browser.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -26,8 +26,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Our Javascript will go here.
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -59,9 +60,7 @@
 
 
 		<p>The next two attributes are the `near` and `far` clipping plane. What that means, is that objects further away from the camera than the value of `far` or closer than `near` won't be rendered. You don't have to worry about this now, but you may want to use other values in your apps to get better performance.</p>
 
 
-		<p>Next up is the renderer. This is where the magic happens. In addition to the WebGLRenderer we use here, three.js comes with a few others, often used as fallbacks for users with older browsers or for those who don't have WebGL support for some reason.</p>
 
-
 
-		<p>In addition to creating the renderer instance, we also need to set the size at which we want it to render our app. It's a good idea to use the width and height of the area we want to fill with our app - in this case, the width and height of the browser window. For performance intensive apps, you can also give `setSize` smaller values, like `window.innerWidth/2` and `window.innerHeight/2`, which will make the app render at quarter size.</p>
 
+		<p>Next up is the renderer. In addition to creating the renderer instance, we also need to set the size at which we want it to render our app. It's a good idea to use the width and height of the area we want to fill with our app - in this case, the width and height of the browser window. For performance intensive apps, you can also give `setSize` smaller values, like `window.innerWidth/2` and `window.innerHeight/2`, which will make the app render at quarter size.</p>
 
 
 		<p>If you wish to keep the size of your app but render it at a lower resolution, you can do so by calling `setSize` with false as `updateStyle` (the third argument). For example, `setSize(window.innerWidth/2, window.innerHeight/2, false)` will render your app at half resolution, given that your &lt;canvas&gt; has 100% width and height.</p>
 
 
@@ -116,7 +115,7 @@
 
 		<h2>The result</h2>
 
 		<p>Congratulations! You have now completed your first three.js application. It's simple, but you have to start somewhere.</p>
 
 
-		<p>The full code is available below and as an editable [link:https://jsfiddle.net/fxurzeb4/ live example]. Play around with it to get a better understanding of how it works.</p>
 
+		<p>The full code is available below and as an editable [link:https://jsfiddle.net/em4j9hvu/ live example]. Play around with it to get a better understanding of how it works.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -129,8 +128,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -152,7 +152,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 10 - 10
docs/manual/fr/introduction/Creating-a-scene.html
Файл харах 

@@ -13,7 +13,7 @@
 
 
 		<h2>Avant de commencer</h2>
 
 
-		<p>Avant de pouvoir utiliser three.js, vous aurez besoin d'un endroit pour l'afficher. Enregistrez le code HTML suivant dans un fichier sur votre ordinateur, ainsi qu'une copie de three.js dans le dossier js/, et ouvrez-le dans votre navigateur.</p>
 
+		<p>Avant de pouvoir utiliser three.js, vous aurez besoin d'un endroit pour l'afficher. Enregistrez le code HTML suivant dans un fichier sur votre ordinateur et ouvrez-le dans votre navigateur.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -26,8 +26,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Our Javascript will go here.
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -59,9 +60,7 @@
 
 
 		<p>Les deux attributs suivants sont le `near` et le `far` du plan de coupe. Les objets plus loins de la caméra que la valeur `far` ou plus proches que `near` ne seront pas rendus. Vous n'avez pas besoin de vous préoccuper de ça pour l'instant, mais vous devriez ajuster ces valeurs dans vos applications afin d'obtenir de meilleures performances.</p>
 
 
-		<p>Ensuite vient le moteur de rendu. C'est là où la magie opère. En plus du WebGLRenderer que nous utilisons ici, three.js est livré avec quelques autres moteurs de rendu, principalement utilisés comme moteurs de support pour les utilisateurs avec des navigateurs plus anciens ou n'ayant pas de support de WebGL.</p>
 
-
 
-		<p>En plus d'instancier le moteur de rendu, nous avons aussi besoin de définir la taille à laquelle doit-être effectué le rendu de l'application. Il est recommandé d'utiliser la largeur et la hauteur de la zone qu'est censée occuper l'application - dans ce cas, la largeur et la hauteur de la fenêtre du navigateur. Pour les applications gourmandes en ressources, vous pouvez aussi donner à `setSize` des valeurs plus petites, comme `window.innerWidth/2` et `window.innerHeight/2`, qui permettra d'effectuer le rendu à un quart de sa taille initiale.</p>
 
+		<p>Ensuite vient le moteur de rendu. En plus d'instancier le moteur de rendu, nous avons aussi besoin de définir la taille à laquelle doit-être effectué le rendu de l'application. Il est recommandé d'utiliser la largeur et la hauteur de la zone qu'est censée occuper l'application - dans ce cas, la largeur et la hauteur de la fenêtre du navigateur. Pour les applications gourmandes en ressources, vous pouvez aussi donner à `setSize` des valeurs plus petites, comme `window.innerWidth/2` et `window.innerHeight/2`, qui permettra d'effectuer le rendu à un quart de sa taille initiale.</p>
 
 
 		<p>Si vous souhaitez conserver la taille de votre application mais effectuer un rendu avec une résolution plus faible, vous pouvez le faire appelant `setSize` avec false comme `updateStyle` (le troisième argument). Par exemple, `setSize(window.innerWidth/2, window.innerHeight/2, false)` effectuera un rendu de votre application à demi-résolution, en considérant que votre &lt;canvas&gt; a 100% de largeur et de hauteur.</p>
 
 
@@ -116,7 +115,7 @@
 
 		<h2>Le résultat</h2>
 
 		<p>Félicitations! Vous avez maintenant terminé votre première application three.js. C'est trivial, mais il faut bien commencer quelque part.</p>
 
 
-		<p>Le code complet est disponible ci-dessous et ainsi que sous forme d'éditable [link:https://jsfiddle.net/fxurzeb4/ exemple live]. Amusez-vous avec pour avoir une meilleure idée de son fonctionnement.</p>
 
+		<p>Le code complet est disponible ci-dessous et ainsi que sous forme d'éditable [link:https://jsfiddle.net/em4j9hvu/ exemple live]. Amusez-vous avec pour avoir une meilleure idée de son fonctionnement.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -129,8 +128,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -152,7 +152,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 10 - 13
docs/manual/it/introduction/Creating-a-scene.html
Файл харах 

@@ -16,8 +16,7 @@
 
 		<h2>Prima di iniziare</h2>
 
 
 		<p>Prima di poter utilizzare three.js hai bisogno di un posto dove visualizzarlo. 
-      Salva il seguente codice HTML in un file sul tuo computer insieme ad una copia 
-      di [link:https://threejs.org/build/three.js three.js] nella cartella js/, e aprilo nel browser.</p>
 
+      Salva il seguente codice HTML in un file sul tuo computer e aprilo nel browser.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -30,8 +29,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Il nostro Javascript andrà qui
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -70,11 +70,7 @@
 
       rispetto al valore `near` non saranno renderizzati. Non è neccessario preoccuparsi di questo 
       aspetto adesso, ma potresti voler usare altri valori nella tua applicazione per avere delle prestazioni migliori.</p>
 
 
-		<p>Il prossimo passo è il renderer. È qui che avviene la magia. Oltre al WebGLRenderer che usiamo qui, 
-      three.js fornisce altri renderer, spesso usati come alternativa per utenti che usano browser più vecchi 
-      o per quelli che, per qualche motivo, non hanno il supporto WebGL. </p>
 
-
 
-		<p>Oltre a creare l'istanza del renderer, abbiamo bisogno di impostare le dimensioni con cui vogliamo che l'applicazione venga visualizzata. È una buona idea usare la larghezza e l'altezza dell'area che vogliamo riempire con la nostra applicazione - in questo caso, la larghezza e l'altezza della finestra del browser. Per le applicazioni ad alte prestazioni si possono dare a `setSize` dei valori più piccoli, come `window.innerWidth/2` e `window.innerHeight/2`, che faranno si che l'applicazione venga renderizzata ad una dimensione di un quarto.</p>
 
+		<p>Il prossimo passo è il renderer. È qui che avviene la magia. Oltre a creare l'istanza del renderer, abbiamo bisogno di impostare le dimensioni con cui vogliamo che l'applicazione venga visualizzata. È una buona idea usare la larghezza e l'altezza dell'area che vogliamo riempire con la nostra applicazione - in questo caso, la larghezza e l'altezza della finestra del browser. Per le applicazioni ad alte prestazioni si possono dare a `setSize` dei valori più piccoli, come `window.innerWidth/2` e `window.innerHeight/2`, che faranno si che l'applicazione venga renderizzata ad una dimensione di un quarto.</p>
 
 
 		<p>Se si desidera mantenere la dimensione dell'applicazione ma visualizzarla ad una risoluzione minore, è possibile farlo aggiungendo a `setSize` il valore false, corrispondente a `updateStyle` (il terzo parametro). Per esempio, `setSize(window.innerWidth/2, window.innerHeight/2, false)` visualizzerà l'applicazione a metà risoluzione, dato che il &lt;canvas&gt; ha larghezza e altezza del 100%.</p>
 
 
@@ -137,7 +133,7 @@
 
 		<h2>Il risultato</h2>
 
 		<p>Congratulazioni! Hai completato la tua prima applicazione three.js. È semplice, ma da qualche parte devi pur iniziare.</p>
 
 
-		<p>Il codice completo è disponibile di seguito e come esempio modificabile [link:https://jsfiddle.net/fxurzeb4/ live example]. Giocaci per capire meglio come funziona.</p>
 
+		<p>Il codice completo è disponibile di seguito e come esempio modificabile [link:https://jsfiddle.net/em4j9hvu/ live example]. Giocaci per capire meglio come funziona.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -150,8 +146,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -173,7 +170,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 9 - 7
docs/manual/ja/introduction/Creating-a-scene.html
Файл харах 

@@ -13,7 +13,7 @@
 
 
 		<h2>始める前に</h2>
 
 
-		<p>three.jsを使う前に、表示するための場所が必要です。以下のHTMLをPCのファイルに保存して、そのHTMLを保存したディレクトリにjs/ディレクトリを作成し[link:https://threejs.org/build/three.js three.js]のコピーを保存しておいてください。その後、保存したHTMLをブラウザで開いてください。</p>
 
+		<p>three.jsを使う前に、表示するための場所が必要です。Save the following HTML to a file on your computer and open it in your browser.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -26,8 +26,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Our Javascript will go here.
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -116,7 +117,7 @@
 
 		<h2>成果</h2>
 
 		<p>おめでとうございます。これで初めてのthree.jsアプリが完成しました。簡単なことですが、誰でもはじめは初心者です。</p>
 
 
-		<p>今回使用したコードは[link:https://jsfiddle.net/mkba0ecu/ live example]にあり編集可能です。紹介したコードがどうやって動作するかをより理解するために、それを使って遊んでみてください。</p>
 
+		<p>今回使用したコードは[link:https://jsfiddle.net/em4j9hvu/ live example]にあり編集可能です。紹介したコードがどうやって動作するかをより理解するために、それを使って遊んでみてください。</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -128,8 +129,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -151,7 +153,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 9 - 7
docs/manual/ko/introduction/Creating-a-scene.html
Файл харах 

@@ -13,7 +13,7 @@
 
 
 		<h2>시작하기에 앞서</h2>
 
 
-		<p>three.js를 사용하려면, 표시할 수 있는 공간이 필요합니다. 다음과 같이 HTML 파일을 만들고, js/ 디렉토리 안에 [link:https://threejs.org/build/three.js three.js] 파일을 만들고 연결시켜 웹 브라우저로 실행해주세요.</p>
 
+		<p>three.js를 사용하려면, 표시할 수 있는 공간이 필요합니다. Save the following HTML to a file on your computer and open it in your browser.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -27,8 +27,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+´
 
 					// Our Javascript will go here.
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -117,7 +118,7 @@
 
 		<h2>결과 화면</h2>
 
 		<p>축하합니다! 첫 three.js이 완성되었네요. 이제 본격적으로 시작해보면 됩니다.</p>
 
 
-		<p>전체 코드는 아래에 나와 있고 [link:https://jsfiddle.net/fxurzeb4/ live example]로도 확인해볼 수 있습니다. 잘 살펴보고 어떻게 구동되는지 확인해 보세요.</p>
 
+		<p>전체 코드는 아래에 나와 있고 [link:https://jsfiddle.net/em4j9hvu/ live example]로도 확인해볼 수 있습니다. 잘 살펴보고 어떻게 구동되는지 확인해 보세요.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -131,8 +132,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -154,7 +156,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 10 - 10
docs/manual/pt-br/introduction/Creating-a-scene.html
Файл харах 

@@ -13,7 +13,7 @@
 
 
 		<h2>Antes de começar</h2>
 
 
-		<p>Antes de começar usar o three.js, você precisa de algum lugar para mostrá-lo. Salve o HTML abaixo em um arquivo no seu computador, junto com uma cópia do [link:https://threejs.org/build/three.js three.js] na pasta js/, e abra o arquivo no navegador.</p>
 
+		<p>Antes de começar usar o three.js, você precisa de algum lugar para mostrá-lo. Salve o HTML abaixo em um arquivo no seu computador e abra o arquivo no navegador.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -26,8 +26,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Our Javascript will go here.
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -60,9 +61,7 @@
 
 
 		<p>Os próximos dois atributos são os planos de corte `near` e `far`. Isso significa que os objetos mais distantes da câmera do que o valor `far` ou mais próximos que o valor `near` não serão renderizados. Você não precisa se preocupar com isso agora, mas pode ser necessário usar outros valores em seus apps para obter uma melhor performance.</p>
 
 
-		<p>Em seguida temos o renderizador. É aqui que a mágica acontece. Além do WebGLRenderer que usamos aqui, three.js vem com alguns outros, frequentemente usados como substitutos para usuários com navegadores antigos ou para aqueles que não possuem suporte para WebGL por algum motivo.</p>
 
-
 
-		<p>Além da criação da intância do renderizador, nós também precisamos configurar o tamanho em que queremos renderizar nossa aplicação. É uma boa ideia usar o comprimento e a altura da área que queremos preencher com nossa aplicação - no nosso caso, o comprimento e altura da janela do navegador. Para aplicativos de alto desempenho, você pode fornecer valores menores para o `setSize`, como `window.innerWidth/2` e `window.innerHeight/2`, o que fará com que a aplicação seja renderizada no tamanho de um quarto do original.</p>
 
+		<p>Em seguida temos o renderizador. É aqui que a mágica acontece. Além da criação da intância do renderizador, nós também precisamos configurar o tamanho em que queremos renderizar nossa aplicação. É uma boa ideia usar o comprimento e a altura da área que queremos preencher com nossa aplicação - no nosso caso, o comprimento e altura da janela do navegador. Para aplicativos de alto desempenho, você pode fornecer valores menores para o `setSize`, como `window.innerWidth/2` e `window.innerHeight/2`, o que fará com que a aplicação seja renderizada no tamanho de um quarto do original.</p>
 
 
 		<p>Se você deseja manter o tamanho do seu aplicativo mas renderizá-lo em uma resolução mais baixa, você pode chamar o `setSize` passando false como `updateStyle` (o terceiro argumento). Por exemplo, `setSize(window.innerWidth/2, window.innerHeight/2, false)` irá renderizar sua aplicação na metade da resolução, já que seu elemento &lt;canvas&gt; tem 100% de comprimento e altura.</p>
 
 
@@ -118,7 +117,7 @@
 
 		<h2>O resultado</h2>
 
 		<p>Parabéns! Agora você concluiu seu primeiro aplicativo three.js. É simples, mas você tem que começar de algum lugar.</p>
 
 
-		<p>O código completo está disponível abaixo e como um [link:https://jsfiddle.net/fxurzeb4/ exemplo] editável. Brinque com ele para entender melhor como funciona.</p>
 
+		<p>O código completo está disponível abaixo e como um [link:https://jsfiddle.net/em4j9hvu/ exemplo] editável. Brinque com ele para entender melhor como funciona.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -131,8 +130,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -154,7 +154,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 9 - 7
docs/manual/ru/introduction/Creating-a-scene.html
Файл харах 

@@ -14,7 +14,7 @@
 
 		<h2>Прежде чем мы начнем</h2>
 
 
 		<p>
 
-			Прежде чем вы сможете использовать three.js , вам нужно где-то его отобразить. Сохраните следующий HTML-код в файл на вашем компьютере вместе с копией [link:https://threejs.org/build/three.js three.js] в каталоге js/ и откройте его в своем браузере.
 
+			Прежде чем вы сможете использовать three.js , вам нужно где-то его отобразить. Save the following HTML to a file on your computer and open it in your browser.
 
 		</p>
 
 
 		<code>
 
@@ -28,8 +28,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Наш Javascript будет здесь..
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -115,7 +116,7 @@
 
 
 		<p>Поздравляю! Теперь вы завершили свой первый three.js применение. Это просто, но вы должны с чего-то начать.</p>
 
 
-		<p>Полный код доступен ниже и доступен для редактирования [link:https://jsfiddle.net/fxurzeb4/ live example]. Поиграйте с ним, чтобы лучше понять, как он работает.</p>
 
+		<p>Полный код доступен ниже и доступен для редактирования [link:https://jsfiddle.net/em4j9hvu/ live example]. Поиграйте с ним, чтобы лучше понять, как он работает.</p>
 
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -128,8 +129,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -151,7 +153,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 9 - 7
docs/manual/zh/introduction/Creating-a-scene.html
Файл харах 

@@ -13,7 +13,7 @@
 
 
 		<h2>开始之前</h2>
 
 		<p>
 
-			在开始使用three.js之前，你需要一个地方来显示它。将下列HTML代码保存为你电脑上的一个HTML文件，同时将[link:https://threejs.org/build/three.js three.js]复制到该HTML文件所在的目录下的js/目录下，然后在你的浏览器中打开这个HTML文件。
 
+			在开始使用three.js之前，你需要一个地方来显示它。将下列HTML代码保存为你电脑上的一个HTML文件然后在你的浏览器中打开这个HTML文件。
 
 		</p>
 
 		<code>
 
 		&lt;!DOCTYPE html&gt;
 
@@ -26,8 +26,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					// Our Javascript will go here.
 
 				&lt;/script&gt;
 
 			&lt;/body&gt;
 
@@ -117,7 +118,7 @@
 
 		<h2>结果</h2>
 
 		<p>祝贺你！你现在已经成功完成了你的第一个Three.js应用程序。虽然它很简单，但现在你已经有了一个入门的起点。</p>
 
 
-		<p>下面是完整的代码，可在[link:https://jsfiddle.net/fxurzeb4/ live example]运行、编辑；运行或者修改代码有助于你更好的理解它是如何工作的。</p>
 
+		<p>下面是完整的代码，可在[link:https://jsfiddle.net/em4j9hvu/ live example]运行、编辑；运行或者修改代码有助于你更好的理解它是如何工作的。</p>
 
 
 		<code>
 
 		&lt;html&gt;
 
@@ -129,8 +130,9 @@
 
 				&lt;/style&gt;
 
 			&lt;/head&gt;
 
 			&lt;body&gt;
 
-				&lt;script src="js/three.js"&gt;&lt;/script&gt;
 
-				&lt;script&gt;
 
+				&lt;script type="module"&gt;
 
+					import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
+
 
 					const scene = new THREE.Scene();
 
 					const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
 
 
@@ -152,7 +154,7 @@
 
 						cube.rotation.y += 0.01;
 
 
 						renderer.render( scene, camera );
 
-					};
 
+					}
 
 
 					animate();
 
 				&lt;/script&gt;

+ 13 - 6
manual/index.html
Файл харах 

@@ -8,7 +8,10 @@
 
 		<link rel="shortcut icon" href="../files/favicon.ico" media="(prefers-color-scheme: light)" />
 
 		<link rel="stylesheet" type="text/css" href="../files/main.css">
 
 		<!-- console sandbox -->
 
-		<script src="../build/three.min.js" async defer></script>
 
+		<script type="module">
 
+			import * as THREE from '../build/three.module.js';
 
+			window.THREE = THREE;
 
+		</script>
 
 	</head>
 
 	<body>
 
 		<div id="panel">
 
@@ -492,17 +495,21 @@
 
 				// We can have 2 hashes. One for the main page, one for the page it's referencing
 
 				// In other words
 
 				//	 #en/somePage#someSectionOfPage
 
-				const subHash = splitHash[0].indexOf('#');
 
+				const subHash = splitHash[ 0 ].indexOf( '#' );
 
 				let src;
 
-				if (subHash >= 0) {
 
-					const beforeSubHash = splitHash[0].slice(0, subHash);
 
-					const afterSubHash = splitHash[0].slice(subHash);
 
+				if ( subHash >= 0 ) {
 
+
 
+					const beforeSubHash = splitHash[ 0 ].slice( 0, subHash );
 
+					const afterSubHash = splitHash[ 0 ].slice( subHash );
 
 					src = `${beforeSubHash}.html${afterSubHash}${splitHash[ 1 ]}`;
 
+		
 				} else {
 
+
 
 					src = splitHash[ 0 ] + '.html' + splitHash[ 1 ];
 
+		
 				}
 
 
-				iframe.src = src;  // lgtm[js/client-side-unvalidated-url-redirection]
 
+				iframe.src = src; // lgtm[js/client-side-unvalidated-url-redirection]
 
 				iframe.style.display = 'unset';
 
 
 			} else {

+ 0 - 82
package-lock.json
Файл харах 

@@ -10,7 +10,6 @@
 
       "license": "MIT",
 
       "devDependencies": {
 
         "@rollup/plugin-node-resolve": "^15.0.1",
 
-        "@rollup/plugin-terser": "^0.4.0",
 
         "chalk": "^5.2.0",
 
         "concurrently": "^7.6.0",
 
         "eslint": "^8.33.0",
 
@@ -787,28 +786,6 @@
 
         }
 
       }
 
     },
 
-    "node_modules/@rollup/plugin-terser": {
 
-      "version": "0.4.0",
 
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.0.tgz",
 
-      "integrity": "sha512-Ipcf3LPNerey1q9ZMjiaWHlNPEHNU/B5/uh9zXLltfEQ1lVSLLeZSgAtTPWGyw8Ip1guOeq+mDtdOlEj/wNxQw==",
 
-      "dev": true,
 
-      "dependencies": {
 
-        "serialize-javascript": "^6.0.0",
 
-        "smob": "^0.0.6",
 
-        "terser": "^5.15.1"
 
-      },
 
-      "engines": {
 
-        "node": ">=14.0.0"
 
-      },
 
-      "peerDependencies": {
 
-        "rollup": "^2.x || ^3.x"
 
-      },
 
-      "peerDependenciesMeta": {
 
-        "rollup": {
 
-          "optional": true
 
-        }
 
-      }
 
-    },
 
     "node_modules/@rollup/pluginutils": {
 
       "version": "5.0.2",
 
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
 
@@ -5303,15 +5280,6 @@
 
         "node": ">= 10"
 
       }
 
     },
 
-    "node_modules/randombytes": {
 
-      "version": "2.1.0",
 
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
 
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
 
-      "dev": true,
 
-      "dependencies": {
 
-        "safe-buffer": "^5.1.0"
 
-      }
 
-    },
 
     "node_modules/range-parser": {
 
       "version": "1.2.1",
 
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
 
@@ -5724,15 +5692,6 @@
 
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
 
       "dev": true
 
     },
 
-    "node_modules/serialize-javascript": {
 
-      "version": "6.0.1",
 
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
 
-      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
 
-      "dev": true,
 
-      "dependencies": {
 
-        "randombytes": "^2.1.0"
 
-      }
 
-    },
 
     "node_modules/serve-index": {
 
       "version": "1.9.1",
 
       "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
 
@@ -5977,12 +5936,6 @@
 
         "npm": ">= 3.0.0"
 
       }
 
     },
 
-    "node_modules/smob": {
 
-      "version": "0.0.6",
 
-      "resolved": "https://registry.npmjs.org/smob/-/smob-0.0.6.tgz",
 
-      "integrity": "sha512-V21+XeNni+tTyiST1MHsa84AQhT1aFZipzPpOFAVB8DkHzwJyjjAmt9bgwnuZiZWnIbMo2duE29wybxv/7HWUw==",
 
-      "dev": true
 
-    },
 
     "node_modules/socks": {
 
       "version": "2.7.1",
 
       "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz",
 
@@ -7474,17 +7427,6 @@
 
         "resolve": "^1.22.1"
 
       }
 
     },
 
-    "@rollup/plugin-terser": {
 
-      "version": "0.4.0",
 
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.4.0.tgz",
 
-      "integrity": "sha512-Ipcf3LPNerey1q9ZMjiaWHlNPEHNU/B5/uh9zXLltfEQ1lVSLLeZSgAtTPWGyw8Ip1guOeq+mDtdOlEj/wNxQw==",
 
-      "dev": true,
 
-      "requires": {
 
-        "serialize-javascript": "^6.0.0",
 
-        "smob": "^0.0.6",
 
-        "terser": "^5.15.1"
 
-      }
 
-    },
 
     "@rollup/pluginutils": {
 
       "version": "5.0.2",
 
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz",
 
@@ -10877,15 +10819,6 @@
 
         }
 
       }
 
     },
 
-    "randombytes": {
 
-      "version": "2.1.0",
 
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
 
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
 
-      "dev": true,
 
-      "requires": {
 
-        "safe-buffer": "^5.1.0"
 
-      }
 
-    },
 
     "range-parser": {
 
       "version": "1.2.1",
 
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
 
@@ -11195,15 +11128,6 @@
 
         }
 
       }
 
     },
 
-    "serialize-javascript": {
 
-      "version": "6.0.1",
 
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz",
 
-      "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==",
 
-      "dev": true,
 
-      "requires": {
 
-        "randombytes": "^2.1.0"
 
-      }
 
-    },
 
     "serve-index": {
 
       "version": "1.9.1",
 
       "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
 
@@ -11409,12 +11333,6 @@
 
       "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
 
       "dev": true
 
     },
 
-    "smob": {
 
-      "version": "0.0.6",
 
-      "resolved": "https://registry.npmjs.org/smob/-/smob-0.0.6.tgz",
 
-      "integrity": "sha512-V21+XeNni+tTyiST1MHsa84AQhT1aFZipzPpOFAVB8DkHzwJyjjAmt9bgwnuZiZWnIbMo2duE29wybxv/7HWUw==",
 
-      "dev": true
 
-    },
 
     "socks": {
 
       "version": "2.7.1",
 
       "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz",

+ 1 - 6
package.json
Файл харах 

@@ -3,7 +3,7 @@
 
   "version": "0.149.0",
 
   "description": "JavaScript 3D library",
 
   "type": "module",
 
-  "main": "./build/three.js",
 
+  "main": "./build/three.cjs",
 
   "module": "./build/three.module.js",
 
   "exports": {
 
     ".": {
 
@@ -22,9 +22,7 @@
 
   },
 
   "sideEffects": false,
 
   "files": [
 
-    "build/three.js",
 
     "build/three.cjs",
 
-    "build/three.min.js",
 
     "build/three.module.js",
 
     "examples/jsm",
 
     "examples/fonts",
 
@@ -141,7 +139,6 @@
 
   "homepage": "https://threejs.org/",
 
   "devDependencies": {
 
     "@rollup/plugin-node-resolve": "^15.0.1",
 
-    "@rollup/plugin-terser": "^0.4.0",
 
     "chalk": "^5.2.0",
 
     "concurrently": "^7.6.0",
 
     "eslint": "^8.33.0",
 
@@ -168,8 +165,6 @@
 
       "package.json",
 
       "LICENSE",
 
       "README.md",
 
-      "build/three.js",
 
-      "build/three.min.js",
 
       "build/three.module.js"
 
     ],
 
     "directories": {}

+ 0 - 40
test/benchmark/README.MD
Файл харах 

@@ -1,40 +0,0 @@
 
-# THREEJS Benchmark Suite
 
-
 
-### Example: Adding a New Suite
 
-
 
-For adding a new Tests we need two things
 
- - Adding the Test File
 
- - Linking it on the benchmark.html page
 
-
 
-Some example could be like this
 
-```javascript
 
-(function() {
 
-  // We want to make sure THREE.JS is loaded for this Benchmark
 
-  var THREE
 
-  if (Bench.isTHREELoaded()) {
 
-    THREE = Bench.THREE;
 
-  } else {
 
-    Bench.warning("Test Example Benchmark not loaded because THREEJS was not loaded");
 
-    return;
 
-  }
 
-
 
-  var s = Bench.newSuite("Example Benchmark Distance Calculation");
 
-
 
-  var v2a = new THREE.Vector2(3.0, 3.0);
 
-  var v2b = new THREE.Vector2(9.0, -3.0);
 
-
 
-  var v3a = new THREE.Vector3(3.0, 3.0, 0.0);
 
-  var v3b = new THREE.Vector3(9.0, -3.0, 0.0);
 
-
 
-  s.add("Vector3", function() {
 
-    v3a.distanceTo(v3b);
 
-  })
 
-
 
-  s.add("Vector2", function() {
 
-    v2a.distanceTo(v2b);
 
-
 
-  })
 
-})();
 
-```
 
-
 
-Remember that THREEJS library is only accesible via `Bench.THREE`

+ 0 - 103
test/benchmark/benchmark.js
Файл харах 

@@ -1,103 +0,0 @@
 
-var BenchClass = function () {
 
-
 
-	this.suites = [];
 
-	this.THREE = window.THREE;
 
-	window.THREE = undefined;
 
-	Benchmark.options.maxTime = 1.0;
 
-	return this;
 
-
 
-};
 
-
 
-BenchClass.prototype.isTHREELoaded = function () {
 
-
 
-	return _.isObject( this.THREE ); // eslint-disable-line no-undef
 
-
 
-};
 
-
 
-BenchClass.prototype.newSuite = function ( name ) {
 
-
 
-	var s = new Benchmark.Suite( name );
 
-	this.suites.push( s );
 
-	return s;
 
-
 
-};
 
-
 
-BenchClass.prototype.display = function () {
 
-
 
-	for ( var x of this.suites ) {
 
-
 
-		var s = new SuiteUI( x );
 
-		s.render();
 
-
 
-	}
 
-
 
-};
 
-
 
-BenchClass.prototype.warning = function ( message ) {
 
-
 
-	console.error( message );
 
-
 
-};
 
-
 
-var SuiteUI = function ( suite ) {
 
-
 
-	this.suite = suite;
 
-	this.isRunning = false;
 
-	return this;
 
-
 
-};
 
-
 
-SuiteUI.prototype.render = function () {
 
-
 
-	var n = document.importNode( this.suiteTemplate, true );
 
-	this.elem = n.querySelector( 'article' );
 
-	this.results = n.querySelector( '.results' );
 
-	this.title = n.querySelector( 'h2' );
 
-	this.runButton = n.querySelector( 'h3' );
 
-
 
-	this.title.innerText = this.suite.name;
 
-	this.runButton.onclick = this.run.bind( this );
 
-
 
-	this.section.appendChild( n );
 
-
 
-};
 
-
 
-SuiteUI.prototype.run = function () {
 
-
 
-	this.runButton.click = _.noop; // eslint-disable-line no-undef
 
-	this.runButton.innerText = 'Running...';
 
-	this.suite.on( 'complete', this.complete.bind( this ) );
 
-	this.suite.run( {
 
-		async: true
 
-	} );
 
-
 
-};
 
-
 
-SuiteUI.prototype.complete = function () {
 
-
 
-	this.runButton.style.display = 'none';
 
-	this.results.style.display = 'block';
 
-	var f = _.orderBy( this.suite, [ 'hz' ], [ 'desc' ] ); // eslint-disable-line no-undef
 
-	for ( var i = 0; i < f.length; i ++ ) {
 
-
 
-		var x = f[ i ];
 
-		var n = document.importNode( this.suiteTestTemplate, true );
 
-		n.querySelector( '.name' ).innerText = x.name;
 
-		n.querySelector( '.ops' ).innerText = x.hz.toFixed();
 
-		n.querySelector( '.desv' ).innerText = x.stats.rme.toFixed( 2 );
 
-		this.results.appendChild( n );
 
-
 
-	}
 
-
 
-};
 
-
 
-var Bench = new BenchClass();
 
-window.addEventListener( 'load', function () {
 
-
 
-	SuiteUI.prototype.suiteTemplate = document.querySelector( '#suite' ).content;
 
-	SuiteUI.prototype.suiteTestTemplate = document.querySelector( '#suite-test' ).content;
 
-	SuiteUI.prototype.section = document.querySelector( 'section' );
 
-
 
-	Bench.display();
 
-
 
-} );

+ 0 - 53
test/benchmark/benchmarks.html
Файл харах 

@@ -1,53 +0,0 @@
 
-<!DOCTYPE html>
 
-<html>
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <title>ThreeJS Benchmark Tests - Using Files in /src</title>
 
-    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:700" rel="stylesheet" type="text/css">
 
-    <link href="normalize.css" rel="stylesheet" type="text/css">
 
-    <link href="style.css" rel="stylesheet" type="text/css">
 
-    <script src="../../build/three.min.js"></script>
 
-    <script src="vendor/lodash.min.js"></script>
 
-    <script src="vendor/benchmark-2.1.0.min.js"></script>
 
-    <script src="benchmark.js"></script>
 
-
 
-    <script src="core/Vector3Components.js"></script>
 
-    <script src="core/Vector3Storage.js"></script>
 
-    <script src="core/Vector3Length.js"></script>
 
-    <script src="core/Float32Array.js"></script>
 
-    <script src="core/UpdateMatrixWorld.js"></script>
 
-    <script src="core/TriangleClosestPoint.js"></script>
 
-  </head>
 
-  <body>
 
-    <header>
 
-      <h1>Three JS Benchmarks Suite</h1>
 
-    </header>
 
-    <section>
 
-    </section>
 
-
 
-    <template id="suite">
 
-      <article>
 
-        <header>
 
-          <h2></h2>
 
-          <h3>Start</h3>
 
-        </header>
 
-        <div class="results">
 
-          <div class"head">
 
-            <p class="name">Name</p>
 
-            <p class="ops">Ops / Sec</p>
 
-            <p class="desv">±</p>
 
-          </div>
 
-        </div>
 
-      </article>
 
-    </template>
 
-
 
-    <template id="suite-test">
 
-      <div>
 
-        <p class="name"></p>
 
-        <p class="ops"></p>
 
-        <p class="desv"></p>
 
-    </div>
 
-  </template>
 
-
 
-</body>
 
-</html>

+ 0 - 92
test/benchmark/core/Float32Array.js
Файл харах 

@@ -1,92 +0,0 @@
 
-( function () {
 
-
 
-	var input = new Float32Array( 10000 * 3 );
 
-	var output = new Float32Array( 10000 * 3 );
 
-
 
-	for ( var j = 0, jl = input.length; j < jl; j ++ ) {
 
-
 
-		input[ j ] = j;
 
-
 
-	}
 
-
 
-	var s = Bench.newSuite( 'Float 32 Arrays' );
 
-
 
-	s.add( 'Float32Array-Float32Array', function () {
 
-
 
-		var value3 = new Float32Array( 3 );
 
-		for ( var i = 0, il = input.length / 3; i < il; i += 3 ) {
 
-
 
-			value3[ 0 ] = input[ i + 0 ];
 
-			value3[ 1 ] = input[ i + 1 ];
 
-			value3[ 2 ] = input[ i + 2 ];
 
-			value3[ 0 ] *= 1.01;
 
-			value3[ 1 ] *= 1.03;
 
-			value3[ 2 ] *= 0.98;
 
-			output[ i + 0 ] = value3[ 0 ];
 
-			output[ i + 1 ] = value3[ 1 ];
 
-			output[ i + 2 ] = value3[ 2 ];
 
-
 
-		}
 
-
 
-	} );
 
-
 
-	s.add( 'Float32Array-Array', function () {
 
-
 
-		var value2 = [ 0, 0, 0 ];
 
-		for ( var i = 0, il = input.length / 3; i < il; i += 3 ) {
 
-
 
-			value2[ 0 ] = input[ i + 0 ];
 
-			value2[ 1 ] = input[ i + 1 ];
 
-			value2[ 2 ] = input[ i + 2 ];
 
-			value2[ 0 ] *= 1.01;
 
-			value2[ 1 ] *= 1.03;
 
-			value2[ 2 ] *= 0.98;
 
-			output[ i + 0 ] = value2[ 0 ];
 
-			output[ i + 1 ] = value2[ 1 ];
 
-			output[ i + 2 ] = value2[ 2 ];
 
-
 
-		}
 
-
 
-	} );
 
-
 
-	s.add( 'Float32Array-Literal', function () {
 
-
 
-		var x,
 
-			y,
 
-			z;
 
-		for ( var i = 0, il = input.length / 3; i < il; i += 3 ) {
 
-
 
-			x = input[ i + 0 ];
 
-			y = input[ i + 1 ];
 
-			z = input[ i + 2 ];
 
-			x *= 1.01;
 
-			y *= 1.03;
 
-			z *= 0.98;
 
-			output[ i + 0 ] = x;
 
-			output[ i + 1 ] = y;
 
-			output[ i + 2 ] = z;
 
-
 
-		}
 
-
 
-	} );
 
-
 
-	s.add( 'Float32Array-Vector3', function () {
 
-
 
-		var value = new THREE.Vector3();
 
-		for ( var i = 0, il = input.length / 3; i < il; i += 3 ) {
 
-
 
-			value.x = input[ i + 0 ];
 
-			value.y = input[ i + 1 ];
 
-			value.z = input[ i + 2 ];
 
-			value.x *= 1.01;
 
-			value.y *= 1.03;
 
-			value.z *= 0.98;
 
-			output[ i + 0 ] = value.x;
 
-			output[ i + 1 ] = value.y;
 
-			output[ i + 2 ] = value.z;
 
-
 
-		}
 
-
 
-	} );
 
-
 
-} )();

+ 0 - 80
test/benchmark/core/TriangleClosestPoint.js
Файл харах 

@@ -1,80 +0,0 @@
 
-( function () {
 
-
 
-	THREE = Bench.THREE;
 
-
 
-	// these vertices and triangles are those of a unit icosahedron centered at the origin
 
-	var phi = 1.618;
 
-	var verts = [
 
-		[ phi, 1, 0 ], [ - phi, 1, 0 ], [ phi, - 1, 0 ], [ - phi, - 1, 0 ],
 
-		[ 1, 0, phi ], [ 1, 0, - phi ], [ - 1, 0, phi ], [ - 1, 0, - phi ],
 
-		[ 0, phi, 1 ], [ 0, - phi, 1 ], [ 0, phi, - 1 ], [ 0, - phi, - 1 ],
 
-	];
 
-	var createVertex = function ( c ) {
 
-
 
-		return new THREE.Vector3( c[ 0 ], c[ 1 ], c[ 2 ] );
 
-
 
-	};
 
-
 
-	var createTriangle = function ( i0, i1, i2 ) {
 
-
 
-		return new THREE.Triangle( createVertex( verts[ i0 ] ), createVertex( verts[ i1 ] ), createVertex( verts[ i2 ] ) );
 
-
 
-	};
 
-
 
-	var triangles = [
 
-		createTriangle( 0, 8, 4 ),
 
-		createTriangle( 0, 5, 10 ),
 
-		createTriangle( 2, 4, 9 ),
 
-		createTriangle( 2, 11, 5 ),
 
-		createTriangle( 1, 6, 8 ),
 
-		createTriangle( 1, 10, 7 ),
 
-		createTriangle( 3, 9, 6 ),
 
-		createTriangle( 3, 7, 11 ),
 
-		createTriangle( 0, 10, 8 ),
 
-		createTriangle( 1, 8, 10 ),
 
-		createTriangle( 2, 9, 11 ),
 
-		createTriangle( 3, 9, 11 ),
 
-		createTriangle( 4, 2, 0 ),
 
-		createTriangle( 5, 0, 2 ),
 
-		createTriangle( 6, 1, 3 ),
 
-		createTriangle( 7, 3, 1 ),
 
-		createTriangle( 8, 6, 4 ),
 
-		createTriangle( 9, 4, 6 ),
 
-		createTriangle( 10, 5, 7 ),
 
-		createTriangle( 11, 7, 5 ),
 
-	];
 
-	// test a variety of points all in and around the icosahedron
 
-	var testPoints = [];
 
-	for ( var x = - 2; x <= 2; x += 0.5 ) {
 
-
 
-		for ( var y = - 2; y <= 2; y += 0.5 ) {
 
-
 
-			for ( var z = - 2; z <= 2; z += 0.5 ) {
 
-
 
-				testPoints.push( new THREE.Vector3( x, y, z ) );
 
-
 
-			}
 
-
 
-		}
 
-
 
-	}
 
-
 
-	var s = Bench.newSuite( 'Clamping point into triangles' );
 
-
 
-	s.add( '9^3 points, 20 triangles', function () {
 
-
 
-		var target = new THREE.Vector3();
 
-		for ( var tidx = 0; tidx < triangles.length; tidx ++ ) {
 
-
 
-			var triangle = triangles[ tidx ];
 
-			for ( var pidx = 0; pidx < testPoints.length; pidx ++ ) {
 
-
 
-				triangle.closestPointToPoint( testPoints[ pidx ], target );
 
-
 
-			}
 
-
 
-		}
 
-
 
-	} );
 
-
 
-} )();

+ 0 - 70
test/benchmark/core/UpdateMatrixWorld.js
Файл харах 

@@ -1,70 +0,0 @@
 
-( function () {
 
-
 
-	THREE = Bench.THREE;
 
-
 
-	var position = new THREE.Vector3( 1, 1, 1 );
 
-	var scale = new THREE.Vector3( 2, 1, 0.5 );
 
-	var quaternion = new THREE.Quaternion();
 
-	quaternion.setFromAxisAngle( new THREE.Vector3( 0, 1, 0 ), Math.PI / 8 );
 
-	var createLocallyOffsetChild = function () {
 
-
 
-		var child = new THREE.Object3D();
 
-		child.position.copy( position );
 
-		child.scale.copy( scale );
 
-		child.quaternion.copy( quaternion );
 
-
 
-		return child;
 
-
 
-	};
 
-
 
-	var generateSceneGraph = function ( root, depth, breadth, initObject ) {
 
-
 
-		if ( depth > 0 ) {
 
-
 
-			for ( var i = 0; i < breadth; i ++ ) {
 
-
 
-				var child = initObject();
 
-				root.add( child );
 
-				generateSceneGraph( child, depth - 1, breadth, initObject );
 
-
 
-			}
 
-
 
-		}
 
-
 
-		return root;
 
-
 
-	};
 
-
 
-	var nodeCount = function ( root ) {
 
-
 
-		return root.children.reduce( function ( acc, x ) {
 
-
 
-			return acc + nodeCount( x );
 
-
 
-		}, 1 );
 
-
 
-	};
 
-
 
-	var rootA = generateSceneGraph( new THREE.Object3D(), 100, 1, createLocallyOffsetChild );
 
-	var rootB = generateSceneGraph( new THREE.Object3D(), 3, 10, createLocallyOffsetChild );
 
-	var rootC = generateSceneGraph( new THREE.Object3D(), 9, 3, createLocallyOffsetChild );
 
-
 
-	var s = Bench.newSuite( 'Update world transforms' );
 
-
 
-	s.add( 'Update graph depth=100, breadth=1 (' + nodeCount( rootA ) + ' nodes)', function () {
 
-
 
-		rootA.updateMatrixWorld( true );
 
-
 
-	} );
 
-	s.add( 'Update graph depth=3, breadth=10 (' + nodeCount( rootB ) + ' nodes)', function () {
 
-
 
-		rootB.updateMatrixWorld( true );
 
-
 
-	} );
 
-	s.add( 'Update graph depth=9, breadth=3 (' + nodeCount( rootC ) + ' nodes)', function () {
 
-
 
-		rootC.updateMatrixWorld( true );
 
-
 
-	} );
 
-
 
-} )();

+ 0 - 154
test/benchmark/core/Vector3Components.js
Файл харах 

@@ -1,154 +0,0 @@
 
-( function () {
 
-
 
-	var s = Bench.newSuite( 'Vector 3 Components' );
 
-
 
-	THREE = {};
 
-
 
-	THREE.Vector3 = function ( x, y, z ) {
 
-
 
-		this.x = x || 0;
 
-		this.y = y || 0;
 
-		this.z = z || 0;
 
-
 
-	};
 
-
 
-	THREE.Vector3.prototype = {
 
-		constructor: THREE.Vector3,
 
-		setComponent: function ( index, value ) {
 
-
 
-			this[ THREE.Vector3.__indexToName[ index ] ] = value;
 
-
 
-		},
 
-
 
-		getComponent: function ( index ) {
 
-
 
-			return this[ THREE.Vector3.__indexToName[ index ] ];
 
-
 
-		},
 
-
 
-		setComponent2: function ( index, value ) {
 
-
 
-			switch ( index ) {
 
-
 
-				case 0:
 
-					this.x = value;
 
-					break;
 
-				case 1:
 
-					this.y = value;
 
-					break;
 
-				case 2:
 
-					this.z = value;
 
-					break;
 
-				default:
 
-					throw new Error( 'index is out of range: ' + index );
 
-
 
-			}
 
-
 
-		},
 
-
 
-		getComponent2: function ( index ) {
 
-
 
-			switch ( index ) {
 
-
 
-				case 0:
 
-					return this.x;
 
-				case 1:
 
-					return this.y;
 
-				case 2:
 
-					return this.z;
 
-				default:
 
-					throw new Error( 'index is out of range: ' + index );
 
-
 
-			}
 
-
 
-		},
 
-
 
-
 
-		getComponent3: function ( index ) {
 
-
 
-			if ( index === 0 ) return this.x;
 
-			if ( index === 1 ) return this.y;
 
-			if ( index === 2 ) return this.z;
 
-			throw new Error( 'index is out of range: ' + index );
 
-
 
-		},
 
-
 
-		getComponent4: function ( index ) {
 
-
 
-			if ( index === 0 ) return this.x; else if ( index === 1 ) return this.y; else if ( index === 2 ) return this.z;
 
-			else
 
-				throw new Error( 'index is out of range: ' + index );
 
-
 
-		}
 
-	};
 
-
 
-
 
-	THREE.Vector3.__indexToName = {
 
-		0: 'x',
 
-		1: 'y',
 
-		2: 'z'
 
-	};
 
-
 
-	var a = [];
 
-	for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-		a[ i ] = new THREE.Vector3( i * 0.01, i * 2, i * - 1.3 );
 
-
 
-	}
 
-
 
-
 
-
 
-
 
-	s.add( 'IndexToName', function () {
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			result += a[ i ].getComponent( i % 3 );
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-	s.add( 'SwitchStatement', function () {
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			result += a[ i ].getComponent2( i % 3 );
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-	s.add( 'IfAndReturnSeries', function () {
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			result += a[ i ].getComponent3( i % 3 );
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-	s.add( 'IfReturnElseSeries', function () {
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			result += a[ i ].getComponent4( i % 3 );
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-} )();

+ 0 - 85
test/benchmark/core/Vector3Length.js
Файл харах 

@@ -1,85 +0,0 @@
 
-( function () {
 
-
 
-	var THREE = {};
 
-
 
-	THREE.Vector3 = function ( x, y, z ) {
 
-
 
-		this.x = x || 0;
 
-		this.y = y || 0;
 
-		this.z = z || 0;
 
-
 
-	};
 
-
 
-	THREE.Vector3.prototype = {
 
-		constructor: THREE.Vector3,
 
-		lengthSq: function () {
 
-
 
-			return this.x * this.x + this.y * this.y + this.z * this.z;
 
-
 
-		},
 
-
 
-		length: function () {
 
-
 
-			return Math.sqrt( this.lengthSq() );
 
-
 
-		},
 
-
 
-		length2: function () {
 
-
 
-			return Math.sqrt( this.x * this.x + this.y * this.y + this.z * this.z );
 
-
 
-		}
 
-
 
-	};
 
-
 
-	var a = [];
 
-	for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-		a[ i ] = new THREE.Vector3( i * 0.01, i * 2, i * - 1.3 );
 
-
 
-	}
 
-
 
-
 
-	var suite = Bench.newSuite( 'Vector 3 Length' );
 
-
 
-	suite.add( 'NoCallTest', function () {
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			var v = a[ i ];
 
-			result += Math.sqrt( v.x * v.x + v.y * v.y + v.z * v.z );
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-	suite.add( 'InlineCallTest', function () {
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			result += a[ i ].length2();
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-	suite.add( 'FunctionCallTest', function () {
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			result += a[ i ].length();
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-} )();

+ 0 - 134
test/benchmark/core/Vector3Storage.js
Файл харах 

@@ -1,134 +0,0 @@
 
-( function () {
 
-
 
-	THREE = {};
 
-
 
-	THREE.Vector3 = function ( x, y, z ) {
 
-
 
-		this.x = x || 0;
 
-		this.y = y || 0;
 
-		this.z = z || 0;
 
-
 
-	};
 
-
 
-	THREE.Vector3.prototype = {
 
-
 
-		constructor: THREE.Vector3,
 
-
 
-		length: function () {
 
-
 
-			return Math.sqrt( this.x * this.x + this.y * this.y + this.z * this.z );
 
-
 
-		}
 
-
 
-	};
 
-
 
-	THREE.Vector3X = function ( x, y, z ) {
 
-
 
-		var elements = this.elements = new Float32Array( 3 );
 
-		elements[ 0 ] = x || 0;
 
-		elements[ 1 ] = y || 1;
 
-		elements[ 2 ] = z || 2;
 
-
 
-	};
 
-
 
-	THREE.Vector3X.prototype = {
 
-
 
-		constructor: THREE.Vector3X,
 
-
 
-		length: function () {
 
-
 
-			return Math.sqrt( this.elements[ 0 ] * this.elements[ 0 ] + this.elements[ 1 ] * this.elements[ 1 ] + this.elements[ 2 ] * this.elements[ 2 ] );
 
-
 
-		}
 
-
 
-	};
 
-
 
-
 
-	THREE.Vector3Y = function ( x, y, z ) {
 
-
 
-		this.elements = [ x || 0, y || 1, z || 2 ];
 
-
 
-	};
 
-
 
-	THREE.Vector3Y.prototype = {
 
-
 
-		constructor: THREE.Vector3Y,
 
-
 
-		length: function () {
 
-
 
-			return Math.sqrt( this.elements[ 0 ] * this.elements[ 0 ] + this.elements[ 1 ] * this.elements[ 1 ] + this.elements[ 2 ] * this.elements[ 2 ] );
 
-
 
-		}
 
-
 
-	};
 
-
 
-
 
-	var suite = Bench.newSuite( 'Vector 3 Storage' );
 
-
 
-	suite.add( 'Vector3-Set', function () {
 
-
 
-		var array = [];
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			var v = new THREE.Vector3( i, i, i );
 
-			array.push( v );
 
-
 
-		}
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			var v = array[ i ];
 
-			result += v.length();
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-	suite.add( 'Vector3-Float32Array', function () {
 
-
 
-		var array = [];
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			var v = new THREE.Vector3X( i, i, i );
 
-			array.push( v );
 
-
 
-		}
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			var v = array[ i ];
 
-			result += v.length();
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-	suite.add( 'Vector3-Array', function () {
 
-
 
-		var array = [];
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			var v = new THREE.Vector3Y( i, i, i );
 
-			array.push( v );
 
-
 
-		}
 
-
 
-		var result = 0;
 
-		for ( var i = 0; i < 100000; i ++ ) {
 
-
 
-			var v = array[ i ];
 
-			result += v.length();
 
-
 
-		}
 
-
 
-		return result;
 
-
 
-	} );
 
-
 
-} )();

+ 0 - 419
test/benchmark/normalize.css
Файл харах 

@@ -1,419 +0,0 @@
 
-/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
 
-
 
-/**
 
- * 1. Change the default font family in all browsers (opinionated).
 
- * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 
- */
 
-
 
-html {
 
-  font-family: sans-serif; /* 1 */
 
-  -ms-text-size-adjust: 100%; /* 2 */
 
-  -webkit-text-size-adjust: 100%; /* 2 */
 
-}
 
-
 
-/**
 
- * Remove the margin in all browsers (opinionated).
 
- */
 
-
 
-body {
 
-  margin: 0;
 
-}
 
-
 
-/* HTML5 display definitions
 
-   ========================================================================== */
 
-
 
-/**
 
- * Add the correct display in IE 9-.
 
- * 1. Add the correct display in Edge, IE, and Firefox.
 
- * 2. Add the correct display in IE.
 
- */
 
-
 
-article,
 
-aside,
 
-details, /* 1 */
 
-figcaption,
 
-figure,
 
-footer,
 
-header,
 
-main, /* 2 */
 
-menu,
 
-nav,
 
-section,
 
-summary { /* 1 */
 
-  display: block;
 
-}
 
-
 
-/**
 
- * Add the correct display in IE 9-.
 
- */
 
-
 
-audio,
 
-canvas,
 
-progress,
 
-video {
 
-  display: inline-block;
 
-}
 
-
 
-/**
 
- * Add the correct display in iOS 4-7.
 
- */
 
-
 
-audio:not([controls]) {
 
-  display: none;
 
-  height: 0;
 
-}
 
-
 
-/**
 
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 
- */
 
-
 
-progress {
 
-  vertical-align: baseline;
 
-}
 
-
 
-/**
 
- * Add the correct display in IE 10-.
 
- * 1. Add the correct display in IE.
 
- */
 
-
 
-template, /* 1 */
 
-[hidden] {
 
-  display: none;
 
-}
 
-
 
-/* Links
 
-   ========================================================================== */
 
-
 
-/**
 
- * 1. Remove the gray background on active links in IE 10.
 
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 
- */
 
-
 
-a {
 
-  background-color: transparent; /* 1 */
 
-  -webkit-text-decoration-skip: objects; /* 2 */
 
-}
 
-
 
-/**
 
- * Remove the outline on focused links when they are also active or hovered
 
- * in all browsers (opinionated).
 
- */
 
-
 
-a:active,
 
-a:hover {
 
-  outline-width: 0;
 
-}
 
-
 
-/* Text-level semantics
 
-   ========================================================================== */
 
-
 
-/**
 
- * 1. Remove the bottom border in Firefox 39-.
 
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 
- */
 
-
 
-abbr[title] {
 
-  border-bottom: none; /* 1 */
 
-  text-decoration: underline; /* 2 */
 
-  text-decoration: underline dotted; /* 2 */
 
-}
 
-
 
-/**
 
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 
- */
 
-
 
-b,
 
-strong {
 
-  font-weight: inherit;
 
-}
 
-
 
-/**
 
- * Add the correct font weight in Chrome, Edge, and Safari.
 
- */
 
-
 
-b,
 
-strong {
 
-  font-weight: bolder;
 
-}
 
-
 
-/**
 
- * Add the correct font style in Android 4.3-.
 
- */
 
-
 
-dfn {
 
-  font-style: italic;
 
-}
 
-
 
-/**
 
- * Correct the font size and margin on `h1` elements within `section` and
 
- * `article` contexts in Chrome, Firefox, and Safari.
 
- */
 
-
 
-h1 {
 
-  font-size: 2em;
 
-  margin: 0.67em 0;
 
-}
 
-
 
-/**
 
- * Add the correct background and color in IE 9-.
 
- */
 
-
 
-mark {
 
-  background-color: #ff0;
 
-  color: #000;
 
-}
 
-
 
-/**
 
- * Add the correct font size in all browsers.
 
- */
 
-
 
-small {
 
-  font-size: 80%;
 
-}
 
-
 
-/**
 
- * Prevent `sub` and `sup` elements from affecting the line height in
 
- * all browsers.
 
- */
 
-
 
-sub,
 
-sup {
 
-  font-size: 75%;
 
-  line-height: 0;
 
-  position: relative;
 
-  vertical-align: baseline;
 
-}
 
-
 
-sub {
 
-  bottom: -0.25em;
 
-}
 
-
 
-sup {
 
-  top: -0.5em;
 
-}
 
-
 
-/* Embedded content
 
-   ========================================================================== */
 
-
 
-/**
 
- * Remove the border on images inside links in IE 10-.
 
- */
 
-
 
-img {
 
-  border-style: none;
 
-}
 
-
 
-/**
 
- * Hide the overflow in IE.
 
- */
 
-
 
-svg:not(:root) {
 
-  overflow: hidden;
 
-}
 
-
 
-/* Grouping content
 
-   ========================================================================== */
 
-
 
-/**
 
- * 1. Correct the inheritance and scaling of font size in all browsers.
 
- * 2. Correct the odd `em` font sizing in all browsers.
 
- */
 
-
 
-code,
 
-kbd,
 
-pre,
 
-samp {
 
-  font-family: monospace, monospace; /* 1 */
 
-  font-size: 1em; /* 2 */
 
-}
 
-
 
-/**
 
- * Add the correct margin in IE 8.
 
- */
 
-
 
-figure {
 
-  margin: 1em 40px;
 
-}
 
-
 
-/**
 
- * 1. Add the correct box sizing in Firefox.
 
- * 2. Show the overflow in Edge and IE.
 
- */
 
-
 
-hr {
 
-  box-sizing: content-box; /* 1 */
 
-  height: 0; /* 1 */
 
-  overflow: visible; /* 2 */
 
-}
 
-
 
-/* Forms
 
-   ========================================================================== */
 
-
 
-/**
 
- * 1. Change font properties to `inherit` in all browsers (opinionated).
 
- * 2. Remove the margin in Firefox and Safari.
 
- */
 
-
 
-button,
 
-input,
 
-select,
 
-textarea {
 
-  font: inherit; /* 1 */
 
-  margin: 0; /* 2 */
 
-}
 
-
 
-/**
 
- * Restore the font weight unset by the previous rule.
 
- */
 
-
 
-optgroup {
 
-  font-weight: bold;
 
-}
 
-
 
-/**
 
- * Show the overflow in IE.
 
- * 1. Show the overflow in Edge.
 
- */
 
-
 
-button,
 
-input { /* 1 */
 
-  overflow: visible;
 
-}
 
-
 
-/**
 
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
 
- * 1. Remove the inheritance of text transform in Firefox.
 
- */
 
-
 
-button,
 
-select { /* 1 */
 
-  text-transform: none;
 
-}
 
-
 
-/**
 
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 
- *    controls in Android 4.
 
- * 2. Correct the inability to style clickable types in iOS and Safari.
 
- */
 
-
 
-button,
 
-html [type="button"], /* 1 */
 
-[type="reset"],
 
-[type="submit"] {
 
-  -webkit-appearance: button; /* 2 */
 
-}
 
-
 
-/**
 
- * Remove the inner border and padding in Firefox.
 
- */
 
-
 
-button::-moz-focus-inner,
 
-[type="button"]::-moz-focus-inner,
 
-[type="reset"]::-moz-focus-inner,
 
-[type="submit"]::-moz-focus-inner {
 
-  border-style: none;
 
-  padding: 0;
 
-}
 
-
 
-/**
 
- * Restore the focus styles unset by the previous rule.
 
- */
 
-
 
-button:-moz-focusring,
 
-[type="button"]:-moz-focusring,
 
-[type="reset"]:-moz-focusring,
 
-[type="submit"]:-moz-focusring {
 
-  outline: 1px dotted ButtonText;
 
-}
 
-
 
-/**
 
- * Change the border, margin, and padding in all browsers (opinionated).
 
- */
 
-
 
-fieldset {
 
-  border: 1px solid #c0c0c0;
 
-  margin: 0 2px;
 
-  padding: 0.35em 0.625em 0.75em;
 
-}
 
-
 
-/**
 
- * 1. Correct the text wrapping in Edge and IE.
 
- * 2. Correct the color inheritance from `fieldset` elements in IE.
 
- * 3. Remove the padding so developers are not caught out when they zero out
 
- *    `fieldset` elements in all browsers.
 
- */
 
-
 
-legend {
 
-  box-sizing: border-box; /* 1 */
 
-  color: inherit; /* 2 */
 
-  display: table; /* 1 */
 
-  max-width: 100%; /* 1 */
 
-  padding: 0; /* 3 */
 
-  white-space: normal; /* 1 */
 
-}
 
-
 
-/**
 
- * Remove the default vertical scrollbar in IE.
 
- */
 
-
 
-textarea {
 
-  overflow: auto;
 
-}
 
-
 
-/**
 
- * 1. Add the correct box sizing in IE 10-.
 
- * 2. Remove the padding in IE 10-.
 
- */
 
-
 
-[type="checkbox"],
 
-[type="radio"] {
 
-  box-sizing: border-box; /* 1 */
 
-  padding: 0; /* 2 */
 
-}
 
-
 
-/**
 
- * Correct the cursor style of increment and decrement buttons in Chrome.
 
- */
 
-
 
-[type="number"]::-webkit-inner-spin-button,
 
-[type="number"]::-webkit-outer-spin-button {
 
-  height: auto;
 
-}
 
-
 
-/**
 
- * 1. Correct the odd appearance in Chrome and Safari.
 
- * 2. Correct the outline style in Safari.
 
- */
 
-
 
-[type="search"] {
 
-  -webkit-appearance: textfield; /* 1 */
 
-  outline-offset: -2px; /* 2 */
 
-}
 
-
 
-/**
 
- * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 
- */
 
-
 
-[type="search"]::-webkit-search-cancel-button,
 
-[type="search"]::-webkit-search-decoration {
 
-  -webkit-appearance: none;
 
-}
 
-
 
-/**
 
- * Correct the text style of placeholders in Chrome, Edge, and Safari.
 
- */
 
-
 
-::-webkit-input-placeholder {
 
-  color: inherit;
 
-  opacity: 0.54;
 
-}
 
-
 
-/**
 
- * 1. Correct the inability to style clickable types in iOS and Safari.
 
- * 2. Change font properties to `inherit` in Safari.
 
- */
 
-
 
-::-webkit-file-upload-button {
 
-  -webkit-appearance: button; /* 1 */
 
-  font: inherit; /* 2 */
 
-}

+ 0 - 96
test/benchmark/style.css
Файл харах 

@@ -1,96 +0,0 @@
 
-html{
 
-        background-color: #FFE0F7;
 
-}
 
-
 
-body{
 
-    font-family: 'Source Sans Pro', sans-serif;
 
-}
 
-
 
-header{
 
-
 
-}
 
-header h1{
 
-    color: #6F0752;
 
-    border-bottom: 4px solid #A23183;
 
-    margin: 10px;
 
-}
 
-
 
-article{
 
-    border: 2px solid #B8509B;
 
-    margin:5px 10px;
 
-    border-radius:10px;
 
-}
 
-
 
-article header{
 
-
 
-    display: flex;
 
-}
 
-
 
-article h2{
 
-    color:#6F0752;
 
-    font-size:1.2em;
 
-    margin:10px;
 
-    flex-grow:1;
 
-}
 
-
 
-article h3{
 
-    color:#6F0752;
 
-    font-size:1.0em;
 
-    margin:7px;
 
-    text-align:right;
 
-    flex-grow:0;
 
-    background:transparent;
 
-    border: 1px solid  #B8509B;
 
-    border-radius:3px;
 
-    padding:3px 7px;
 
-    cursor:pointer;
 
-}
 
-
 
-article h3:hover{
 
-    color:#6F0752;
 
-    font-size:1.0em;
 
-    margin:7px;
 
-    text-align:right;
 
-    flex-grow:0;
 
-    background:transparent;
 
-    border: 1px solid  #B8509B;
 
-    border-radius:3px;
 
-    padding:3px 7px;
 
-}
 
-
 
-article .results{
 
-    margin:0 10px 10px;
 
-    display:none;
 
-}
 
-article .results > div{
 
-    display: flex;
 
-}
 
-article .results > div p{
 
-    color:#6F0752;
 
-    flex-grow: 1;
 
-    margin: 0 3px;
 
-    font-size:0.8em;
 
-}
 
-
 
-.results > div:nth-child(1){
 
-    margin-bottom: 3px;
 
-    border-bottom: 1px solid #A23183;
 
-}
 
-
 
-.results > div:nth-child(2){
 
-    background: #6F0752;
 
-}
 
-
 
-.results > div:nth-child(2) p{
 
-    color: #FFE0F7;
 
-}
 
-
 
-.results .name{
 
-    flex-basis:60%;
 
-}
 
-.results .time{
 
-    flex-basis:20%;
 
-}
 
-.results .desv{
 
-    flex-basis:20%;
 
-}

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
test/benchmark/vendor/benchmark-2.1.0.min.js


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 121
test/benchmark/vendor/lodash.min.js


+ 0 - 25
utils/build/rollup.config.js
Файл харах 

@@ -1,5 +1,3 @@
 
-import terser from '@rollup/plugin-terser';
 
-
 
 export function glconstants() {
 
 
 	const constants = {
 
@@ -287,12 +285,6 @@ const builds = [
 
 			header()
 
 		],
 
 		output: [
 
-			{
 
-				format: 'umd',
 
-				name: 'THREE',
 
-				file: 'build/three.js',
 
-				indent: '\t'
 
-			},
 
 			{
 
 				format: 'cjs',
 
 				name: 'THREE',
 
@@ -300,23 +292,6 @@ const builds = [
 
 				indent: '\t'
 
 			}
 
 		]
 
-	},
 
-	{
 
-		input: 'src/Three.js',
 
-		plugins: [
 
-			addons(),
 
-			glconstants(),
 
-			glsl(),
 
-			terser(),
 
-			header()
 
-		],
 
-		output: [
 
-			{
 
-				format: 'umd',
 
-				name: 'THREE',
 
-				file: 'build/three.min.js'
 
-			}
 
-		]
 
 	}
 
 ];

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно