我是 ThreeJS 的新手。我想为场景设置 BG 图像,当我运行以下代码时,我只有空白(黑色)屏幕。
谁能告诉我以下代码中的问题是什么?
$().ready(function(){
var width= window.innerWidth;
var height = window.innerHeight;
var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize( width, height );
document.body.appendChild(renderer.domElement);
renderer.setClearColorHex(0xffffff, 1.0);
// renderer.clear();
/*SEttingup BG*/
var bg = new THREE.Mesh(
new THREE.PlaneGeometry(2, 2, 0,0),
new THREE.MeshBasicMaterial({map: new THREE.ImageUtils.loadTexture("2/bharatpriyankaweddingphotography (6).jpg")})
);
// The bg plane shouldn't care about the z-buffer.
bg.materials[0].depthTest = false;
bg.materials[0].depthWrite = false;
console.log(bg);
var bgScene = new THREE.Scene();
var bgCam = new THREE.Camera();
bgScene.add(bgCam);
bgScene.add(bg);
// renderer.autoClear = false;
renderer.clear();
renderer.render(bgScene, bgCam);
// renderer.render(scene, cam);
});
提前致谢。