頑張らない3D表現！ WebGLを使わずにウェブサイトで3Dを実現するCSSテクニック - ICS MEDIA

2023/05/19 102 users WebGL ウェブデザイン ICS MEDIA 別ウィンドウ

ウェブデザインにおける3D表現はリッチでユーザーの興味を惹くものがあります。しかし3Dコンテンツの実装は技術レベルも高く、予算も豊富でないと難しいものです。そこで、今回はWebGLや代表的な3DライブラリのThree.jsを使わないで3D表現（あるいは3D風）を実現する方法を紹介します。 サンプルを別ウインドウで開く コ... 続きを読む

ブラウザーの3D表現もここまで来た！WebGLを使った驚きのWebサイト - W3Q - Web制作者のお悩み解決サイト

2013/07/23 325 users WebGL 次期バージョン ブラウザー Microsoft

ブラウザーで3次元コンピュータグラフィックスを表示させるための標準仕様「WebGL」。Microsoftも重い腰を上げ、次期バーションの「IE11」からWebGLを標準サポートすることが決定しています。これからますます目にする機会が増えそうです。 そんな、圧倒的な3D表現が可能なWebGLを使った驚きのWebサイトを集めました。 続きを読む

CSSを使った様々な画像表示エフェクトをプレビューしながらコード生成できるジェネレーター。フェードインなどのよくあるエフェクトから3D表現まで24種類のエフェクトを生成できます。

2012/11/05 33 users フェードイン ジェネレーター エフェクト CSS コード

コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 続きを読む

Webサイトに3D表現を組み込みたいときに役立つテクニックやライブラリまとめ4つ - W3Q

2012/06/19 24 users テクニック ライブラリ W3Q Webサイト

[ノウハウ・Tips] Webサイトに3D表現を組み込みたいときに役立つテクニックやライブラリ 続きを読む

リッチな表現でデザインに差がつく、3D表現ができるjQueryスライドショープラグインまとめ2つ - W3Q

2012/04/07 55 users 表現 W3Q jQueryスライドショープラグイン デザイン

[JavaScript] リッチな表現でデザインに差がつく、3D表現ができるjQueryスライドショープラグイン 続きを読む

Flash無しでここまで3D表現ができる！WebGLで作られた凄いWebサイトまとめ5つ - W3Q

2012/04/02 47 users WebGL webデザイン W3Q

[Webデザイン] Flash無しでここまで3D表現ができる！WebGLで作られた凄いWebサイト 続きを読む

CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモまとめ8つ - W3Q

2012/03/21 141 users CSS デモ Sprite3D.js JavaScript

[JavaScript] CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモ 続きを読む

2012年のWebサイト制作に使いたい、CSS3の新しい表現を提供するJSライブラリまとめ3つ - W3Q

2012/01/02 58 users CSS3 W3Q Webサイト制作 新しい表現 回転

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

2011/10/13 13 users src text Tweet JavaScript マウス位置

影をマウス位置に追随させられるJavaScript「OKShadow」 Tweet 要素にドロップショドウをかけることがあるかと思いますが、OKShadowを利用すると、その影をマウス位置に追随させることが可能です。 これにより、3D表現を擬似的に実現させられます。 使用方法 OKShadowからファイルをダウンロード。 <script type="text/javascript" src="jq... 続きを読む

Kinect 巨乳

2011/09/30 548 users Kinect マーカーレス 巨乳 拡張 進化

Kinectを利用した、バーチャル巨乳です。「マーカーレス」「高度な３­D表現」「巨乳に触れる」「複数人プレイ」などが特徴です。「AR巨乳クリニック」で実現した「身体の拡張」がKinectを利用してさらにパワーアップしました。 今までのAR巨乳では実現しなかった、 「マーカーレス」「高度な３D表現」「巨乳に触れる」「複数人プレイ」などの進化を遂げています。 Using Kinect, is a v... 続きを読む

現行ブラウザで高度な3D表現を実現するJavaScriptライブラリ「Sprite3D.js」 【増田(@maskin)真樹】 : TechWave

2011/08/08 75 users 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

2011/05/30 11 users アニメーション 革命児 Androidアプリ ホームアプリ

アプリの特徴 多彩な機能とアニメーション表示が魅力のホームアプリ ホーム画面を3Dで表示する「3Dホームスクリーン」 アプリをフォルダにまとめて表示する「スマートフォルダー」 立体的なウィジェット「3Dウィジェット」 Flickerの画像を一発で壁紙に設定 『SPB Shell 3D』は、今までのホームアプリとは一線を画す、ハイクオリティなホームアプリです。 ものすごいホームアプリが登場しました。... 続きを読む

HTML5の12の事例「12 Fun & Clever Examples of HTML5」 | DesignDevelop

2011/01/30 26 users DesignDevelop Fun クリエイティブ HTML

ロゴも策定されWEB業界では徐々に浸透しつつあるHTML5ですが、今までのHTMLでは表現できない、ものが多々、可能になっていて、クリエイティブの面、機能面でも期待されていますが、今日紹介するのはHTML5の機能を使った事例を集めたエントリー「12 Fun & Clever Examples of HTML5」です。Darkroomアニメーションを用いたものから、3D表現、ゲームなどなど、いままで... 続きを読む