HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
グーグル、フラクタル図形を描画するウェブアプリケーションを公開
かつては、代表的なフラクタルであるマンデルブロ集合の探求にスーパーコンピュータが必要だった。だが今やGoogleは、このシュールな数学的図形を最高のパフォーマンスや極めて繊細な陰影で描画できるわけではないが、ブラウザが昔のスーパーコンピュータを凌ぎ得ることを示すウェブアプリケーションを作り出した。 これは「Julia Map」と呼ばれるプロジェクトで、比較的新しいウェブ標準である「Web Workers」を採用している。Web Workersによりブラウザは、いわばブラウザの思考の前面において比較的平凡なユーザーインターフェース作業をこなし、それと並行して、バックグラウンドで処理タスクを実行できる。 マンデルブロ集合は、ジュリア集合と呼ばれる別のフラクタルと近い関係にある。Googleのアプリケーションでは、それぞれの集合を多様な形状で表示する。このアプリケーションでは、ウェブプログラミン
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
