BlogPeopleトップ | トラックバック・ピープル | アフィリスト | ガチャフォト | 今日のおすすめ献立 | レビューミー | ブログランキング

« カラフルなスペースインベーダーの形をした椅子がステキ。 | メイン | スターウォーズのチューバッカのキャラ弁がやばい »

SVGとかCanvasなしでCSS3だけで回転する3Dオブジェクト

まずは以下のリンクからブラウザの中でぐりぐり回転している物体を見てみてください。

dom3d: rendering 3d with CSS3

だからなんなんだ、って話になるかもしれませんが、1980年代のPCでのコンピュータグラフィックスの3Dモデリングってこんな程度のもんだったんですよ。まあ、あとはチェッカー模様の床にして回転するオブジェクトの表面を鏡面反射させればそれっぽくなりますね。

最新技術であるWebGLなんかを使うとPCゲームに近いクオリティの3Dオブジェクトを生成して動かすこともできるんですが、普通の人にはなかなか簡単には扱えません。あと何十年か経つとCSS3だけで今のハイエンドな3Dオブジェクトを再現できるようになるかもしれませんよ。

そんなわけで、そんな何十年後かに「昔のCSSだけで作った3Dオブジェクトなんてさ・・・」みたいなことをつぶやけるように、今、これをチェックしてみてください。

なんというか、このしょぼい3Dに未来を感じます。

トラックバック

このエントリーのトラックバックURL:
http://news.blogpeople.net/bp-news/mt-tb.cgi/765

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

今日のおすすめ献立

食事の献立に困ったときは!

Powered by
Movable Type 3.34

「お知らせ」など

Trackback People

【BlogPeopleピープル】

レビューミー!

応援&レビューコメント募集中!

アフィリスト

「ブログ」キーワードでのAmazonの商品の表示例。
もっとサンプル見る>>