[B! processingjs] animistのブックマーク

Processing.jsが出力するJavaScriptを調べてみる(2) - kitao's blog

職場で昼休みにモンストのマルチプレイが毎日開催されています。昼休みより後の時間にゲリラクエストを発生させるのはできれば止めてほしいです。さて、今回は前回に引き続き、クラス継承時にProcessing.jsが出力するJavaScriptコードを調査してみたいと思います。（前回同様にマニアックな内容です）クラス継承のJavaScriptコードの確認クラスの継承を行った際に出力されるJavaScriptコードを調べるために、前回のクラス定義コードに以下を追加します。 class Student extends Person { Student(String name) { super(name); } void greet() { super.greet(); println("And I'm also a student."); } } 出力結果の差分は以下のとおりです。 var Stu

animist 2014/09/16

processingjs

リンク

JSでアメーバのシミュレーション作ってみた | fladdict

jsでアメーバのシミュレーションを作ってみるなど。ブラウザで5分ほど放置しておくと自然淘汰でなんか生まれます。要HTML5環境(iPhoneだと重すぎる)。スケッチの製作環境を、Flashからprocesing.jsに移動しようかなぁというテスト。「x‐DESIGN――未来をプロトタイピングするために」の一章を読んだら、なんか無性になにかを作りたくなったので、作ってみた。 processing.jsライブラリの勉強に、アメーバのシミュレーションを作成。今までJavaScriptでのスケッチには、creative.jsを使ってたんですが、簡単なスタディにはprocessingのほうがいいかもしれない。 Daniel ShiffmanのFlockingとかを脳内イメージしながら、適当に書いてみた・・・はずが完成したら別物にアメーバは、細胞が単体のうちはブラウン運動する程度しかできない。と

animist 2014/09/16

リンク

Processing.js 触ってカラーボールが暴れ回るみたいな簡単サンプル作ってみた | KonifarPod

Processing.js というjavascriptのビジュアルライブラリを触ってみたくなってちょっといじってみました。きっかけは、@fladdictさんのJSでアメーバのシミュレーション作ってみたを見て、うおぉぉ！ってなったことです。Processing.js自体は2008年くらいから話題になっていたわけですが、下記のツイートを見て刺激を受けてしまいました。目的地へのステアリングとか、方向転換のコードをノーモーションで書けなくなってる時点で、インタラクティブコード力が錆び付いてるな・・・まぁ5年近くニートやってれば仕方ないか。 — Takayuki Fukatsu (@fladdict) April 8, 2013 ３時間くらいで実装したらしいのですが、全然遅くなったわーと言っています。僕ももっと普段から業務以外のコードを書いたりしてみなきゃダメだなあと感じたので、第一弾として１〜

animist 2014/09/16

processingjs

リンク

Processingのスケッチをweb browserで表示する方法｜geektalk

geektalk 空間表現の手法としてのテクノロジーに興味ありです。apple製品, プログラミング, 映像, デザイン関係のコンテンツを取り上げます。ブログトップ記事一覧画像一覧 « Node.js関係･･･ node.jsとS･･･ » Processingのスケッチをweb browserで表示する方法 2013-07-31 09:21:44 テーマ：Processing 自分のProcessingで作成した渾身のスケッチをweb上で気軽に公開したいですよね. そんなときのために第三者があなたのページを訪れたときに, スケッチを観ることができる方法を紹介します. Proccesingのver.2.0からはAppletでの書き出しがサポートされなくなりました. よってProccesing.jsを使用します. Processing.jsとはweb上でProcessingを実行するJ