Update index.html
Browse files- index.html +3 -15
index.html
CHANGED
|
@@ -21,7 +21,8 @@
|
|
| 21 |
<body>
|
| 22 |
<div id="js_box"></div>
|
| 23 |
<script src="three.js"></script>
|
| 24 |
-
<script
|
|
|
|
| 25 |
/******/ // The module cache
|
| 26 |
/******/ var installedModules = {};
|
| 27 |
|
|
@@ -294,7 +295,7 @@
|
|
| 294 |
|
| 295 |
// 星条旗
|
| 296 |
var loader = new THREE.TextureLoader();
|
| 297 |
-
var clothTexture = loader.load("
|
| 298 |
clothTexture.wrapS = THREE.RepeatWrapping;
|
| 299 |
clothTexture.wrapT = THREE.RepeatWrapping;
|
| 300 |
clothTexture.anisotropy = 16;
|
|
@@ -317,19 +318,6 @@
|
|
| 317 |
poleMesh.position.y = 0;
|
| 318 |
scene.add(poleMesh);
|
| 319 |
|
| 320 |
-
// 月面
|
| 321 |
-
loader = new THREE.TextureLoader();
|
| 322 |
-
var groundTexture = loader.load("texture/grand.jpg");
|
| 323 |
-
groundTexture.wrapS = THREE.RepeatWrapping;
|
| 324 |
-
groundTexture.wrapT = THREE.RepeatWrapping;
|
| 325 |
-
groundTexture.repeat.set(25, 25);
|
| 326 |
-
groundTexture.anisotropy = 16;
|
| 327 |
-
var groundMaterial = new THREE.MeshPhongMaterial({ color: 0x999999, specular: 0x000000, map: groundTexture });
|
| 328 |
-
var groundMesh = new THREE.Mesh(new THREE.PlaneBufferGeometry(20000, 20000), groundMaterial);
|
| 329 |
-
groundMesh.position.y = -250;
|
| 330 |
-
groundMesh.rotation.x = -Math.PI / 2;
|
| 331 |
-
scene.add(groundMesh);
|
| 332 |
-
|
| 333 |
// アニメーション
|
| 334 |
function animate() {
|
| 335 |
requestAnimationFrame(animate);
|
|
|
|
| 21 |
<body>
|
| 22 |
<div id="js_box"></div>
|
| 23 |
<script src="three.js"></script>
|
| 24 |
+
<script>
|
| 25 |
+
/******/ (function(modules) { // webpackBootstrap
|
| 26 |
/******/ // The module cache
|
| 27 |
/******/ var installedModules = {};
|
| 28 |
|
|
|
|
| 295 |
|
| 296 |
// 星条旗
|
| 297 |
var loader = new THREE.TextureLoader();
|
| 298 |
+
var clothTexture = loader.load("cloth.png");
|
| 299 |
clothTexture.wrapS = THREE.RepeatWrapping;
|
| 300 |
clothTexture.wrapT = THREE.RepeatWrapping;
|
| 301 |
clothTexture.anisotropy = 16;
|
|
|
|
| 318 |
poleMesh.position.y = 0;
|
| 319 |
scene.add(poleMesh);
|
| 320 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 321 |
// アニメーション
|
| 322 |
function animate() {
|
| 323 |
requestAnimationFrame(animate);
|