Tag : 3D

READ MORE

以前、jQueryを使って簡単に3Dっぽい動作を表現することができないか、実験した時のほとんど遊びで作ったサンプルを紹介してみます。マウスオーバーで立方体が回転しているように見せる方法。上下左右にボタンを用意してマウスオーバーすることで画像の表示/非表示や、配置位置の指定、幅(width)を切り替えます。サンプル1上下…

READ MORE

JavaScriptを一切使わずにCSSのみでの様々な演出を紹介している「Román Cortés」がスゴいの一言。まずはコーラの缶をスクロールバー操作によって回転させる技。≫Román Cortés » Pure CSS Coke Canbackgr…

READ MORE

実際にどう使うかはまったくイメージしていないものですが、jQueryでの3D的表現を試みている「jQuery faux-3D Viewport」がちょっとおもしろかったのでご紹介。≫nemoorange.com: jQuery faux-3D Viewport大中小の枠を重ね合わすことで立体的な視覚表現を生み、コントロ…

READ MORE

以前、Mootoolsを使って画像を3D回転させるライブラリを紹介しましたが、同じ様な仕掛けをjQueryでシンプルに組み込めるものがあったのでご紹介。≫How to Create a 3D Tag Cloud in jQueryjQueryファイルと簡単な<script>を組み合わせるだけで、3D立体回転…

READ MORE

3Dモデルとテクスチャ素材を検索できるサイト「3dfilter」が便利そうです。≫3dfilter検索結果はフリーの物から有料の物までさまざまですが、データフォーマット、値段でフィルタリングもできるので便利に使えそうです。「icon」で検索後、値段(Price)を「Free」でフィルタリングした結果は以下の様な感じに。…

READ MORE

画像をマウスの動きに合わせて縦・横方向にグルグル3D回転させることができるスクリプトの紹介。グルグル感が気持ちよかったので試してみました。まずは横パターン使用方法もいたってシンプルで、必要なJSファイルを読み込ませ、回転させる画像群をIDで囲み<a>タグに関連クラスを付けるだけ。JSファイルは「mootoo…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner