Read the Sonic README With this tool you can create your own animated Sonic loader. Three graphics will appear below: An HTML5 Canvas running through Sonic, a regular GIF, generated via a modified version of SonicGIF (using jsgif), and a PNG Sprite.
2010年の書き初めは Canvas でした。 元日に出た Opera 10.50 pre-alpha からは HTML5 の video 要素が有効になり、とりわけ canvas に drawImage で video のフレームが置けるということで、早速 Ubuntu に Opera 10.50 を入れて遊んでました。 後で気付いたのですが、Video on Canvas は Firefox 3.5 でも普通に使えました。 その Video on Canvas がおもしろそうだったので、前からやってみたかった万華鏡を書いてみました。 http://edv.sakura.ne.jp/product/video_canvas/rectangle.html http://edv.sakura.ne.jp/product/video_canvas/triangle.html 下のほうが万華鏡ら
<canvas> はスクリプト(一般的に JavaScript) を使って図形を描くために使われる新しい HTML 要素です。例えば、グラフを描く、写真を合成する、または簡単な(またはあまり簡単ではない)アニメーションに使うことができます。右の画像は後でこのチュートリアルの中でみる <canvas> を実際に使った例です。 <canvas> は Apple によって Mac OS X の Dashboard のために初めて導入され、後に Safari に実装されました。Firefox 1.5 のような Gecko 1.8 ベースのブラウザもこの新しい要素をサポートしてます。<canvas> 要素は HTML 5 としても知られる WhatWG Web applications 1.0 仕様の一部分です。 このチュートリアルでは、あなたの HTML ページに <canvas> 要素を導入する
Twinkle - 20 lines JavaScript contest - Split Screen by Mathieu 'p01' Henri April 2oo8. The specification of Canvas being in progress, this script is best rendered in a recent browser such as Opera 9.5 or Firefox 3. These animations require a decent browser such as Opera 9.5 or Firefox 3. No really I meant it.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く