Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

JavaScriptで炎上させてみました🔥 WebGPU（Three.js）で大量の火の玉を表現。 ドローコールを最適化したので、軽やかに動作します。

clockmaker's profile picture

池田 泰延

31,765 subscribers

28,843 görüntüleme • 2 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

7 Yorum

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

デモは次のURLで試せます。 昔2013年にFlash Stage3Dで作って →2014年にAway3D TypeScript(WebGL)で移植し、 →今回2026年にThree.js + WebGPUへ移植しました。 #WebGPU #threejs #JavaScript #canvas

Ring0 profil fotoğrafı
Ring02 ay önce

いいですね

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

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

Franklin Williams profil fotoğrafı
Franklin Williams2 ay önce

Amazing

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

Thank you

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

マリオのファイアスネークですね！ 懐かしい

Mazrael.shib profil fotoğrafı
Mazrael.shib2 ay önce

That will come in handy. Thanks clockmaker

Benzer Videolar

Three.jsの新しいWebGPUレンダラーを使って3D表現。 JavaScriptでヌルヌルと動きます。
0:46

Three.jsの新しいWebGPUレンダラーを使って3D表現。 JavaScriptでヌルヌルと動きます。

池田 泰延

138,582 görüntüleme • 1 yıl önce

そのアバター、 まだ Very Poor のままですか？ TextureColorKit に、 VRChatアバターの最適化を より手軽に進められる新機能を追加しました。 Mesh 数や Material スロット数など、 パフォーマンスランクに影響する要素を自動で分析・整理。 複雑になりがちな最適化作業を、 できるだけ安全に、そして手軽に行えるようにしました。 ポイントは、 「自動で」「かんたんに」。 最適化に悩んでいる方は、 ぜひチェックしてみてください。 🔗 #kobokits #VRChat #booth_pm
0:43

そのアバター、 まだ Very Poor のままですか？ TextureColorKit に、 VRChatアバターの最適化を より手軽に進められる新機能を追加しました。 Mesh 数や Material スロット数など、 パフォーマンスランクに影響する要素を自動で分析・整理。 複雑になりがちな最適化作業を、 できるだけ安全に、そして手軽に行えるようにしました。 ポイントは、 「自動で」「かんたんに」。 最適化に悩んでいる方は、 ぜひチェックしてみてください。 🔗 #kobokits #VRChat #booth_pm

KOBO KITS

115,005 görüntüleme • 5 ay önce

ベーコンの旨みとチーズのとろ〜りで最高！ 焼肉のたれだけで味決まるからガッツリなのに超ラクです！ 【照り照りベーコンチーズ目玉焼き】 【材料】 たまご3個 ベーコン4枚 ピザ用チーズひとつかみ バター20g 焼肉のたれ大さじ1 黒こしょう適量 パセリ適量 【作り方】 ①フライパンでバターを溶かし、ベーコンを軽く焼く ②たまごを落として少し固まったらチーズをのせ、フタして1分 ③仕上げに焼肉のたれをかけて黒こしょう、パセリで完成
0:25

ベーコンの旨みとチーズのとろ〜りで最高！ 焼肉のたれだけで味決まるからガッツリなのに超ラクです！ 【照り照りベーコンチーズ目玉焼き】 【材料】 たまご3個 ベーコン4枚 ピザ用チーズひとつかみ バター20g 焼肉のたれ大さじ1 黒こしょう適量 パセリ適量 【作り方】 ①フライパンでバターを溶かし、ベーコンを軽く焼く ②たまごを落として少し固まったらチーズをのせ、フタして1分 ③仕上げに焼肉のたれをかけて黒こしょう、パセリで完成

ハマごはん【お手軽レシピ】

128,419 görüntüleme • 7 ay önce

モーションを生成できるNVIDIAのMotionBricksを、ブラウザのWebGPUで動かしてみた。 矢印キーの操作に合わせて、その場で動きを生成してます。 同じ動きのループじゃないので、妙に生々しい。 #MotionBricks #VRM
0:38

モーションを生成できるNVIDIAのMotionBricksを、ブラウザのWebGPUで動かしてみた。 矢印キーの操作に合わせて、その場で動きを生成してます。 同じ動きのループじゃないので、妙に生々しい。 #MotionBricks #VRM

monoradio

120,575 görüntüleme • 4 gün önce

CAWのM1911A1発火しました 使用した発火カートリッジは、あの幻のMGC製CV型ブローバック45ACPカートで発火させる度に銃口が6センチ(！)上がります まるで実銃を撃っているかのような反動で楽しいのですが発火後の平玉火薬の掃除が大変なのでキャップ火薬でCP仕様を開発して欲しいと思いました
0:53

