【3Dマイルーム】を「カスタマイズ」して遊べちゃう！【My Room in 3D】とは？

みなさんこんにちは！おさかなです！

今回は「My Room in 3D」について、書いていこうと思います！

それでは、レッツゴー！！！！！

3Dマイルームで遊びぼう！

【プログラム不要】誰でもかんたんに「AR開発」ができちゃうサービス！【echoAR】とは？

みなさんこんにちは！おさかなです！今回は「echoAR」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・プログラム知識はないけど、ARに興味のある方・AR開発にチャレンジしたい方・手っ取り...

osakanav.com

2021.03.31

「My Room in 3D」って何？

「My Room in 3D」とは、自分でカスタマイズして遊べる「3Dマイルーム」のことです。
3Dグラフィックが描画できるJavaScriptライブラリの「Three.js」を使っており、オリジナルの部屋を作ることができます！(すごいっ！！)

My Room in 3D — Experiment

Creative WebGL experiment with Three.js

my-room-in-3d.vercel.app

【商用利用OK！】無料の「3Dイラスト」が見つかる！【3D Bay】とは？

みなさんこんにちは！おさかなです！今回は「3D Bay」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・立体的なイラストを探している方・3Dイラストを使用したい方・商用利用をしたい方...

osakanav.com

2021.08.26

実際につかってみよう！

カスタマイズしよう！

それでは早速サイトにアクセスします！(めっちゃすごい！)

(動いてる〜！！)

右上のボックスから色々とカスタマイズすることが出来るみたいです！

それでは上から順に見ていきましょう！
まず「uNightMix」のメーターを動かすと「部屋の明るさ」を変更することができます。(エモい)

次に「uNeutralMix」を変更すると、白ピンクっぽい色に！(かわいい！)

次に「tv」から「TVライトのカラー」を変更してみましょう！
(16進数のカラーコードも使えます！)

「uLightTvStrength」では「TVライトの明るさ」を変えることができます。(神々しい…✨)

マウス操作で「拡大」「縮小」もできます！(本当に部屋の中にいるみたい！)

他にもこんな感じで、PCのライトを変更できたり…。

細かいですが、コーヒーの湯気までカスタマイズできます！☕

ちなみに、GitHubからソースコードを見ることもできるので、プログラムの学習をしたい方はぜひご活用ください！(ふむふむ…。)

GitHub - brunosimon/my-room-in-3d

Contribute to brunosimon/my-room-in-3d development by creating an account on GitHub.

github.com

「製作者さん」のサイトも面白い！

右下の「Bruno Simon」をクリックすると、製作者さんのサイトへ飛べるのですが、これがまた面白い！(おお！)

サイトを開いてみると、何やら「START」との文字が！？笑

あれ？！この映像どこかで…？！笑

↓気になる方は、ぜひ覗いてみてください！

Bruno Simon - Creative developer

Creative developer living in Paris, freelancer, former lead developer at Immersive Garden, former developer at Uzik and teacher.

bruno-simon.com

これで全ての操作は完了です。(やった～！)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました！

Webサイト上で読める、JavaScriptの無料本！【Deep JavaScript】とは？

みなさんこんにちは！おさかなです！今回は「Deep JavaScript」について、書いていこうと思います！それでは、レッツゴー！！！！！想定読者・JavaScriptの学習している方・JavaScriptのおすす...

osakanav.com

2021.07.21