three.js文本到画布到纹理到材质到网格的示例。不太难

我认为需要一个例子，通过在画布上书写文本来创建文本，然后从画布上创建纹理，然后在材料，它听起来很复杂——我花了很多时间来整理这个——但它很有效嗯，在那里这是一个例行程序（dcText），应该会有所帮助（实际上它可以完成所有工作）。
我试图将此提供给mrdoob的github（18698期），但是我卖的不是很好。
图像817×356 46.1kbn；；！--dave=\"\" dbarc-这是免费提供给threejs.org&；https:=\"\" github.com=\"\" mrdoob=\"\" three.jsi
他们希望通过纹理示例将其修改为适合自己口味的文本，并在中引用https:=\"\" threejs.org=\"\" docs=\"\" #manual=\"\" en=\"\" introduction=\"\" creating-文本（项目#2）。-->；；；通过纹理的三个js文本示例=\"===//调用是dcText（text，worldTextHeight，worldtrectangleheight，fontPixelHeight，fgcolor，bgcolor）；//如果需要，将计算并返回宽度。//如果省略bg，则bg是透明的。//====text#1，“Hello，world”=======shows“transparent”====text#3，“XpiggyX”====shows\" your=\"\" can=\"“white”；mesh.ctx.strokeRect(3,\" 3,=\"\" mesh.wpxall-6,=\"\" mesh.hpxall-6);piggy.position.set（tmp=\"\" 2,20,0）；=\"\" 放在“你好，世界”的末尾小猪（网格）；动画（）；}；函数init3js（）{=\"\" standard=\"=document.createElement（“画布”）；//为=wPxTxt*kPxToWorld创建画布；//wWorldTxt:the=hPxAll中文本的世界宽度；if==hPxTxt+“px无衬线”；//之后需要resizectx.fillText（txt，wPxAll/2，hPxAll/2）；//契约完成//下一步，创建=新契约三、平面几何（wWorldAll，=wWorldAll；//和宽度=ctx；//以及2d纹理上下文，对于任何闪烁体///console.log（wPxTxt，hPxTxt，wPxAll，hPxAll）；//console.log（wWorldTxt、hWorldTxt、wWorldAll、hWorldAll）；返回网格；}；；；
几年前，向他们出售示例要容易得多，现在他们有近1GB的示例，继续添加它们没有多大意义。
一句忠告：不要每次都创建画布。相反，这样做273。
有新的三、编织（画布）
是的，您不应该使用它，因为它是用于画布不断更新的情况，而不是静态标签的情况下的。谢谢您的评论。
关于“不要每次都创建画布”，我会重置画布的宽度和高度，并通过重新填充画布清除上一个文本？如果我想要一块透明的画布呢？不知怎的，我会“取消填充”？我的“Jabberwocky地球仪”上有近1000张画布(dbarc.net10） .nRe：“你不应该也使用它”（CanvasTexture？）
很好，我不会的。dcromley:
然后我会重置画布的宽度和高度，并通过重新填充画布来清除前面的文本？如果我想要一块透明的画布呢？不知怎的，我会“取消填充”？
。设置画布宽度或高度属性时，会将其完全清除。n@makc3dJust for the record，by=>
是否能够使用此方法包装文本，以便在一个画布中包含多行文本？添加\\
似乎没有帮助。
多行
SpriteCanvasText 121
来自Discussion.threejs.org57
和
初学者示例73步骤11
非常感谢霍夫！
但是文本的质量确实很差。
这句话指的是什么？
根据需要，显示文本的方法有很多。
请参见？有多少种方式可以加载字体Three.js？参考资料这是为那些希望有一个文档可以使用多种字体的人准备的Three.js. 也许你知道另一种方法，如果你能想出另一种方法，请加入这个列表。我的中文字体之旅Three.js在运行时创建三维文本而不必加载typeface.json. css3drender看起来很有希望，但在生成网格时不被允许，只有WebGLRenderer允许这样做。您知道将字体加载到中的其他方法吗Three.js？
文本用作纹理时会变得模糊。sprite技术似乎能提供更好的效果，但随后你必须在它后面制作一个平面并制作另一个网格。
这是你的要求问题。
你可以通过更改值来影响这一点。n2021-04-10 20.52.271274×523 96.5 KB
请参见=cv.getContext（“2d”>
我忘了播放>
卡莱约，我想看看你的“模糊纹理”的例子。请删减一个示例并通过电子邮件发送给dbarc dot的dave净价也许应该把它贴在某个地方？我会看的。
看看帖子里贴的两张图片，文字的边缘总是很模糊。但我已经知道：当比率不正确时，它会变得更模糊。获得清晰文本的唯一方法似乎是css2render，但我认为它的性能不好在每一帧上更新上百个div的位置，而且这些位置看起来不正确
An example of text to canvas to texture to material to mesh. Not too difficultn

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使用光线投射动态绘制多边形