THREE.SpriteCanvasMaterial无法正常工作

亚瑟

此代码(基于 代码):

    drawCircle = (context) ->
        pos = 0.5
        radius = 0.5
        context.scale(0.05, -0.05)
        context.beginPath()
        context.arc(pos, pos, radius, 0, 2*Math.PI, false)
        context.fillStyle = 'white'
        context.fill()

    m = new THREE.SpriteCanvasMaterial( {program: drawCircle } )
    s = new THREE.Sprite( m )

返回错误

    Uncaught TypeError: Cannot read property 'x' of undefined. 

在Three.js中:36534行:

    _gl.uniform2f( uniforms.uvScale, material.uvScale.x, material.uvScale.y );

似乎材料uvScale和uvOffset属性未正确初始化...为什么?如果我自己设置这些属性:

    m.uvScale = new THREE.Vector2()
    m.uvOffset = new THREE.Vector2()

错误消失了,但是我看不到粒子(我不知道在画布上绘制的位置,以及为什么要缩放它)。

下吕3

您正在使用webglrenderer中用于canvas2D的材料。您应该使用canvasrenderenderer或使用其他材质(SpriteMaterial)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

THREE.meshphongmaterial无法正常工作-黑色

来自分类Dev

THREE.js OrbitControls无法正常工作

来自分类Dev

Three.js相机外观无法正常工作

来自分类Dev

为什么Three.js中的DirectionalLight无法正常工作?

来自分类Dev

three.js渲染到纹理Alpha无法正常工作

来自分类Dev

Three.js相机外观无法正常工作

来自分类Dev

在three.js中旋转相机无法正常工作

来自分类Dev

除非修改了源代码,否则Three.js骨骼动画无法正常工作

来自分类Dev

THREE的3个js修订版71。MeshFaceMaterial无法正常工作

来自分类Dev

3d法线贴图在Three.js中无法正常工作

来自分类Dev

在Three.js中使用二进制加载器加载对象无法正常工作

来自分类Dev

大跃进运动+ oculus + THREE.JS:无法使“ optimizeHMD = true”正常工作(头戴式)

来自分类Dev

Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

来自分类Dev

Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

来自分类Dev

THREE.Raycaster无法与缩放的THREE.Sprite一起正常使用

来自分类Dev

三个的js修订版71在THREE.MeshFaceMaterial不能正常工作

来自分类Dev

@BeforeSuite无法正常工作

来自分类Dev

BringIntoView无法正常工作

来自分类Dev

Selendroid无法正常工作?

来自分类Dev

无法使URLrewritng正常工作

来自分类Dev

substr()无法正常工作

来自分类Dev

slidetoggle无法正常工作

来自分类Dev

onkeypress无法正常工作

来自分类Dev

Bash IF无法正常工作

来自分类Dev

@AfterThrowing无法正常工作

来自分类Dev

httpPost无法正常工作

来自分类Dev

getrusage无法正常工作

来自分类Dev

NetworkActivityIndicator无法正常工作

来自分类Dev

ReactCSSTransitionGroup无法正常工作

Related 相关文章

  1. 1

    THREE.meshphongmaterial无法正常工作-黑色

  2. 2

    THREE.js OrbitControls无法正常工作

  3. 3

    Three.js相机外观无法正常工作

  4. 4

    为什么Three.js中的DirectionalLight无法正常工作?

  5. 5

    three.js渲染到纹理Alpha无法正常工作

  6. 6

    Three.js相机外观无法正常工作

  7. 7

    在three.js中旋转相机无法正常工作

  8. 8

    除非修改了源代码,否则Three.js骨骼动画无法正常工作

  9. 9

    THREE的3个js修订版71。MeshFaceMaterial无法正常工作

  10. 10

    3d法线贴图在Three.js中无法正常工作

  11. 11

    在Three.js中使用二进制加载器加载对象无法正常工作

  12. 12

    大跃进运动+ oculus + THREE.JS:无法使“ optimizeHMD = true”正常工作(头戴式)

  13. 13

    Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

  14. 14

    Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

  15. 15

    THREE.Raycaster无法与缩放的THREE.Sprite一起正常使用

  16. 16

    三个的js修订版71在THREE.MeshFaceMaterial不能正常工作

  17. 17

    @BeforeSuite无法正常工作

  18. 18

    BringIntoView无法正常工作

  19. 19

    Selendroid无法正常工作?

  20. 20

    无法使URLrewritng正常工作

  21. 21

    substr()无法正常工作

  22. 22

    slidetoggle无法正常工作

  23. 23

    onkeypress无法正常工作

  24. 24

    Bash IF无法正常工作

  25. 25

    @AfterThrowing无法正常工作

  26. 26

    httpPost无法正常工作

  27. 27

    getrusage无法正常工作

  28. 28

    NetworkActivityIndicator无法正常工作

  29. 29

    ReactCSSTransitionGroup无法正常工作

热门标签

归档