在Three.js PointCloud中将正方形改为圆形
Change square to circle in Three.js PointCloud?
我正在使用PLYLoader加载一个.ply文件,并使用PointCloud对象在three.js中渲染它。
var loader = new THREE.PLYLoader();
loader.addEventListener('load', function (event) {
var geometry = event.content;
var material = new THREE.PointCloudMaterial({ vertexColors: true, size: 0.01 });
var mesh = new THREE.PointCloud(geometry, material);
scene.add(mesh);
});
loader.load(file_url);
工作正常,点被正确渲染。然而,这些点被渲染成一个正方形。有可能把它们变成一个圆吗?如果有,怎么做?
我发现这个旧线程显示了一个3 .js样本的图片。我们可以清楚地看到这些圆圈。然而,今天同样的示例显示正方形(在他们将particlessystem更改为PointCloud之后)。
谢谢
有多种方法可以做到这一点:
- 使用像这样的圆形图像作为输入。
- 使用
<canvas>
作为输入(并在画布上画一个圆圈),像这样。 使用ShaderMaterial和GLSL画一个圆,像这样。
解决方案是将圆形图像关联到每个点云。
你能看一下这个例子吗?
https://threejs.org/examples/webgl_points_billboards
也许你有解决办法
相关文章:
- 在Three.js中导出网格会提高性能吗
- 如何在three.js上添加两个向量
- Three.js Points Rotation
- 无法读取属性'材料'未定义的Three.js
- Potree/Three.js测量问题
- Three.JS OBJ模型未显示
- 有没有一种方法可以获得three.js的最小/lite版本
- JS和three.JS,在浏览器中进行参数测试
- 如何在运行时在HTML5画布中绘制正方形
- 参数列表Three.js之后的未捕获语法错误:缺少)
- 如何在three.js中有效地使用TraingleStripDrawMode
- 通过拖动可以更改三维模型对象在Three.js场景中的位置
- three.js:如何让透明的png精灵投射和接收阴影
- webgl在一个正方形上操纵两个纹理
- Three.js更改材质
- three.js EffectComposer's渲染目标
- 单击以将相机放置在Three js中的对象附近
- Three.js: face4生成三角形而不是正方形
- 如何使用three.js在z轴上平移正方形
- 在Three.js PointCloud中将正方形改为圆形