タグ

javascriptとprocessing.jsに関するhengsuのブックマーク (2)

  • WebでProcessingしよう - HasCanvas

    前の記事で紹介したTweetPosterでは、ツイート画面の背景に、Twitterのブランドを意識した画像を配置している。まあ、そんな凝った絵ではなく、水色の空に雲がもくもくと漂う感じの、簡単な絵だ。 こんな感じの絵を作るにはProcessingを使うのがいい。ついでに、久しぶりにJavaScriptバージョンのProcessingであるところのProcessing.jsをチェックしてみようかな……と思って色々調べていたところ、HasCanvasなる派生プロジェクトを見つけた。 HasCanvasはProcessing.jsを使って実装された、ウェブベースのプログラミング・プラットフォームだ。ウェブ上でProcessingのスケッチを書き、リアルタイムに動作を確認することができる。完成したスケッチは、その場で即シェアすることもできる。 Processing.jsにはいくつかの制約があって、

    WebでProcessingしよう - HasCanvas
  • Processing.jsで魚の群れシミュレーション - p4lifeのメモ

    Mozilla の John Resig さんが作った Processing.js をさっそく試してみました.プログラムのネタは今ホッテントリになっている「ほぼ日刊イトイ新聞 - がんばれ森川くんの遺伝子くん」の「群れの知能」に書いてある Boid(birdoid, Bird android)です. Boid は鳥や魚の群れの振る舞いを再現するアルゴリズムで,次の基的なルールからなります.◆ルール1:近くの鳥たちと飛ぶスピードや方向を合わせようとすること◆ルール2:鳥たちが多くいる方へ向かって飛ぶこと◆ルール3:近くの鳥や物体に近づきすぎたら、ぶつからないように離れることhttp://www.1101.com/morikawa/2001-06-25.html群れの中の各個体をこのような単純なルールに従わせるだけで,一見複雑な動きを簡単にそれらしく再現することができます. 「群れの知能」を

  • 1