タグ canvasタグ
人気順 5 users 10 users 100 users 500 users 1000 users要約 : Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話 | fixture.jp
要約 : Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話 September 19, 2012 Posted by lowply 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイ... 続きを読む
Webの表現力はここまで来た。Canvasタグを使ったアニメーションライブラリ「CAKE(Canvas Animation Kit Experiment)」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイ
HTML5のCanvasタグによってWebの表現力は格段に増したと言えます。今回紹介するCAKE(Canvas Animation Kit Experiment)はCanvasタグを使ってアニメーションを実現します。多彩なデモがあるのでぜひ公式サイトでチェックしてみてください。 0 続きを読む
注目!Flash CS風のUIでHTML5のタイムラインアニメーション作成「Radi」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
とは言えそれはあくまでも「駆使」すればの話でしかない。やはりツールがなければ容易に作れるものではないし、容易でなければ普及しないだろう。そこで注目されるのがRadi、HTML5対応のアニメーション作成ソフトウェアだ。 0 RadiはFlashのようにレイヤーを重ねてタイムラインベースのアニメーションを作成する。作成したコンテンツはvideoタグ、canvasタグで出力することができる。フレーム間の... 続きを読む
楽譜をWeb上に表示するJavaScriptライブラリ「Audiofile.cc」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
Audiofile.ccはHTML5/JavaScript製のオープンソース・ソフトウェア。Webベースのアプリケーションが増えるに従って、表現したい内容も増えている。テキスト、画像、動画、音楽以外にも様々なデータを表示したいと思っているはずだ。 0 表示例 HTML4以前ではFlashが活躍した。だが時代はHTML5に移り変わろうとしている。今はCanvasタグで様々なコンテンツを表示する。Au... 続きを読む
使い道色々。jQueryを使ってSparklineグラフを描く「Peity」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 MOONGIFTプレミ... 続きを読む
HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」:phpspot開発日誌
AwesomeChartJS HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 データは配列で定義してdrawするだけです。描画コードは次のように美しい。 var mychart = new AwesomeChart('canvas1'); mychart.title = "Product Sales - 2010"; mychart.data = [1532... 続きを読む
JavaScript と HTML5 でゲームボーイエミュレーター開発
Filed under: ゲーム 新種のゲームボーイエミュレーター、と聞いてももはや新しいものだとは思わないかもしれませんが、それがJavaScriptベースだとしたらどうでしょうか。JavaScriptは完全なオブジェクト指向言語だし、HTML5で導入されたcanvasタグのおかげもあって、エミュレーターだって開発できるのかもしれない......実際に確かめてみよう、と挑んでみたのがImran ... 続きを読む