Canvas要素のアニメーションライブラリcakejs - TechTalkManiacs
HTMLで規定されている、2次元画像用の要素Canvasで簡単にアニメーションできるライブラリがcakejsです。 なぜか日本では紹介されていませんが、2008年ごろからリリースされている歴史のあるライブラリで複雑な図形やそれを使ったアニメーションを簡単に書くことができます。 円を書くならばCircleオブジェクトを呼び出す、とういうようにグローバルな名前空間を思いっきり占領しているのは少し困りものですが、使用方法にはIllustratorやInkscapeのようなベクタグラフィックソフトと似たようなところがあり、こちらになじんでいる人ならば使いやすいと思います。 長方形を回転させる例 var c = document.getElementById("target") // Canvas要素取得 var canvas = new Canvas(c) // cake.jsのキャンバスオブジェ
HTML5で書かれた「スーパーマリオ」みたいなゲーム
HTML5の目玉機能の1つにCanvasタグがあります。このCanvasタグとJavaScriptを使ってWebブラウザで遊べるゲームが少しずつ登場してきたので、いくつか紹介しましょう。HTML5がどんなポテンシャルを持っているのか、その一部が楽しく分かると思います。 1つめはスーパーマリオみたいなゲーム。ブログ「PurpleFloyd's Blog 」のエントリ「 A Platform Game Using HTML5 Canvas 」で紹介されていました。 遊び方は、カーソルキーで主人公を左右に移動、スペースキーでジャンプです。音は出ませんしスコアも計算しません。Internet Explorer 7/8では「耐え難いほど遅い」そうですので、プレイはFirefoxなどでどうぞ。 もう1つのゲームは、Google Chromeの高速性やとHTML5のデモンストレーションのためにグーグルが
Firefox 3.1のHTML 5対応を検証--Drag and drop API - builder by ZDNet Japan
HTML 5のドラッグ＆ドロップAPI HTML 5では新たにDrag and drop APIが追加される。これによって、オブジェクトがドラッグ／ドロップされた際に発生するイベントを処理する標準の方法が提供されることになる。 Firefox 3でもドラッグ＆ドロップに関するイベントがサポートされているが、Forefox 3.1ではHTML 5のAPIがサポートされ、標準的な方法でドラッグ＆ドロップが処理できるようになる予定だ。 HTML 5のDrag and drop APIでは、オブジェクトがドラッグおよびドロップされた際のイベントを表すDragEventインタフェースが定義される。DragEventはドラッグの開始元から送出されるものと、ドラッグのターゲットから送出されるものがあり、それぞれ表1、表2に示すイベントがある。 表1 ドラッグの開始元のエレメントから送出されるイベント イ
#google - Docs Viewer、いけるじゃん : 404 Blog Not Found
2009年09月25日16:00 カテゴリNewsiTech #google - Docs Viewer、いけるじゃん 早速試してみました。 「Google Docs Viewer」で、PDFなどブログへ埋め込み表示可能に -INTERNET Watch 米Googleは24日、「Google Docs Viewer」を使って、PDFやPowerPoint、TIFFドキュメントをブログやWebサイトへ埋め込み表示する機能の提供を開始したと発表した。 といっても、手頃なPDFがとっさに思いつかなかったので、これを。 http://www.dpj.or.jp/special/manifesto2009/pdf/manifesto_2009.pdf View via Google Docs Viewer iframeによる埋め込みにも対応しています。PDFのロードが思いかも知れないので低速回線/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
トップページ