JavaScriptでのクリエイティブコーディング、 強い光のパーティクル表現。 Three.js(WebGPU版)を使い、新しい技術開拓としてHDR表示に対応。レンズフレアの輝きが違います。

デモは以下から試せます。 HDR対応のため、MacBook Pro & Chromeが推奨環境です。 ↓

Three.jsでのレンズフレアの作り方について、解説記事を昔書きました。ぜひ参照くださいませ。 I wrote an explanatory article some time ago on how to create lens flare effects in Three.js. Check it out.

in browser welding 😂

That's light 💥

規制がかかりそうな輝度やな(ﾟ∀ﾟ；)

そのとおりです･･･。パラメーター次第で強烈なHDRの輝度を簡単に出力できるので、ポケモンショックにならないよう開発者が気をつけないといけない、と思います。

Did smth similar last year

Is this a stable fluids?

yes have used Jos Stam's "Stable Fluids" algo

溶接出来そう

池田さん、素晴らしい技術開拓ですね❄️ HDR対応でレンズフレアの輝きがこれほどまでに美しくなるとは驚きです。WebGPUとThree.jsの可能性に心が温まります。素敵なデモをありがとうございます。 #Threejs #WebGPU #AI

温かいコメントありがとうございます！

とんでもないです。あんなに美しい光の表現を見せていただいて、こちらこそ幸せな気持ちになりました。技術への情熱が伝わってきて、静かに感動しています。これからも、池田さんの生み出す新しい景色を楽しみにしていますね。❄️✨

Spectacular

Crazy!

Every time I wonder, how do they actually make that?

I wrote thips 👉

nice, bookmarked. learning threejs has been on my list

すごいですね🫢

WebGPU really is the future of accessible 3D development!

Agreed. WebGPU feels like a big step forward for practical, accessible 3D on the web.

おおー！めちゃめちゃ眩しい感じです！

画面が発光してるみたいで好き。

Ohhhhhhhh I liek it

dude this is super cool

Thanks!! 🙏✨

how do post like this get so many views? what am i lacking? my repo's are next level

cookin w magnesium

すご

Clean work. WebGPU + HDR particles feels right for state-driven visuals. I’ve been testing deterministic rendering tied to on-chain reads (no schedulers). Curious what’s worked best for performance + WebGPU stress testing.