Webで3Dをやるということ
こんばんはー！HTML5 Advent Calender 5日目だよー！ ちょっと今日はお疲れなのでボリュームは小さめだけどがんばります。 今日はHTML5というかWebでの3Dについて、小話させてもらうね。 Webで3Dやりたい Webで3Dやる方法っていくつもあると思う。私が知ってる最も古い方法はVRMLとブラウザプラグインを使用する方法。ほかShockwave 3DとかGoogle O3Dとかがありました。 しかしあんまり普及している様子はないですね。原因はPCの性能不足だとか色々言われてます。 最近だとFlashやUnity、そしてWebGLがWeb 3Dプラットフォームとしては選択肢に上がるでしょう。 WebGLはGoogleもGoogle MapをWebGL化する等勢いがあります。 しかし、今3Dに求められているものは非常に高度化しています。 とある人は「ユーザーは3Dにハイレ
まるで映画!? Webページを3Dで表示するFirefoxアドオン登場
Firefox web browser - Faster, more secure & customizable Mozilla Hacksにおいて「Tilt」の最新の開発成果物が紹介されている。「Tilt」はFirefox向けに開発されたアドオン。WebGLの機能を活用してWebページを3D化して表示するという機能を提供する。対応しているバージョンはFirefox 6から10ナイトリーまで。7月にアルファ版の発表があった段階ではソースコードをダウンロードしてきて自らビルドする必要があったが、現在ではアドオンサイトからダウンロードできるようになっている。アルファ版と比較してより多くの機能が追加され、UIも洗練されたことを確認できる。
ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ:phpspot開発日誌
dom3d: rendering 3d with CSS3 ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ HTMLとCSS3、2d-transformを使って次のような、アニメーションする３Dが実現されていて一見の価値があります。 無理してピュアCSSでやらないでもいい気はしますが、応用することで実用的なUI等に活用できるかも。 こういう実験を公開している方々にはいつも頭が下がりますね。 関連エントリ ピュアCSSでスライドアウトインタフェースの実現 ピュアCSSなドロップダウンメニュー実装例 ピュアCSSでonclickイベントをシュミレーションするデモ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集
Rotating color cube box with CSS3 animation, transforms and gradients
Spinning spiraling cube using CSS3 3D animation and 3D transforms. Note: Hover the black box or cube to pause the animation. Please view in Safari, iPhone or iPad. If the animation freezes while viewing in wide-screen and at the same time hovering the viewport with the mouse, simply refresh the browser to restart the animation. All images used come from WISE - Multimedia Gallery and are used in th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Buy Instagram Likes - 100% Real & Instant | Just $1.49
UWP を Continuum に完全対応させるには？ - 高橋 忍のブログ - MSDN Blogs
最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
IDEA * IDEA
