THREE.JS GLSL精灵始终在镜头前

作者: CTO啊哦
发布时间: 2024-12-26 10:52:49 (24天前)
转自：

2 条回复

0#
回复此人
布偶的表弟派大星丶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你在寻找广告牌的实现吗？（让2D精灵始终面对相机）如果是这样，你需要做的就是： </p> <pre> <code> "vec3 billboard(vec2 v, mat4 view){", " vec3 up = vec3(view[0][1], view[1][1], view[2][1]);", " vec3 right = vec3(view[0][0], view[1][0], view[2][0]);", " vec3 p = right * v.x + up * v.y;", " return p;", "}" </code> </pre> <P> <code> v </code> 是距离中心的偏移量，基本上是面向z轴的平面中的4个顶点。例如。 <code> (1.0, 1.0), (1.0, -1.0), (-1.0, 1.0), and (-1.0, -1.0). </code> </p> <P> 像这样使用它： </p> <pre> <code> "vec3 worldPos = billboard(a_offset, u_view);" // then do whatever else. </code> </pre> </DIV>

编辑

登录后才能参与评论