タグ 3D表現
人気順 5 users 50 users 100 users 500 users 1000 users頑張らない3D表現! WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA
ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現(あるいは3D風)を実現する方法を紹介します。 サンプルを別ウインドウで開く コ... 続きを読む
ブラウザーの3D表現もここまで来た!WebGLを使った驚きのWebサイト - W3Q - Web制作者のお悩み解決サイト
ブラウザーで3次元コンピュータグラフィックスを表示させるための標準仕様「WebGL」。Microsoftも重い腰を上げ、次期バーションの「IE11」からWebGLを標準サポートすることが決定しています。これからますます目にする機会が増えそうです。 そんな、圧倒的な3D表現が可能なWebGLを使った驚きのWebサイトを集めました。 続きを読む
CSSを使った様々な画像表示エフェクトをプレビューしながらコード生成できるジェネレーター。フェードインなどのよくあるエフェクトから3D表現まで24種類のエフェクトを生成できます。
コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 続きを読む
Webサイトに3D表現を組み込みたいときに役立つテクニックやライブラリまとめ4つ - W3Q
[ノウハウ・Tips] Webサイトに3D表現を組み込みたいときに役立つテクニックやライブラリ 続きを読む
リッチな表現でデザインに差がつく、3D表現ができるjQueryスライドショープラグインまとめ2つ - W3Q
[JavaScript] リッチな表現でデザインに差がつく、3D表現ができるjQueryスライドショープラグイン 続きを読む
Flash無しでここまで3D表現ができる!WebGLで作られた凄いWebサイトまとめ5つ - W3Q
[Webデザイン] Flash無しでここまで3D表現ができる!WebGLで作られた凄いWebサイト 続きを読む
CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモまとめ8つ - W3Q
[JavaScript] CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモ 続きを読む
2012年のWebサイト制作に使いたい、CSS3の新しい表現を提供するJSライブラリまとめ3つ - W3Q
CSS3のtransformsやtransitionsを使って回転や3D表現などを提供するプレゼンテーションツール「impress.js」 impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the ide... 続きを読む
影をマウス位置に追随させられるJavaScript「OKShadow」|skuare.net
影をマウス位置に追随させられるJavaScript「OKShadow」 Tweet 要素にドロップショドウをかけることがあるかと思いますが、OKShadowを利用すると、その影をマウス位置に追随させることが可能です。 これにより、3D表現を擬似的に実現させられます。 使用方法 OKShadowからファイルをダウンロード。 <script type="text/javascript" src="jq... 続きを読む
Kinect 巨乳
Kinectを利用した、バーチャル巨乳です。「マーカーレス」「高度な3D表現」「巨乳に触れる」「複数人プレイ」などが特徴です。「AR巨乳クリニック」で実現した「身体の拡張」がKinectを利用してさらにパワーアップしました。 今までのAR巨乳では実現しなかった、 「マーカーレス」「高度な3D表現」「巨乳に触れる」「複数人プレイ」などの進化を遂げています。 Using Kinect, is a v... 続きを読む
現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」 【増田(@maskin)真樹】 : TechWave
現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」 【増田(@maskin)真樹】 : TechWave 2011年08月08日15:30 現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」 【増田(@maskin)真樹】 [読了時間:2分] WebKitベースのウェブブラウザ「Safari」や「Google ... 続きを読む
SPB Shell 3D : ホームアプリの革命児!アニメーションと3D表現が魅力のホームアプリ!Androidアプリ1672
アプリの特徴 多彩な機能とアニメーション表示が魅力のホームアプリ ホーム画面を3Dで表示する「3Dホームスクリーン」 アプリをフォルダにまとめて表示する「スマートフォルダー」 立体的なウィジェット「3Dウィジェット」 Flickerの画像を一発で壁紙に設定 『SPB Shell 3D』は、今までのホームアプリとは一線を画す、ハイクオリティなホームアプリです。 ものすごいホームアプリが登場しました。... 続きを読む
HTML5の12の事例「12 Fun & Clever Examples of HTML5」 | DesignDevelop
ロゴも策定されWEB業界では徐々に浸透しつつあるHTML5ですが、今までのHTMLでは表現できない、ものが多々、可能になっていて、クリエイティブの面、機能面でも期待されていますが、今日紹介するのはHTML5の機能を使った事例を集めたエントリー「12 Fun & Clever Examples of HTML5」です。Darkroomアニメーションを用いたものから、3D表現、ゲームなどなど、いままで... 続きを読む