如何在Verold脚本中获取three.js精灵

Question

堆叠溢出的第一个帖子。

我一直在和基于three.js的世界编辑维罗尔德打交道。它有一些很好的特性，但是我遇到了脚本设置方面的问题。

我正在尝试实现一个THREE.Sprite()，并将它作为对象的一个组件来附加。

以下是我尝试过的：

 Component.prototype.objectCreated = function() {
  // this.getThreeData() is available

   this.spriteimage.load({
    load:_.bind(function() {
    this.createImageSprite();
    }, this)
   });
 };


Component.prototype.createImageSprite = function(){

  //Load the spriteimage
  var map = this.spriteimage.threeData;
  var spriteMaterial = new THREE.SpriteMaterial( { map: map, color: "rgb(255,0,0)", fog: true, useScreenCoordinates: false} );
  var mySprite = new THREE.Sprite( spriteMaterial );
  mySprite.scale.set(1,1,1);
  mySprite.location.x = 0.5;
  mySprite.location.y = 0.5;
  mySprite.location.y = 0.5;

  scene.add(mySprite);
};

脚本有一个名为spriteimage的属性，它是一个verold资产-> 2D纹理。

当将此脚本添加为场景的一个组件时，项目将运行，但您根本看不到sprite。

我尝试在一个常规的three.js项目中复制这段代码，并取得了成功。

有人能给出解决办法吗？

谢谢。

Answer 1

您的代码有几个小问题。否则，它就能正常工作。首先，mySprite.location应该是mySprite.position。也许早期版本的Three.JS使用了“location”？

第二个问题是对“场景”的引用没有定义。在脚本中，您可以调用'this.getThreeScene()‘来返回对此脚本所连接的对象是其一部分的THREE.Scene的引用。