CAWのM1911A1発火しました 使用した発火カートリッジは、あの幻のMGC製CV型ブローバック45ACPカートで発火させる度に銃口が6センチ(！)上がります まるで実銃を撃っているかのような反動で楽しいのですが発火後の平玉火薬の掃除が大変なのでキャップ火薬でCP仕様を開発して欲しいと思いました

Yuki

15,021 görüntüleme • 3 ay önce

【アークナイツ：エンドフィールド】 レーヴァテインの大剣『烈火の魔剣』を作ってみた 今までで最長サイズの作品です。初の電飾に挑戦し、焼けている刀身をイメージして制作しました。 #エンドフィールド #アークナイツエンドフィールド
0:21

【アークナイツ：エンドフィールド】 レーヴァテインの大剣『烈火の魔剣』を作ってみた 今までで最長サイズの作品です。初の電飾に挑戦し、焼けている刀身をイメージして制作しました。 #エンドフィールド #アークナイツエンドフィールド

かずし/ 𝐊𝐚𝐳𝐮𝐬𝐡𝐢 𝐦𝐚𝐤𝐢𝐧𝐠

330,563 görüntüleme • 9 ay önce

【おしがまチャレンジ】 大量野ションっ娘の動画になりますが、 どれくらいの量出したのでしょうか 計算してみました 動画を見た人は、この女の子の量我慢できるか挑戦してみてください
2:24

【おしがまチャレンジ】 大量野ションっ娘の動画になりますが、 どれくらいの量出したのでしょうか 計算してみました 動画を見た人は、この女の子の量我慢できるか挑戦してみてください

うずら

16,177 görüntüleme • 1 yıl önce

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

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

池田 泰延

162,323 görüntüleme • 9 ay önce

ベイズ最適化の解説動画を作ってみました。 最初のほうは少し怪しい説明になっていますが、途中からは分かりやすいはずです。 ベイズ最適化による実験計画法の動画も予定しています。
2:59

ベイズ最適化の解説動画を作ってみました。 最初のほうは少し怪しい説明になっていますが、途中からは分かりやすいはずです。 ベイズ最適化による実験計画法の動画も予定しています。

技術の動画｜元科学者の技術解説

66,471 görüntüleme • 1 ay önce

意図的に音楽・音声を劣化させるツール「PIGAGA(ピガガ)」を公開しました。プリセット×適用度の調整で、多彩なレトロ音声や劣化表現を再現できます。
1:06

意図的に音楽・音声を劣化させるツール「PIGAGA(ピガガ)」を公開しました。プリセット×適用度の調整で、多彩なレトロ音声や劣化表現を再現できます。

トミナガハルキ | フリーランス歴10年な人

95,063 görüntüleme • 7 ay önce

中村玉緒さんが肺炎で死亡した件について 昔テレビで中村玉緒さんが自動車教習所で 車を運転してたのを思い出した。 お悔やみ申し上げます。
2:08

中村玉緒さんが肺炎で死亡した件について 昔テレビで中村玉緒さんが自動車教習所で 車を運転してたのを思い出した。 お悔やみ申し上げます。

ヒカリュウ【玲音-れお-】

335,494 görüntüleme • 4 ay önce

会話シーンで使うマンガ表現のテストをしてみました🔥 UE5でこういった表現をする資料がなくてなかなか大変でした… 良い感じにできて満足です！ ちなみに使っているイラストもUE5で制作しています！ こういうの作るの楽しいですね。 #スーパーゲ制デー #UE5 #gamedev #indiedev
0:34

会話シーンで使うマンガ表現のテストをしてみました🔥 UE5でこういった表現をする資料がなくてなかなか大変でした… 良い感じにできて満足です！ ちなみに使っているイラストもUE5で制作しています！ こういうの作るの楽しいですね。 #スーパーゲ制デー #UE5 #gamedev #indiedev

Oooogami

131,520 görüntüleme • 3 yıl önce

【謝罪動画】 この度は私の心ないツイートにより関係者各位を不快にさせてしまい申し訳ございませんでした。 該当ツイートは削除させていただきましたが漢として誠意を見せるべく動画にて謝罪します。自分でつけた火は自らを炎上させ火消しとします。☝️🔥 この度は本当に申し訳ございませんでした。
0:50

Sensitive content

【謝罪動画】 この度は私の心ないツイートにより関係者各位を不快にさせてしまい申し訳ございませんでした。 該当ツイートは削除させていただきましたが漢として誠意を見せるべく動画にて謝罪します。自分でつけた火は自らを炎上させ火消しとします。☝️🔥 この度は本当に申し訳ございませんでした。

