three.js三维场景中的对象像素化

你好!！n1. 是否可以在3d场景中创建一个稳定的功能，如图所示（无需完全像图所示，我只希望它看起来像图所示）https://github.com/mats31/Dragon-Ball-Web-Application55当我远离对象时，我希望对象“像素化”，当我靠近对象时，对象“像素化”。我在3d中对其进行了“模拟”场景，但它是静态工作的（对接近obj没有反应），而且非常不稳定：在多次重新加载页面后，obj将像素化。一段时间后，页面本身会消耗掉所有可用内存。n2. 是否可以在url中翻译播放器应该位于的坐标？
可能有人在其他发动机（如b4w）中意识到了此功能？
您可以通过使用自定义着色器实现类似效果。正如您在本例中看到的，我使用图像作为带有ShaderMaterial的平面的纹理。碎片着色器计算网格，用于使曲面的某些部分完全透明。为了解释发生了什么，我在代码中添加了一些注释。nhttps://jsfiddle.net/f2Lommf5/12931/效果很好，但这不是我想要的。这是一个平面图，我想要一些更3D的东西（顶点应该分散在空间中，当我靠近时聚集在一起）。
嗯，也许你可以使用类似的方法，如webgl_materials_video示例中的方法。因此，单像素对象是简单的长方体网格。对于每个网格，您将创建一个新的BoxBufferGeometry对象，并像下面的代码片段中那样操纵纹理坐标。由于所有网格共享一种材质，因此它们现在只渲染公共纹理的特定部分。github.commrdoob/three.js/blob/CE501AE22B5166566A8D4A8A7131D78CC54005F/examples/webgl_materials_video.html#L203-L214 14n1. function change_uvs( geometry, unitx, unity, offsetx, offsety ) {n2. var>n3. for ( var += 2 ) {n4. uvs[ i>n5. uvs[ i + 1>n6. }n7. }
此方法应为您提供更大的灵活性，因为您可以独立为盒子设置动画。你有一个真正的3D效果。
我相信你在描述“体素”？en.wikipedia.org体素3
体素表示三维空间中规则栅格上的值。与位图中的像素一样，体素本身通常不会将其位置（坐标）与其值一起显式编码。相反，渲染系统根据体素相对于其他体素的位置（即，体素在构成单个体积图像的数据结构中的位置）推断体素的位置。与像素和体素相比，点和多边形通常由t.显式表示。
它类似于像素，但它基于体积而不是曲面。Minecraft是体素化世界的一个很好的例子。
您可以将切片渲染成纹理。将正交摄影机放置在世界上方，并以恒定的高度间隔剪裁世界。然后，您可以在纹理中循环并提取带有颜色的体素，以减少纹理的足迹。
您还可以使用修改过的点材质19每个像素将面对摄影机，您可以使用“贴图参数”更改其形状。
以下是一个示例https://jsfiddle.net/f2Lommf5/13188/145编辑：我有了更多的乐趣用它https://jsfiddle.net/f2Lommf5/13256/105
知道我为什么不能使用三点与3.平面几何？
Pixelizing objects in 3d scenen

three.js三维场景中的对象像素化

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形