Блог

Главная - Вопросы по программированию - Как добавить объект в сцену?

Как добавить объект в сцену?

#three.js

#three.js

Вопрос:

У меня есть такой код:

 <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>

и я не могу добавить сферу в сцену. Единственное, что я получаю, это черный квадрат. Как я могу это сделать?

Ответ №1:

Просто несколько быстрых советов:

-Расположите камеру так, чтобы видеть объект, не только положение, но и направление, в котором он находится, у вас есть все ваши объекты впереди?

-Сделайте объект видимым, выберите хорошее определение материала, начните со сцены boiler plate / hello world, как только это сработает, измените его, чтобы получить сцену такой, какой вы хотите ее видеть.