0

これがどのように作られているのだろうか：http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage

それらのスポットはテキストを形成し、クリックすると爆発します。

形はどのようにしてテキストを形成することができますか? processing.jsでこれを達成できますか?

ありがとう。

4

2 に答える 2

0

1つの方法は、各キャラクターのモデルを持つことだと思います. たとえば、図形を介して文字「A」を手動で作成します。次に、メッセージ内の各文字について、文字の文字モデルを表示します

于 2012-10-25T15:10:55.670 に答える
0

これを処理で書きたいのか、javascript で書きたいのかわかりません。これは JavaScript ライブラリなので、JavaScript コンテキストで使用できます。処理中にそれを作成し、処理jsを使用してWebに表示するには、処理リソースを使用して同じ結果を達成するか、javascriptと処理の間でデータをやり取りする必要があります。ページを処理スケッチに接続する方法については、processingjs サイトの例を参照してください。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();
}  
}

円のメソッド/クラスを描画する際に、ノイズ/ランダム性を追加し、ハンドルを爆発させます...

于 2012-10-26T15:55:26.630 に答える