处理：形状如何形成文本？

Question

我不知道这是怎么做：http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage

那些点形成的文字和点击时，他们爆炸。

形状如何形成文字？我可以用processing.js来实现吗？

谢谢。

Answer 1

我想一种方法是为每个角色设置一个模型。例如，通过形状手动创建字母'A'。然后对于邮件中的每个字母，您将显示字母的字符模型

Answer 2

我不确定您是要在处理中还是在JavaScript中编写此字符。这是一个JavaScript库，所以你可以在JavaScript上下文中使用它。为了使它处理和使用处理j在Web上显示它，你必须使用处理资源来实现相同的结果，或者设法将数据从/传递到JavaScript和处理。 processingjs网站上有this example将您的页面与处理草图连接起来。请注意，processingjs不支持使用处理库，因此您不能在此工作流程中使用任何Precessing typography库。我认为他们可以非常方便，虽然...

至于如何做到这一点处理，我想我会去绘制字母在一个不显示的PGraphics，并使用像素颜色测试在这个表面驱动图纸的圈子。这将允许在运行时更改文本。就像在伪代码

PGraphics matteImage = new PGraphics(size, size, render);// 
matteImage.background(black); 
matteImage.fill(255); 
matteImage.text("A", x,y); 
matteImage.loadPixels(); 

for(i; i < matteImage.length;i++) 
{ 
color c = matteImage.pixels[i]; 
    if (c == white) 
{ 
    doDrawEllipses(); 
} 
} 

在画圆的方法/类，我会增加一些噪音/随机性，爆炸手柄...