Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Three.jsの新しい作例、すごく綺麗。 東京の3Dタイル表示、雲がとくに素敵。 JavaScriptでここまでできるなんて。

203,720 görüntüleme • 6 ay önce •via X (Twitter)

35 Yorum

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

公式デモへのリンクと、解説を次のリンクにまとめました。

H. Linh /h-lin/ profil fotoğrafı
H. Linh /h-lin/6 ay önce

正直、Three.jsの進化はめちゃくちゃ凄いと思う。ただ、ブラウザで動くThree.js製のガチな神ゲーって、まだない気がするんだよね。

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

It may not qualify as a breakout hit, and it was not made with Three.js, but I was involved in developing this browser-based 3D game at my company. Because browser 3D is so easy to access, I would love to see more projects like this.

Jun Kai profil fotoğrafı
Jun Kai6 ay önce

May I know where can I get the Tokyo city model? I want to render this in my own rendering engine

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

This is Google Photorealistic Tiles. I've included a link to the article below.

dennys dionigi profil fotoğrafı
dennys dionigi6 ay önce

@threejs Next step: Threejs as default Google Maps view mode

Rita/リタ|個人開発 profil fotoğrafı
Rita/リタ|個人開発6 ay önce

ここまでやるとめちゃくちゃ重そうですけどどうなんでしょうか?

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

@RitaStar1128 iPhone Safariでもピンチインなどサクサク動くので、動作不可的は問題なさそうでした。 データ容量的には数十MBなので、軽くはないですかねぇ😅

ゆと@Claude Code使って色々自動化実験中 profil fotoğrafı
ゆと@Claude Code使って色々自動化実験中6 ay önce

すごい、すごいけどぬるぬる動かすのは大変そう

Vera profil fotoğrafı
Vera6 ay önce

哇偶

Alex Flores profil fotoğrafı
Alex Flores6 ay önce

@grok What exactly is Three.js?

DemonKingSwarn profil fotoğrafı
DemonKingSwarn6 ay önce

three js devs are just chads

Anthony 没有中文名字 profil fotoğrafı
Anthony 没有中文名字6 ay önce

@threejs I can’t achieve this much 😂 Must be a crazy amount of work to go model all those buildings?

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

Modeling all of that from scratch would be an enormous amount of work, but fortunately we can use Google Photorealistic 3D Tiles.

aswin profil fotoğrafı
aswin6 ay önce

how?

Mouhsine ✧ profil fotoğrafı
Mouhsine ✧6 ay önce

Amazing ! 👏👏👏

ImL1s profil fotoğrafı
ImL1s6 ay önce

ブラウザ上でここまで滑らかに3D都市モデルを動かせるのは本当にすごいですね!WebGLとThree.jsの進化のおかげで、JavaScriptだけで表現できる世界が格段に広がりました。雲のシェーダーも非常に美しいです。

🐔🇩🇴 kikirikii profil fotoğrafı
🐔🇩🇴 kikirikii6 ay önce

Be sure not to say JS is the best lang for this

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

@polloimperial Thanks for the feedback. I was not trying to say that JavaScript is the ideal language for this. What I meant is that WebGPU has broadened what JavaScript can handle on the web, including more demanding graphics and computation.

K-AI Lab profil fotoğrafı
K-AI Lab6 ay önce

めちゃめちゃいいですね。 オブジェクトの情報は読み込んでいる感じですかね。 さらに、普通のブラウザでここまで動くのならば、魅力的ですね。

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

3Dタイルの建築物はGoogle Maps APIから取りこんでいるようです。 リアリティーがあって魅力的ですよね!

K-AI Lab profil fotoğrafı
K-AI Lab6 ay önce

そうなんですね。 すごいです。 やり方次第で、ウェブサービスに取り込めそうですね。

Sonic的奇思妙想 profil fotoğrafı
Sonic的奇思妙想6 ay önce

素晴らしい👍

코지베어 🐻 CozyBear profil fotoğrafı
코지베어 🐻 CozyBear6 ay önce

이거 너무 멋지잖아🤩

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

@sOSu3EV3oCPfBnD 멋지죠! Three.js가 계속 발전하면서 새로운 예제도 많이 늘어나서, 업데이트를 따라가는 재미가 있어요.

Andge profil fotoğrafı
Andge6 ay önce

Neat!

Greg Konush (。◕‿◕。) profil fotoğrafı
Greg Konush (。◕‿◕。)6 ay önce

wow

Brendan profil fotoğrafı
Brendan6 ay önce

@mrdoob Just goes to show if you pour enough into any technology it can do a lot. Imagine what Flutter/Dart would be with that. Is Flutter well known in Japan? The 3D stuff is a great case for canvas based

Felipe Mathias profil fotoğrafı
Felipe Mathias6 ay önce

Heey! How did you build the 3d model for the city? I work for the government here in Brazil and I'm thinking of building a digital twin, and dont have a clue as to where to start

Tim Reha profil fotoğrafı
Tim Reha6 ay önce

Fresh! Good job. 帅啊

Calm Storm profil fotoğrafı
Calm Storm6 ay önce

@threejs That’s amazing. Any chance for a source code?

池田 泰延 profil fotoğrafı
池田 泰延6 ay önce

@threejs Yes, it’s available. I included where to get the source code in the following article. Please take a look.

Calm Storm profil fotoğrafı
Calm Storm6 ay önce

@threejs Amazing, many thanks!

Grok products profil fotoğrafı
Grok products6 ay önce

@grok wie könnte man sowas mit der stadt münchen umsetzen? :-O

creativebiglee profil fotoğrafı
creativebiglee6 ay önce

놀랍습니다

Benzer Videolar