いまさら聞けないHTML5 Canvasの使い方
Flashになじみのある人がHTML5でまず興味を持つのが、アニメーションやモーションなどの表現力ではないでしょうか？ 私がFlashに興味を持ち、虜になったきっかけも、モーションの気持ちよさやデザイン性、インタラクティブな表現力でした。 今回は基本的なモノ(object)を動かすための準備として、矩形や円を描画してみましょう。HTML5では、canvas要素とJavaScriptのCanvas APIによって、ビットマップ画像を描画できます。 Canvasで画像を描画するには、HTMLでキャンバス領域を定義します。 ■サンプル1[01.html] <body> <canvas id ="cvs1" width="150" height="150"></canvas> <script type="text/javascript" src="js/01.js"></script> </bod
そろそろHTML5始めてみませんか？
HTML5（※）が何かと話題です。「Flash vs HTML5」のような対立構図で取り上げた記事や議論もよく見かけましたが、新しい技術に飛びつけばいいのではなく、ターゲットユーザーのブラウザー環境や最適な表現技術、パフォーマンスや互換性を考慮して使い分けるべきでしょう。 とはいえ、最近ではiOSやソーシャルメディアの普及などで、JavaScriptやCSS3使ったHTMLベースでの開発に対する要望も増えています。従来のWebサイトでは主にPCでの閲覧を中心に考えていましたが、現在ではスマートフォンやタブレットなどさまざまな端末での閲覧を想定した、より柔軟な対応がクリエイターに求められています。 スマートフォンやタブレットだけではありません。Retinaディスプレイを搭載したMacBook Proが発売されたり、ネット接続を前提としたスマートTVが注目されたり、デバイスも日々進化を遂げてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
