[JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集:phpspot開発日誌
25 Best 3D Effects Adobe Photoshop Tutorials | TutorialChip 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集。 美しいオブジェクトをPhotoshopで１から描画する等のチュートリアル集です。WEBのデザインにも応用して役立てられそう。 素材としてないものを１から作れるというスキルはあったらいいですね。 関連エントリ 新しめの種類色々なPhotoshopチュートリアル集 動画で学べるPhotoshopチュートリアル２０ モダンなコーポレートサイト作成用Photoshopチュートリアル 綺麗なグラフィックを作る新しめのPhotoshopチュートリアル34 広告デザインのためのPhotoshopチュートリアル１５
『アバター』は3Dの方式を知ってから観ないともったいない
全世界の興行収益が2週間で10億ドル突破と、リピーターがガンガンメーター上げている『アバター』ですが……って、自分も3回観てました、すいません。 ただ、観るには観たけど言うほどじゃないゾ、という話をチラホラ耳にするので、よくよく聞いてみるとちょっと惜しいことが判明しました。今一度、3D映画の上映方式を書いておきます。これから観ようという方は参考にしてくださいね。 ひと口に3Dと言っても、複数の上映方法があります。偏光タイプの『RealD』、左右の映像を高速で切り換える『XpanD』、これと似たタイプですが左右の映像をRGBの位相をずらすのが『Dolby 3D』。これらは見比べると、えっ、と思うくらいの違いがあります。 『RealD』は『キャプテンEO』の方式、というとピンと来るかもしれませんね。『XpanD』は液晶シャッターで、分厚い3Dグラスを使用しますが、家庭用にヘッドセットタイプが何
「攻殻機動隊」「電脳コイル」の世界を実現！ - ARToolKitを使った拡張現実感プログラミング
仮想世界と現実世界を融合する技術は，拡張現実感（Augmented Reality：AR）と呼ばれています． おおげさな言い方をするとARは現実の世界に情報を「上書き」することができる技術です． アニメや映画にでてくる「電脳」を想像してみてください． 手のひらの上に3Dキャラクタを表示したり，現実の世界でデジタル・データに触れてみたり… そんな魔法のような技術です． ARToolKitは，ARアプリケーションの実装を手助けするC言語用のライブラリです． ARToolKitを使うと，紙に印刷されたパターンをカメラで読み取り， その上に3Dオブジェクトをオーバーレイ表示するアプリケーションが簡単に作れます． 本来は非常に敷居の高い技術なのですが，このライブラリは「難しい部分」の処理を 全てやってくれます． …というわけで今回はARToolKitを使って近未来の技術 「拡張現実感」 を体験してま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
