サンプルのマイグレーション：r89→r100

ics-ikeda · ics-ikeda · commit 55b3a8cf9671 · 2019-01-08T14:28:20.000+09:00
diff --git a/docs/light_variation.md b/docs/light_variation.md
@@ -169,7 +169,7 @@ function tick() {
 ```js
 // 矩形光源を作成
 // new THREE.RectAreaLight(色, 光の強さ, 幅, 高さ)
-const light = new THREE.RectAreaLight(0xFFFFFF, 500, 10, 10);
+const light = new THREE.RectAreaLight(0xFFFFFF, 5.0, 10, 10);
 scene.add(light);
 ```
 
@@ -180,4 +180,4 @@ scene.add(light);
 
 <article-author>[池田 泰延](https://twitter.com/clockmaker)</article-author>
 <article-date-published>2017-11-11</article-date-published>
-<article-date-modified>2017-11-11</article-date-modified>
+<article-date-modified>2019-01-08</article-date-modified>
diff --git a/docs/quickstart.md b/docs/quickstart.md
@@ -22,7 +22,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
@@ -99,7 +99,7 @@ Three.jsはJavaScriptのライブラリですが、このファイルを読み
 CDN（コンテンツ・デリバリー・ネットワーク）で提供されているURLを使うのが導入にお手軽です。
 
 ```html
-<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
 ```
 
 WebGLの処理はページの読み込みが終わってから実行させます。`addEventListener()`関数を使って`load`イベントが発生するのを監視させ、ページが読み込み終わったときに実行させたい関数を指定します。この関数`init()`の中にThree.jsのコードを書いていきます。
@@ -186,7 +186,7 @@ JavaScriptでアニメーションをさせるには、時間経過で関数を
 ```js
 // 初回実行
 tick();
- 
+
 function tick() {
   requestAnimationFrame(tick);
 
@@ -201,7 +201,7 @@ function tick() {
 ```js
 // 初回実行
 tick();
- 
+
 function tick() {
   requestAnimationFrame(tick);
 
@@ -218,7 +218,7 @@ function tick() {
 ```js
 // 初回実行
 tick();
- 
+
 function tick() {
   requestAnimationFrame(tick);
 
@@ -237,7 +237,7 @@ function tick() {
 ![](https://ics.media/wp-content/uploads/2017/01/concept.png)
 
 
-図：Three.jsを構成する基本的なオブジェクトと表示の仕組み  
+図：Three.jsを構成する基本的なオブジェクトと表示の仕組み
 ビュー(HTMLのcanvasタグ)が実際に表示される画面となります。
 
 
diff --git a/samples/camera_basic.html b/samples/camera_basic.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/camera_basic_earth.html b/samples/camera_basic_earth.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/camera_mosue_drag.html b/samples/camera_mosue_drag.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/camera_mouse_x.html b/samples/camera_mouse_x.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/camera_orbitcontrols.html b/samples/camera_orbitcontrols.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="js/controls/OrbitControls.js"></script>
   <script>
     // ページの読み込みを待つ
diff --git a/samples/camera_orbitcontrols_basic.html b/samples/camera_orbitcontrols_basic.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="js/controls/OrbitControls.js"></script>
   <script>
     // ページの読み込みを待つ
diff --git a/samples/camera_orthographic.html b/samples/camera_orthographic.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/camera_perspective.html b/samples/camera_perspective.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/class_group.html b/samples/class_group.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/class_mesh.html b/samples/class_mesh.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/class_update.html b/samples/class_update.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/class_view3d.html b/samples/class_view3d.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/fog.html b/samples/fog.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/geometry_general.html b/samples/geometry_general.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/geometry_merge.html b/samples/geometry_merge.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
 
   <script>
diff --git a/samples/geometry_merge_mesh.html b/samples/geometry_merge_mesh.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
 
   <script>
diff --git a/samples/geometry_merge_none.html b/samples/geometry_merge_none.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js"></script>
   <script>
     // ページの読み込みを待つ
diff --git a/samples/light_ambient.html b/samples/light_ambient.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/light_directional.html b/samples/light_directional.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/light_hemisphere.html b/samples/light_hemisphere.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/light_point.html b/samples/light_point.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/light_rectarea.html b/samples/light_rectarea.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="https://threejs.org/examples/js/lights/RectAreaLightUniformsLib.js"></script>
   <script>
     // ページの読み込みを待つ
@@ -36,20 +36,20 @@
       // 床を作成
       const meshFloor = new THREE.Mesh(
         new THREE.BoxGeometry(2000, 0.1, 2000),
-        new THREE.MeshStandardMaterial({color: 0x808080, roughness: 0.0}));
+        new THREE.MeshStandardMaterial({color: 0x808080, roughness: 1.0}));
       scene.add(meshFloor);
 
       // オブジェクトを作成
       const meshKnot = new THREE.Mesh(
         new THREE.TorusKnotGeometry(3, 1, 100, 16),
-        new THREE.MeshStandardMaterial({color: 0xAA0000, roughness: 0.0}));
+        new THREE.MeshStandardMaterial({color: 0xAA0000, roughness: 1.0}));
       meshKnot.position.set(0, 5, 0);
       scene.add(meshKnot);
 
 
       // 矩形光源を作成
       // new THREE.RectAreaLight(色, 光の強さ, 幅, 高さ)
-      const light = new THREE.RectAreaLight(0xFFFFFF, 500, 10, 10);
+      const light = new THREE.RectAreaLight(0xFFFFFF, 5.0, 10, 10);
       scene.add(light);
 
       tick();
diff --git a/samples/light_shadowmap.html b/samples/light_shadowmap.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/light_spot.html b/samples/light_spot.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/loader_3ds.html b/samples/loader_3ds.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="js/controls/OrbitControls.js"></script>
   <script src="js/loaders/TDSLoader.js"></script>
 
diff --git a/samples/loader_dae.html b/samples/loader_dae.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script src="js/controls/OrbitControls.js"></script>
   <script src="js/loaders/ColladaLoader.js"></script>
 
diff --git a/samples/material_color.html b/samples/material_color.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/material_texture.html b/samples/material_texture.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/material_variation_basic.html b/samples/material_variation_basic.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/material_variation_lambert.html b/samples/material_variation_lambert.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/material_variation_normal.html b/samples/material_variation_normal.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/material_variation_phong.html b/samples/material_variation_phong.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/material_variation_standard.html b/samples/material_variation_standard.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/material_variation_toon.html b/samples/material_variation_toon.html
@@ -1,7 +1,7 @@
 <html>
 <head>
   <meta charset="utf-8"/>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>
   <script>
     // ページの読み込みを待つ
     window.addEventListener('load', init);
diff --git a/samples/object_group.html b/samples/object_group.html
diff --git a/samples/points.html b/samples/points.html
diff --git a/samples/position_project.html b/samples/position_project.html
diff --git a/samples/position_world.html b/samples/position_world.html
diff --git a/samples/quickstart.html b/samples/quickstart.html
diff --git a/samples/raycast.html b/samples/raycast.html
diff --git a/samples/renderer_resize.html b/samples/renderer_resize.html
diff --git a/samples/sincos_camera.html b/samples/sincos_camera.html
diff --git a/samples/sincos_geo.html b/samples/sincos_geo.html
diff --git a/samples/sincos_light.html b/samples/sincos_light.html
diff --git a/samples/sincos_position.html b/samples/sincos_position.html
diff --git a/samples/sprite.html b/samples/sprite.html