おさしみ

151,981 görüntüleme • 2 ay önce

交流ロボコンで技術賞をいただきました！ 茨城高専Bチーム たまたま完熟金柑(ﾀﾏﾀﾏｶﾝｼﾞｭｸｷﾝｶﾝ)です 安定完全自動を目指して技術開発をメインでやってました 本番でも98%を自動で競技を終わらせることができました！ またRealSense画像認識でアヒルの自動回収をしたり、LiDARx3の最強自己位置推定をやりました 自律移動 mermaidを使った状態遷移図をもとに自律移動をし、競技をすべてこなすことができます 非線形最適化で事前に経路を引いたり、A*で動的に生成したりできます 自動の停止精度は1.2cmでした 6m/s 8m/s2で自動ができましたが、安全面やカーブ時の安定性の問題から3m/sに制限していました（動画は手動時のものです） 画像認識 担当：HK YOLOv8を使いアヒルを検出、Depthから位置を推定しています （アノテーション5k枚） 検出結果から経路を引きPurePursuitで追従することで正確にアヒルを回収できます ✞最強の自己位置推定✞ 事前にホイールオドメトリのバイアスなどをマルチIMUを使い測定し、オドメトリの精度を向上させていました MCLで位置推定をしていました 400hzで動作しましたがLiDARが40Hz x2 + 30Hzだったので100Hzで動かしていました 8m/sで動かした時も安定して位置推定ができており、大会期間中に3回しか自己位置がずれませんでした 物理シミュレーター 担当： HK ros2 for unity を使って物理シミュレーションをしていましたが、実機が思ったより早く完成したので途中から使わなくなってしまいました ボトル検出 LiDAR点群からペットボトルの位置を推定し自動で回収します yaw角と横方向を先に揃えて最後に後ろにまっすぐ下がることで安定して回収ができました コントローラー 担当： HK いつも通りros2 for unity androidでアプリを作成し直接通信しています こたっく 様によりjazzyに対応させることができたのですべてjazzyに移行しました map path goal current poseの表示やinitial poseのpublishができるので試合中rviz2をみることなく終わることができました またコントローラーの角度を取得し、操縦者の向いている方を前として操縦できるようになってます (手動操縦ほぼしなかったけど) #交ロボ #ROS2
1:52

交流ロボコンで技術賞をいただきました！ 茨城高専Bチーム たまたま完熟金柑(ﾀﾏﾀﾏｶﾝｼﾞｭｸｷﾝｶﾝ)です 安定完全自動を目指して技術開発をメインでやってました 本番でも98%を自動で競技を終わらせることができました！ またRealSense画像認識でアヒルの自動回収をしたり、LiDARx3の最強自己位置推定をやりました 自律移動 mermaidを使った状態遷移図をもとに自律移動をし、競技をすべてこなすことができます 非線形最適化で事前に経路を引いたり、A*で動的に生成したりできます 自動の停止精度は1.2cmでした 6m/s 8m/s2で自動ができましたが、安全面やカーブ時の安定性の問題から3m/sに制限していました（動画は手動時のものです） 画像認識 担当：HK YOLOv8を使いアヒルを検出、Depthから位置を推定しています （アノテーション5k枚） 検出結果から経路を引きPurePursuitで追従することで正確にアヒルを回収できます ✞最強の自己位置推定✞ 事前にホイールオドメトリのバイアスなどをマルチIMUを使い測定し、オドメトリの精度を向上させていました MCLで位置推定をしていました 400hzで動作しましたがLiDARが40Hz x2 + 30Hzだったので100Hzで動かしていました 8m/sで動かした時も安定して位置推定ができており、大会期間中に3回しか自己位置がずれませんでした 物理シミュレーター 担当： HK ros2 for unity を使って物理シミュレーションをしていましたが、実機が思ったより早く完成したので途中から使わなくなってしまいました ボトル検出 LiDAR点群からペットボトルの位置を推定し自動で回収します yaw角と横方向を先に揃えて最後に後ろにまっすぐ下がることで安定して回収ができました コントローラー 担当： HK いつも通りros2 for unity androidでアプリを作成し直接通信しています こたっく 様によりjazzyに対応させることができたのですべてjazzyに移行しました map path goal current poseの表示やinitial poseのpublishができるので試合中rviz2をみることなく終わることができました またコントローラーの角度を取得し、操縦者の向いている方を前として操縦できるようになってます (手動操縦ほぼしなかったけど) #交ロボ #ROS2

Kazusa Hashimoto 橋本千聡

34,610 görüntüleme • 7 ay önce