JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了three.js如何渲染一个简单的白点/点/像素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用THREE.WebGLRenderer,我想在3D空间的特定位置绘制一些相同大小的白点.

@R_370_10675@用精灵,计算2D屏幕坐标并使用SpriteMaterial.useScreenCoordinate?

@R_370_10675@用它们与相机的距离来重新计算精灵的大小吗?

我可以使用SpriteMaterial.scaleByViewport或SpriteMaterial.sizeAttenuation吗?有没有这方面的文件?

有像GL_POINTS这样的东西吗?定义1个顶点并在该位置获得彩色像素会很不错.我应该尝试使用PointCloud吗?

谢谢你的任何提示!

编辑:所有点在屏幕上应具有相同的大小.

解决方法

使用.sizeAttenuation和单顶点PointCloud工作,但感觉有点……过度设计:
var dotGeometry = new THREE.Geometry();
dotGeometry.vertices.push(new THREE.Vector3( 0,0));
var dotMaterial = new THREE.Pointsmaterial( { size: 1,sizeAttenuation: false } );
var dot = new THREE.Points( dotGeometry,dotMaterial );
scene.add( dot );

大佬总结

以上是大佬教程为你收集整理的three.js如何渲染一个简单的白点/点/像素全部内容,希望文章能够帮你解决three.js如何渲染一个简单的白点/点/像素所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。