1

three.js を使用するプロジェクトで作業する必要があります。だから私は基本を学ぼうとしました.Oは何かを見るためだけにこの簡単なコードを書きました. しかし、まったく機能せず、クリックして Web ブラウザーで表示しても何も表示されません。

これは私のコードです:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script src="Three.js"></script>
</head>
<body>
    <script type="text/javascript">4
        var renderer = new THREE.WebGLRenderer({ antialias: true });
        renderer.setSize(document.body.clientWidth,
                         document.body.clientHeight);

        document.body.appendChild(renderer.domElement);

        renderer.setClearColorHex(0xEEEEEE, 1.0);
        renderer.clear();

        // new THREE.PerspectiveCamera( FOV, viewAspectRatio, zNear, zFar );
        var camera = new THREE.PerspectiveCamera(45, width / height, 1, 10000);
        camera.position.z = 300;

        var scene = new THREE.Scene();
        var cube = new THREE.Mesh(new THREE.CubeGeometry(50, 50, 50),
                       new THREE.MeshBasicMaterial({ color: 0x000000 }));
        scene.add(cube);

        renderer.render(scene, camera);
    </script>
</body>
</html>

うまくいかないのはなぜですか？私は何を間違えましたか？

4

2 に答える 2

0

こんにちは。使用している Three.js のバージョン (わからない場合は、読み込まれるとコンソールに表示されます) と、使用しているブラウザーを教えてください。

いくつかの注意事項renderer.setClearColorHexは現在非推奨です。これはrenderer.setClearColor.

また、カメラを設定しましたwidth / heightが、どこにも定義されていませんか?

次は、camera.position.z = 300;(0, 0, 0) の小さな立方体を見るには遠すぎるかもしれません

それらの項目を試してみて、うまくいくかどうかお知らせください。

于 2013-11-09T19:17:40.553 に答える
0

この例を見てください。 http://mrdoob.github.io/three.js/examples/#webgl_geometry_cube

連続フレーム レンダリングのメイン ループがありません。また、ダリルが言ったように、幅と高さは何ですか?

于 2013-11-09T20:22:11.050 に答える