Question

我试图用块构建一些文字, 我打算稍后再定制这些文字。所附的图像是我打算做的模型。

我想用WebGL,因为我想用3D来做,我不能做任何闪光,但我不确定如何将立方体的结构与字母一致。有人能给我一个建议或技术,将文本映射为一系列点,以便从远处看到他们画出相同的文本吗?

""https://i.sstatic.net/1qS0s.png" alt="此处输入图像描述"/ >

Answer 1

首先,您需要字体 — 字符的形状表格 — 格式,您可以从代码中读取。您是否已经有一个字体? 如果它只是几个字母, 您可以手动为每个字符创建多边形。
然后,使用光化算法将字符形状转换成一组当前或缺席点/立方体。如果您的文本完全平坦, 那么使用 2D 数组; 如果您的“ 自定义” 将产生深度效果, 那么您将会想要一个 3D 数组 (“ 将形状写成数组的多个平面, 将形状同写成数组的多个平面 ” 。

前两个步骤的替代方案是,如果您的文字在运行时没有变化,则适合的办法是首先在图像上创建您想要的文字,然后使用图像的像素作为上述 2D 矩阵。在浏览器中,您可以使用 2D Canvas 功能将图像画在画布上,然后读取像素。
然后从此 < em> voxel < / em> 阵列中生成一个 3D 形状, 要为阵列中“ 存在” 点与“ 缺席” 点相匹配的每个位置构造一个多边形。如果您这样做, 则根据邻居的对对子来做, 就会得到一块块像素的外观( 如 Minecraft ) 。如果您想要平滑的斜坡( 如您的示例图像), 那么就需要更复杂的技术; 生成光滑表面的传统方式是 < a href=" http:// en. wikipedia. org/ wiki/ Marching_ cubes rel=" nofollow" > 光学立方体 < / a > (但只是行步立方会绕开你的角) 。