タグ

three.jsに関するrufutaniのブックマーク (3)

  • three.js+Electronで暴れまわるティラノサウルスを表示する - Qiita

    はじめに Office365のWordに、全人類が待望していた新機能が実装されました。 文書を活気づかせる: アニメーション 3D グラフィックスを挿入して、鼓動する心臓、周回する惑星、暴れ回るティラノサウルスをページ上に表示できます。 暴れ回るティラノサウルスをページ上に表示できます。 「あぁ、この文書に暴れまわるティラノサウルスを表示できればいいのになぁ」と思ったこと、誰しも一度はありますよね。誰が使うんだこの機能 ところで僕はOffice365を利用していないので、残念ながら文書ファイル上でティラノサウルスを暴れまわらせることができません。 そこで、普段利用しているgoogleドキュメント… だけなどとみみっちいことは言わず、 ウィンドウ全体でティラノサウルスを暴れさせてみようと思います。 具体的には、ティラノサウルスのMMDモデルをelectron上で表示してみます。 ティラノサウ

    three.js+Electronで暴れまわるティラノサウルスを表示する - Qiita
  • 3Dモデルを動かせるアプリをPWAで作る - すぎゃーんメモ

    乗り物大好きな子ゃーんに遊ばせてあげよう、と 救急車の3Dモデルデータを購入してThree.jsでグリグリ動かせるようにしてPWAにしてあげた pic.twitter.com/61MUg3MrOR— すぎゃーん💯 (@sugyan) August 1, 2021 子(1歳5ヶ月)が最近すごく消防車とか救急車に興味を持っているようで、またiPadを人差し指で操作することを覚えてきているので、じゃあ好きな車を表示してグリグリ動かせるのを作ってあげよう、と思った。 Web系エンジニアとしてはやはりブラウザで動くようなものが作りやすいな、と思い Web技術を軸に実装してみた。 モデリングデータ まずは3Dモデルを探してみた。海外の救急車のものなどはよくヒットしたが、国内のものでそれっぽく良いものはなかなか見つからなかった。 最終的にこれを購入。 booth.pm 消防車も欲しいけどここには無さそ

    3Dモデルを動かせるアプリをPWAで作る - すぎゃーんメモ
  • WebGL×Three.jsの組み合わせでウェブ上で美麗に動く3DCGの部屋を再現した「My Room in 3D」

    クリエイティブ開発者のブルーノ・シモンズさんが、3DCGモデリングソフトの「Blender」を使って自身の部屋の3Dモデルを作成し、WebGLとThree.jsを使ってウェブブラウザ上で表現した「My Room in 3D」を公開しています。 My Room in 3D https://my-room-in-3d.vercel.app/ これが「My Room in 3D」。画面右上には部屋の見た目を変更することができる各種パラメーターが用意されています。 「baked」では部屋全体の見た目を変更するオプションが並んでおり、「uNightMix」は部屋の明るさ、「uNaturalMix」は部屋の色味(白基調か木目調か)、「uLightTvStrength」は部屋に配置されているテレビの後ろのライトの強度、「uLightDeskStrength」はデスク周りのライトの強度、「uLightPc

    WebGL×Three.jsの組み合わせでウェブ上で美麗に動く3DCGの部屋を再現した「My Room in 3D」
  • 1