Question

我尝试使用三个js版本的r55显示一个精灵，但屏幕上没有任何内容。有人能帮我找到错误吗？我没有在本地加载东西以防止出现错误。我不明白为什么所有的3d对象都能正常工作，而不是纹理或精灵。感谢所有

var startTime   = Date.now();
var container = document.getElementById('container');
var camera, scene, renderer;
var ambientlight,directionallight;
var texturenuage, obj1;

init();         
animate();

function init() {

if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
scene = new THREE.Scene();

camera = new THREE.PerspectiveCamera( 30, 901 / 727, 1, 1000 );
camera.position.x = 0;
camera.position.y = 0;
camera.position.z = 1000;

ambientlight = new THREE.AmbientLight(0x220066);
scene.add( ambientlight );

directionallight = new THREE.DirectionalLight( 0xff88aa );
directionallight.position.set( 40, 50, 100 ).normalize();
scene.add( directionallight );


texturenuage = new THREE.ImageUtils.loadTexture('nuage1.png');
obj1 = new THREE.Sprite( new THREE.SpriteMaterial( { color: 0xff0000, map: texturenuage, alphaTest: 0.5 } ) )
sprite.scale.set( 381, 84, 1.0 )
sprite.position.set( 100, 100, 0 );
sprite.position.normalize();
scene.add( obj1 );

renderer = new THREE.WebGLRenderer();

renderer.sortObjects = false;
renderer.setSize( 901, 727 );       
container.appendChild( renderer.domElement );   
}

function animate() {
render();
requestAnimationFrame( animate );
}

function render() {
renderer.render(scene, camera);
}

Answer 1

你可能看不到任何东西，因为如果在本地运行就无法加载纹理。

使用三个wiki页面中的一些建议来运行本地服务器，你可能会开始在屏幕上看到纹理; - ）

https://github.com/mrdoob/three.js/wiki/How-to-run-things-locally

Threejs r55 sprites不显示

1 个答案: