JavaScript + Canvas で動くカオスアトラクタ生成器作ってみた - mooz deceives you
カオスアトラクタ by edvakf in hatena を見ていて Canvas でピクセル操作が出来るらしいことを知り、早速カオスアトラクタ生成器を作ってみた。 アクセスは C.H.A.O.T.I.C C.A.N.V.A.S から。 動作は Firefox 3.5 と Google Chrome で確認。処理速度は Chrome の方が 5 倍ほど速いので、一応 Chrome 推奨。 Safari や Opera では未確認。 で、操作説明。 Draw ボタンを押せばカオスアトラクタが描画される。 Settings 右のプルダウンメニューにいくつかプリセットの設定を用意しておいたので、はじめはそちらを試されるのが良いと思う。 Coefficients の値をちょびっとづつ変えていくと、生成される画像が綺麗に変化していってくれる。一期一会な感じが小憎い。画像は Firefox なら右クリ
HTML5 3Days Tech Talk « HTML5.JP ブログ
HTML5 3Days が終わりました。お越し頂いた皆さん、本当にありがとうございました。 実は、html5-developers-jp では初めての Tech Talk だったため、どのようなトピックを取り上げ、そして、どのレベルにあわせた内容にするべきか、とても悩みました。すべての人に満足頂けるた内容ではなかったかもしれません。しかし、少しでも、みなさんのHTML5への取り組みへのモチベーションアップに貢献できたなら、幸甚です。 今回、私は「Canvas チュートリアル」と題して、まだ、Canvas を使ってみたことがない方を対象にして、Canvas の具体的な使い方を紹介しましたが、時間も限られていたため、至らぬ点がたくさんあったと思います。時間があれば、実際のコーディングはどうなるのか、とか、フォールバックをどうるべきかまで、踏み込みたかったのですが、このあたりについては、また、別
Cavasリファレンスを最新に更新しました。ピクセル関連操作が面白い！ « HTML5.JP ブログ
長らく当サイトの Canvasリファレンスが古いままでしたが、この度、最新の W3C のHTML5 Working Draft Published Version (25 August 2009) にあわせて、全面的に更新しました。 以前と比べて、内容に大きな違いはありませんが、これまで曖昧だった部分が明確化されています。また、新たに createImageData() メソッドが追加され、ピクセル操作関連のメソッドや属性の説明が大幅に変更されています。 HTML5 のドラフトでは、このピクセル操作関連のメソッドや属性のサンプルコードが新たに 2 つ掲載されたのですが、そのうち、エッジ検出のサンプルが、とても興味深いです。 HTML5 のドラフトではコードのみが掲載されているだけで、イメージがわきにくいので、当サイトのピクセル操作関連のリファレンスでは、そのエッジ検出のサンプルコードを実際
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
