3

aerotwist のチュートリアルをいじってみました。以下のコードのように、THREE.PlaneGeometry を台無しにするまで、すべてがうまくいきました。

var $container = $('#container');
var WIDTH = $container.width(), HEIGHT = $container.height();
var VIEW_ANGLE = 45, ASPECT = WIDTH / HEIGHT, NEAR = 0.1, FAR = 10000;

var renderer = new THREE.WebGLRenderer();
var camera = new THREE.PerspectiveCamera(VIEW_ANGLE, ASPECT, NEAR, FAR);
var scene = new THREE.Scene();
camera.position.z = 300;
renderer.setSize(WIDTH, HEIGHT);
$container.append(renderer.domElement);

// create the mesh's material
var meshMaterial = new THREE.MeshBasicMaterial({color:0xCC0000});
var mesh = new THREE.Mesh(new THREE.CubeGeometry(100,100,1,1),meshMaterial);

// add the mesh to the scene
scene.add(mesh);
scene.add(camera);
renderer.render(scene, camera);

から行を変更すると

var mesh = new THREE.Mesh(new THREE.CubeGeometry(100,100,1,1),meshMaterial);

に

var mesh = new THREE.Mesh(new THREE.PlaneGeometry(100,100,1,1),meshMaterial);

また

var mesh = new THREE.Mesh(new THREE.PlaneGeometry(100,100),meshMaterial);

その後、何もレンダリングされません。なにが問題ですか？

4

2 に答える 2

3

両面ではないか、現在の角度で見えない可能性があります。このjs 平面回転のフィドルを確認し、練習のためにそれをいじってみてください。

編集：

飛行機が下を向いているように見えるので、カメラからは見えmesh.rotation.xません。 を変更して、レンダリングされることを証明しました。

参照 -更新された例

于 2012-05-23T07:47:39.967 に答える