Question

我想知道如何做到这一点：http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage

这些斑点形成文字，点击后会爆炸。

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

感谢。

Answer 1

我猜一种方法是为每个角色建立一个模型。例如，通过形状手动创建字母“A”。然后，对于消息中的每个字母，您将显示字母的字符模型

Answer 2

我不确定你是想在处理或javascript中写这个。这是一个javascript库，因此您可以在javascript上下文中使用它。为了使它在处理和使用processingjs上显示在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();
}  
}

在绘制圆圈方法/类中，我会添加一些噪音/随机性，爆炸处理......

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

2 个答案: