doors doors

3Dをマウスで動かせる画期的なjsライブラリ

  • HOME
  • TRY
  • 【javascript】three.jsを触ってみた

【javascript】three.jsを触ってみた

three.jsでweb上でも3Dを動かせるようにしてみました。
ペットボトルの3Dはiidaさん作です。

以下の画像をクリックして3Dページへ飛び、マウスホイールをくるくるして拡大してみてください。
マウスでドラッグすると横へ上へ回転することもできます!
ペットボトルの中には……アレが潜んでいます!

以上!iidaさんとのコラボでした!

関連記事

【jQuery】slidetoggleの落とし穴

アコーディオンナビが作りやすい、jQueryのslidetoggle。 設定するだけでcssなどのアニメーションをつけなくても自動で動いてくれます。 クリックし...

LightWave3D|鍵穴をモデリング_1

パニックルームのあのシーンを夢見て デヴィッド・フィンチャー監督「パニックルーム」をご存知ですか。18年前の作品ですが、今観ても新鮮です。この映画、SFではない...

chart.js

chart.jsでアニメーションするグラフを作ってみた

グラフ画像をただ置いておいても、円グラフはただの丸、棒グラフもただの棒の並びのように見えてしまい、なかなか注目されないものです。 そこでグラフを動かすchart...

WEB:企業サイト、PRサイト、ランディングページ、バナー制作やCMS構築、モーショングラフィックス、VP、動画制作、パンフレット、ポスター、チラシ、DMなど制作から印刷・納品まで。 お気軽にお問い合わせください。

Illustrator|3Dとマテリアル

イラストレータの3Dが復活! しかもパワーアップして戻ってきました!  バージョ...

Dreamweaver|ライブラリのリンク

状況 Dreamweaverのライブラリを使用する場合で、トップページ(inde...

Brackets|サポート終了からその後・・・

Brackets|サポート終了からその後 結論からお伝えすると、今は「Brack...

Brackets|サポート終了

Brackets|突然、告げられるサポート終了 参りました・・・2021年9月を...