ランキング

最新記事30件


最新コメント30件

漫画


マイページ

ジャンル

RSS

検索


携帯版QRコード

※全機種に対応してるか分かりません

統計

総記事数:2497 件
総記者数:464 人
総コメント数:38,236 件

 

Internet Explorer9(IE9)の実力,HTML5の実力をSVG女子で試してみよう.



(c) 2011 KAYAC Inc.

マイクロソフトの最新ブラウザ「Internet Explorer9(IE9)」は日本のユーザーに待望されていましたが,ついに日本語版がリリースとなりました.

このことを記念してオモシロイウェブ動画が公開されているようです.

SVG女子でブラウザの実力,HTML5の技術の実力を体感してみましょう.

詳細は以下から.(IE9等最新版のブラウザを準備してご覧ください.)

SVGって何?

「XMLによって記述されたベクターグラフィック言語のこと、あるいは、SVGで記述された画像フォーマットのこと」

Wikipedia-SVG

だって.

surprise!?

テキストデータで記述できる画像のようだよ.


auto_vZ4LJX.53.34).png

拡大縮小しても劣化がないし,JavaScriptと連携していろいろできるようなんだ.

どうやらなんだかスゴイ香りがすします.

このことに関しては以前こんな記事がGAGAZINEでもあったので参考にしてみてください.

ラスベク変換ソフトレビュー

SVG女子って何?

SVG女子

auto_gceh29.04.04).png

「HTML5の登場で手軽に扱えるようになったSVG(Scalable Vector Graphics)。SVGをつかうと、まるでアニメのような世界をWebアプリとして提供することが可能です。3月15日にリリースされたInternetExplorer9でももちろんSVGに対応! InternetExplorer9のリリースを記念して、jsdo.itで「SVG女子」を制作しました。 Webアプリとしてのアニメ作品を是非、ご覧ください。」

まるでアニメのような世界をWebアプリとして提供することが可能とな!?

本アニメーションはその名のごとくベクター画像をたくさん読み込んでパラパラ漫画みたく動画にしています.

最初,SVG画像をたくさんダウンロードしているのでちょっと時間かかるかもしれません...

こんな感じでSVGファイルを大量に読み込みます...
(ちなみにSafariでの動作確認を行いました)

auto_2LFCwt.13.16).png

FlvとかWebMとかいろいろあるけど,SVGによる動画はコレまたなにか独特の趣があるようです.

なんだよ...普通の動画じゃんか...

auto_5TnzjO.20.45).png


と思いきや...

スゲ━━━━(゚∀゚)━━━━!!

auto_PWwaDH.21.17).png

1秒間に10コマのSVG画像でこのような動きを実現しているようです.

フルスクリーンになった瞬間のアニメーションの素晴らしさはこれはもう,記事で伝えきることはできません.ブラウザで実行するのみ!

IE9を新しくダウンロードした機会に是非試してみてください.


ソース元: http://jsdo.it/event/svggirl
カテゴリ: ネットサービス
2011年04月26日 01時11分00秒 Posted by naga_gaga(なががぐ) ( 8,923 PV ) 勢い:4


この記事の評価
naga_gaga(なががぐ) 記者の過去記事
 Chromium OSを擬人化したらこうなる!?
2010年08月16日 19時33分34秒 | PV( 10226 ) | コメント( 11 )
 せっかくなのでGAGAZINEとユニクロでコラボしてみた
2010年08月26日 07時27分15秒 | PV( 8306 ) | コメント( 10 )
 【速報】GAGAZINE一時アクセスしづらい状態に?【追記あり】
2010年08月27日 01時12分30秒 | PV( 4333 ) | コメント( 9 )
 【口蹄疫終息宣言】がんばろう宮崎!【画像修正UP】
2010年08月28日 14時54分26秒 | PV( 5226 ) | コメント( 11 )
 HTML5でなにができるか,グーグルクロームで試してみよう.
2010年08月31日 03時01分35秒 | PV( 8567 ) | コメント( 15 )
もっと見る

コメント(リンクの記載「http://」は行えません)
1 名前:名無し@ガガリアン 2011/04/26(火)01:24:13. ID: ca96c6a3p
ダウソしてみたって見出しのクソジンはリンク貼るだけ
2 名前:名無し@ガガリアン 2011/04/26(火)08:19:15. ID: d1641d42p
なにがすごいのかよく分からん
3 名前:名無し@ガガリアン 2011/04/26(火)12:53:28. ID: c598b69bp
xp非対応とか。
4 名前:名無し@ガガリアン 2011/04/26(火)16:48:41. ID: 040bcd72p
なにがすげえのか書けよ
記事で伝えることができませんって何のために記事書いてんだ
5 名前:名無し@ガガリアン 2011/04/26(火)18:27:59. ID: 62ea6af8p
SVG自体は特別新しい技術じゃないよ。
6 名前:名無し@ガガリアン 2011/04/26(火)18:30:00. ID: 9d8d1ccap
で、何が凄いんだよ
7 名前:名無し@ガガリアン 2011/04/26(火)20:02:37. ID: b8054845p
はっきりくっきりだけど俺のPCではカックカクする
8 名前:名無し@ガガリアン 2011/04/26(火)23:27:33. ID: 909888a1p
ラスタじゃなくてベクタだからな
拡大してもジャギ…だっけ?
ドットのギザギザが出ないんだよね。
デコードして再生する動画は画質やら圧縮率やらで
動画の重さが変わると思うけど
SVGだと表示するオブジェクトが多くなればなるほど重くなる…
9 名前:名無し@ガガリアン 2011/04/27(水)00:47:12. ID: 7c2ca925p
chromeでも見れた!
10 名前:名無し@ガガリアン 2011/04/27(水)06:58:00. ID: c93a4034p
かくかくして重い
flash以下w
11 名前:名無し@ガガリアン 2011/04/30(土)11:40:44. ID: 656cb2a0p
ChromeのがIE9より動くわ。それでもカクカク。
そもそもSVGはアニメーションに使うような技術じゃねえだろ。
ハードウェアエンコードできねえし。
12 名前:名無し@ガガリアン 2011/04/30(土)15:28:24. ID: 052f6719p
HTML5はVideoタグが別に用意されてるしね
13 名前:名無し@ガガリアン 2011/05/11(水)10:26:32. ID: f905e740p
つまりフラッシュアニメだよね