doors doors

three.jsと3Dでお参りできる神社作ってみた

  • HOME
  • TRY
  • 【javascript】three.jsと3Dでお参りできる神社作ってみた

【javascript】three.jsと3Dでお参りできる神社作ってみた

あけましておめでとうございます。
今年もよろしくお願い申し上げます。

神社にお参りできる3Dページを作ってみました。

マウスホイールでくるくるしていくと鳥居の中に入ってその先を見ることができます。
ぜひご覧になってください★

LightWave3Dによるモデリング(補足)

3Dアプリケーションとの相性があるかも知れません。これはLightWave3Dでモデリングを行いました。
LightWave3Dでは4点ポリゴンで主に作成していきますが、three.jsが読み込むためには3点ポリゴンにする必要があり、出力形式は、3D Studio Max互換の形式で読み込めましたが、OBJ形式では読み込みエラーになりました。
課題はサーフェイスがスムース処理されてしまうことです。LightWave3Dではテクスチャ設定で個別にスムース処理ができますが、その設定とは関係なく一様にスムース処理されています。

関連記事

【parallax】IEでも綺麗に動くパララックスを探してみた(追記あり)

スクロールすると背景が止まって見えたり、要素が動くパララックス。パララックスのライブラリはいくつか存在しますが、IEのために見直すことにしました。 IEでカクつ...

【WordPress】投稿者が仲良くなれる管理画面にカスタマイズしてみた

この記事はWordPressを使用しており、複数人の投稿で成り立っています。 投稿の内容も十人十色となるわけで、 「ここのレイアウトこうしたい…」 「新しいレイ...

Brackets|サポート終了

Brackets|突然、告げられるサポート終了 参りました・・・2021年9月をもってBracketsサポート終了です。確かにAdobeとしては、Bracket...

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

Illustrator|3Dとマテリアル

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

Dreamweaver|ライブラリのリンク

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

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

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

Brackets|サポート終了

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