doors doors

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

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

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

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

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

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

関連記事

number

【Javascript・JQuery】カウントアップを複数動かしながら画面内でスタートさせるためには

「カウントアップ」 数字がくるくるして表示されるアレです。 プラグイン入れてちょちょいとやってしまえばいいやー!と思っていましたが意外と遠回りしました。 スクロ...

chart.js

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

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

LightWave 3D|ポリゴン選択

LightWave3D|隣接するポリゴンを一斉に選択する LightWave3D(以下、LW3D)のポリゴンを選択する方法はマウスドラッグ、予めレイヤーで分けて...

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

花粉症との戦い

花粉症の季節がやってきてしまいました。 今年は去年より多いそうで、筆者は戦慄して...

進化したGoogle レンズ

写真や画像に関連する情報を取得したいなら、「Googleレンズ」が便利です。 こ...

もうすぐ節分!ことしは2月2日

早いもので1月があっという間に過ぎ、2月を迎えようとしています。 2月といえば節...

右横文字のアイキャッチ画像

はたらくクルマの“右横書き”に見る、風習や習慣の変化について。

トラックや業務用車両の右側面によく見かける、右から左に向かって書かれている「右横...