小编sam*_*i54的帖子

尝试将透明图像放在平面上（三.js）

我是 Three.js 新手，我想在平面上显示图像（具有透明度的 png 图像），但我的代码不起作用...

\n\n

这是我的代码：

\n\n

\r\n

var texture = new THREE.TextureLoader().load( \'images/lampedepoche.png\' );\r\n    \r\nvar geometry = new THREE.PlaneGeometry(300, 80);\r\nvar material = new THREE.MeshPhongMaterial({map: texture, color: 0xFFFFFF});\r\nmaterial.emissive.set(0x333333);\r\nmaterial.shininess = 60;\r\n    \r\nvar ldp = new THREE.Mesh(geometry, material);\r\nscene.add(ldp);

Run Code Online (Sandbox Code Playgroud)\r\n

\r\n

\n\n

这是我的图片：

\n\n

这是我的全部代码：

\n\n

\r\n

window.onload = init();\r\n\r\n\r\nfunction init(){\r\n    // on initialise le moteur de rendu\r\n    renderer = new THREE.WebGLRenderer();\r\n\r\n    renderer.setSize( window.innerWidth, window.innerHeight );\r\n    document.getElementById(\'container\').appendChild(renderer.domElement);\r\n    \r\n    // on initialise la sc\xc3\xa8ne\r\n    scene = new THREE.Scene();\r\n    \r\n …

Run Code Online (Sandbox Code Playgroud)

javascript three.js

sam*_*i54

2016 10-28

6
推荐指数

1
解决办法

5570
查看次数