Question

任何人都可以逐步解释，处理如何安装three-js并开始使用。 https://threejs.org/docs/#manual/introduction/Creating-a-scene＆＃34;之前的步骤开始

我已经下载了＆＃34; three.js-master.zip ＆＃34;但我无法弄明白：

＆＃34; 在使用three.js之前，您需要在某处显示它。将以下HTML保存到计算机上的文件中，以及js /目录中的three.js副本，并在浏览器中打开＆＃34;

以及粘贴的位置请像对待儿童课一样解释，因为我到目前为止所做的一切，都没有得到视觉反馈。恩。

下载three.js.master，
创建一个文件夹并解压缩之前的拉链
创建文本文档名称＆＃34; thisNAme＆＃34;并保存。
将其扩展名更改为html。
复制粘贴此代码。 6 ..............

Answer 1

随意创建项目文件夹。
例如：C：\ Users \ yourname \ simple-threejs-setup如果使用Windows。
在项目文件夹中创建另一个文件夹 在我的示例中：C：\ Users \ yourname \ simple-threejs -setup \ JS
下载three.js library（右键单击，然后按＆＃34;下载链接为...＆＃34;）。将其保存在 js 文件夹中（C：... \ simple-threejs-setup \ js）。
在项目文件夹中创建新文件，并将其命名为您喜欢的名称，但将扩展名更改为 .html 。
我将它命名为spinning-cube.html 。
右键单击该文件并选择＆＃34;打开方式...＆＃34;，然后选择您喜欢的文本编辑器。
粘贴THREE.js文档中Getting Started page的内容。
注意<script src="js/three.js">标记。这指向您在上一步中下载的THREE.js库。来源摘录如下：

<强>纺丝-cube.html：

<html>
    <head>
        <title>My first three.js app</title>
        <style>
            body { margin: 0; }
            canvas { width: 100%; height: 100% }
        </style>
    </head>
    <body>
        <script src="js/three.js"></script>
        <script>
            var scene = new THREE.Scene();
            var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );

            var renderer = new THREE.WebGLRenderer();
            renderer.setSize( window.innerWidth, window.innerHeight );
            document.body.appendChild( renderer.domElement );

            var geometry = new THREE.BoxGeometry( 1, 1, 1 );
            var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
            var cube = new THREE.Mesh( geometry, material );
            scene.add( cube );

            camera.position.z = 5;

            var render = function () {
                requestAnimationFrame( render );

                cube.rotation.x += 0.1;
                cube.rotation.y += 0.1;

                renderer.render(scene, camera);
            };

            render();
        </script>
    </body>
</html>

保存并关闭文件
双击spinning-cube.html，在默认浏览器中将其打开。
默认情况下，使用默认浏览器打开 html文件。但是如果你改变了这种行为。您可以打开优先浏览器，然后只需拖动文件并放入其中。

Three.js：第一次设置......？

1 个答案: