Question

我有这样的代码：

<html>
<head>
    <script src="js/three.js"></script>

    <script type="text/javascript">
        function init()
        {
            var scene = new THREE.Scene();
            var camera = new THREE.PerspectiveCamera(0, window.innerWidth / window.innerHeight, 100, 100);
            var renderer = new THREE.WebGLRenderer();
            renderer.setSize(1000, 1000);
            document.body.appendChild(renderer.domElement);

            var sphere_geometry = new THREE.SphereGeometry(150);
            var material1 = new THREE.MeshPhongMaterial({ color: 0x0033ff, specular: 0x555555 });
            var sphere_mesh = new THREE.Mesh(sphere_geometry, material1);

            scene.add(sphere_mesh);


            renderer.render(scene, camera);
        }
    </script>
</head>
<body onload="init()">
    <canvas id="mycanvas" width="100" height="100"></canvas>
</body>
</html>

我无法在场景中添加球体。我得到的唯一的东西是黑色方块。我该怎么办？

Answer 1

一些快速提示：

- 放置相机以查看物体，不仅仅是位置，而是朝向它的方向，你的所有物体都在前面吗？

- 使对象可见，选择一个好的材质定义，从锅炉板/ hello world场景开始，一旦它工作，修改它以获得你想要的场景。

如何将对象添加到场景？

1 个答案: