魔方初始化

aa3b7061 · 刘子逸 · aa3b7061 · aa3b7061 · aa3b7061
Commit aa3b7061 authored Jun 12, 2020 by 刘子逸
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 67 additions and 0 deletions

index.html index.html +67 -0

three.min.js js/WebGL/three.min.js +0 -0

mofang.glb models/mofang.glb +0 -0

No files found.
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="./js/WebGL/three.min.js"></script>
+    <title>魔方小玩具</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        html, body {
+            height: 100%;
+        }
+
+        #webgl-canvas {
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+    </style>
+</head>
+<body>
+<div id="webgl-canvas"></div>
+</body>
+<script>
+    const canvas = document.querySelector("#webgl-canvas");
+
+    const scene = new THREE.Scene();
+
+    const camera = new THREE.PerspectiveCamera(45, canvas.offsetWidth / canvas.offsetHeight, 0.5, 1000);
+    camera.position.set(100, 100, 200);
+    camera.lookAt(new THREE.Vector3(0, 0, 0));
+
+    const renderer = new THREE.WebGLRenderer({
+        antialias: true
+    });
+    renderer.setSize(canvas.offsetWidth, canvas.offsetHeight);
+    renderer.setClearColor(0xEEEEEE);
+    canvas.appendChild(renderer.domElement);
+
+    const light = new THREE.AmbientLight(0xFFFFFF, 1);
+    scene.add(light);
+
+
+    const posList = createPosList();
+
+    const boxGeo = new THREE.BoxGeometry(20, 20, 20);
+    const boxMat = new THREE.MeshStandardMaterial({
+        vertexColors: THREE.FaceColors
+    });
+
+
+
+    renderAll();
+
+    function renderAll() {
+        renderer.render(scene, camera);
+        requestAnimationFrame(renderAll)
+    }
+
+
+</script>
+</html>
\ No newline at end of file
--- a/js/WebGL/three.min.js
+++ b/js/WebGL/three.min.js
--- a/models/mofang.glb
+++ b/models/mofang.glb