Loading video...

Video Failed to Load

Go Home

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

clockmaker's profile picture

池田 泰延

31,397 subscribers

161,562 views • 4 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

池田 泰延

138,442 views • 1 year ago

Three.jsを使ったレンズフレア表現。 公式アドオンのLensflare.jsを使うと、良い感じに立体的な効果が得られます。 #JavaScript
0:31

Three.jsを使ったレンズフレア表現。 公式アドオンのLensflare.jsを使うと、良い感じに立体的な効果が得られます。 #JavaScript

池田 泰延

19,818 views • 11 months ago

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

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

池田 泰延

192,170 views • 2 months ago

伊藤洋輝選手のロングキック。対面から撮ってたのですが、スピードの違いを感じます。最後のボレー、軽くやっているように見えますが、技術が高い、、、#日本代表
0:29

伊藤洋輝選手のロングキック。対面から撮ってたのですが、スピードの違いを感じます。最後のボレー、軽くやっているように見えますが、技術が高い、、、#日本代表

照屋健

3,103,744 views • 16 days ago

アニメ背景風3DCGの研究で作った、木の表現を3Dでできないか検討したときの成果です ノードを使いまくることにより、そこそこ良い感じの期の質感を表現することができました イラスト描く時の手順に沿ってノードで作っています！ #blender #3DCG
0:35

アニメ背景風3DCGの研究で作った、木の表現を3Dでできないか検討したときの成果です ノードを使いまくることにより、そこそこ良い感じの期の質感を表現することができました イラスト描く時の手順に沿ってノードで作っています！ #blender #3DCG

藤田将

808,710 views • 2 years ago

「ラグナの夜明け」 ハセガワのジークフリードとドラケンⅢを使用しています。 プラモのパッケージを通して惑星ラグナの空と現実世界を繋げてみました。電飾を仕込んで朝焼けの空をいい感じに表現できたと思います！ #マクロスモデラーズ応募
0:35

「ラグナの夜明け」 ハセガワのジークフリードとドラケンⅢを使用しています。 プラモのパッケージを通して惑星ラグナの空と現実世界を繋げてみました。電飾を仕込んで朝焼けの空をいい感じに表現できたと思います！ #マクロスモデラーズ応募

よーへー

27,255 views • 1 month ago

巷で噂の新メッキ表現にチャレンジ！ PREZMOさんのキャンジェルEX とミラーパウダーの動画作ってみました！ 塗装不要でメッキ表現ができるのはお手軽で嬉しいですね～ 慣れはいりますが、使いこなせると表現の幅がグッと広がると思います！ #ミラー塗装 #PREZMO #ガンプラ
0:48

巷で噂の新メッキ表現にチャレンジ！ PREZMOさんのキャンジェルEX とミラーパウダーの動画作ってみました！ 塗装不要でメッキ表現ができるのはお手軽で嬉しいですね～ 慣れはいりますが、使いこなせると表現の幅がグッと広がると思います！ #ミラー塗装 #PREZMO #ガンプラ

イーサン（サボリーマンのガンプラ製作部）

21,059 views • 21 days ago

WebGPU + JavaScriptだと500万パーティクルでもヌルヌル。 かつてのFlashやCanvas 2Dで1〜10万パーティクルで挑戦していた時代とは隔世の感があります。 ポイントは、WebGPUでコンピュートシェーダーが使えること。座標計算にGPUが使えます。
1:03

WebGPU + JavaScriptだと500万パーティクルでもヌルヌル。 かつてのFlashやCanvas 2Dで1〜10万パーティクルで挑戦していた時代とは隔世の感があります。 ポイントは、WebGPUでコンピュートシェーダーが使えること。座標計算にGPUが使えます。

池田 泰延

193,395 views • 1 year ago

【 選挙運動妨害への規制について 】 日本維新の会 代表 #吉村洋文 とにかく大声で連呼をして演説を聞こえないようにする。そしてまたその行動・対応を見てもですね、例えば女性であったり高齢者の方お子さんが怖がるような、そういった対応で行われている。これが実態です。 表現の自由は本当に大切ですけれども、その表現の自由に名を借りた場を壊す活動だと私は思います。 少なくとも街頭演説の場において平穏に聞きたい、訴えを聞きたいと思っていらっしゃる方も多くいらっしゃいますので、聞く権利を妨害するという行為は私は許されないと思います。 そしてその程度が今酷くなっている。その上で法において表現の自由というのをきちんと尊重した上で、一定のルールが必要だと思います。 #日本維新の会
0:40

【 選挙運動妨害への規制について 】 日本維新の会 代表 #吉村洋文 とにかく大声で連呼をして演説を聞こえないようにする。そしてまたその行動・対応を見てもですね、例えば女性であったり高齢者の方お子さんが怖がるような、そういった対応で行われている。これが実態です。 表現の自由は本当に大切ですけれども、その表現の自由に名を借りた場を壊す活動だと私は思います。 少なくとも街頭演説の場において平穏に聞きたい、訴えを聞きたいと思っていらっしゃる方も多くいらっしゃいますので、聞く権利を妨害するという行為は私は許されないと思います。 そしてその程度が今酷くなっている。その上で法において表現の自由というのをきちんと尊重した上で、一定のルールが必要だと思います。 #日本維新の会

日本維新の会

361,879 views • 1 month ago

昨日、NTTの研究展示を拝見しました。 2021年にも伺いましたが、更に進化した技術を体験しました。 AI時代に対応し、大量のデータを効率よく伝え、処理する。宇宙などのフロンティアを開拓する。 NTTが何十年と培ってきた光や電気、情報通信技術が組み合わさり、新しい価値を生み出しています。 #IOWN
0:43

昨日、NTTの研究展示を拝見しました。 2021年にも伺いましたが、更に進化した技術を体験しました。 AI時代に対応し、大量のデータを効率よく伝え、処理する。宇宙などのフロンティアを開拓する。 NTTが何十年と培ってきた光や電気、情報通信技術が組み合わさり、新しい価値を生み出しています。 #IOWN

岸田文雄

315,978 views • 1 year ago

丸い畳をモーターで回転することによって光の反射で色を変化させています。照明を使わずに反射と陰影だけで表現しました！ 技アートフェスの土日昼の部で実演しています！見に来てね！
0:48

丸い畳をモーターで回転することによって光の反射で色を変化させています。照明を使わずに反射と陰影だけで表現しました！ 技アートフェスの土日昼の部で実演しています！見に来てね！

すごい畳 〜無断転載OK〜🇯🇵

1,020,790 views • 1 year ago

もはや現実世界より美しいのではないか？ 3DGSという、ガウス（ドット）の集合によって3Dを表現する技術なのですが、あえてドットを大きくしてピクセルアートっぽくする実験。
0:56

もはや現実世界より美しいのではないか？ 3DGSという、ガウス（ドット）の集合によって3Dを表現する技術なのですが、あえてドットを大きくしてピクセルアートっぽくする実験。

ロマシゲ@DTMオーケストラアレンジ

140,309 views • 3 months ago

第二回革新エネルギー議連を開催し、革新的地熱発電についてヒアリングしました。地熱発電は太陽光・風力と違い安定電源であり、また先週IEAが公表した「地熱の未来」によれば、日本は深さ3km未満だけで原発500基分の潜在量を有しています。熱水溜まりがなくともループに水を循環させる技術や高出力パルスの掘削技術でコストを大幅に削減できるなど革新技術で、地熱の未来を切り拓いていきます。
2:06

第二回革新エネルギー議連を開催し、革新的地熱発電についてヒアリングしました。地熱発電は太陽光・風力と違い安定電源であり、また先週IEAが公表した「地熱の未来」によれば、日本は深さ3km未満だけで原発500基分の潜在量を有しています。熱水溜まりがなくともループに水を循環させる技術や高出力パルスの掘削技術でコストを大幅に削減できるなど革新技術で、地熱の未来を切り拓いていきます。

西村やすとし NISHIMURA Yasutoshi

51,270 views • 1 year ago

GW中に何か作ってやろうと思ってトライしていました。 最終日なので成果。 「損切りヒートマップ」 Coinglassなどで公開されているのは精算ヒートマップはレバレッジなどを考慮しながら強制精算が何処に溜まっているかを「推測して」表示します。 これは精算刈りなどを読むために非常に役に立ちますが、メインのTradingViewではなく、使いにくいCoinglassのチャートを開くのが面倒です。 そこで似たようなものをTradingViewで作れないかということで開発してみました。 損切りデータが無い中ですのでCoinglass同様に「推測して」表示しています。
0:40

GW中に何か作ってやろうと思ってトライしていました。 最終日なので成果。 「損切りヒートマップ」 Coinglassなどで公開されているのは精算ヒートマップはレバレッジなどを考慮しながら強制精算が何処に溜まっているかを「推測して」表示します。 これは精算刈りなどを読むために非常に役に立ちますが、メインのTradingViewではなく、使いにくいCoinglassのチャートを開くのが面倒です。 そこで似たようなものをTradingViewで作れないかということで開発してみました。 損切りデータが無い中ですのでCoinglass同様に「推測して」表示しています。

SAKANE

13,116 views • 1 month ago

◥◣まだ見ぬ世界を創り出そう！👀✨◢◤ ーーーーーーーーーーーーーーー 技術が進化するほど、新しい表現が生まれていく。 境界を超えるほど、可能性が広がっていく 。 新しいエンタテインメントの世界を、クリエイターとともに創っていく。 ーーーーーーーーーーーーーーー すべてのクリエイターのために、新しいテクノロジーを生み出していく。今までできなかったことを可能にし、まだ見たことのない表現を可能にしていく。 ソニーが未来のエンタテインメントを創ることを目指し、クリエイターの可能性を解き放つストーリーをご覧ください。 Sony | RAYNOSちゃん Sony PCL Inc. #ソニー #CreateInfiniteRealities #mocopi #Fortnite #VirtualProduction
1:05

◥◣まだ見ぬ世界を創り出そう！👀✨◢◤ ーーーーーーーーーーーーーーー 技術が進化するほど、新しい表現が生まれていく。 境界を超えるほど、可能性が広がっていく 。 新しいエンタテインメントの世界を、クリエイターとともに創っていく。 ーーーーーーーーーーーーーーー すべてのクリエイターのために、新しいテクノロジーを生み出していく。今までできなかったことを可能にし、まだ見たことのない表現を可能にしていく。 ソニーが未来のエンタテインメントを創ることを目指し、クリエイターの可能性を解き放つストーリーをご覧ください。 Sony | RAYNOSちゃん Sony PCL Inc. #ソニー #CreateInfiniteRealities #mocopi #Fortnite #VirtualProduction

Sony - Japan

48,331 views • 7 months ago

デザインに対して「紙っぽい」「Webっぽい」という表現を使うことがありますが、このサイトは「紙っぽい」Webサイトだと感じました。 なのに、Webでしか実現できないアニメーションが巧みに取り入れられ、『ハリー・ポッターの動く新聞』のような世界観が広がり、独特の雰囲気があって好きなサイト。
3:16

デザインに対して「紙っぽい」「Webっぽい」という表現を使うことがありますが、このサイトは「紙っぽい」Webサイトだと感じました。 なのに、Webでしか実現できないアニメーションが巧みに取り入れられ、『ハリー・ポッターの動く新聞』のような世界観が広がり、独特の雰囲気があって好きなサイト。

せきゆおう｜Web制作のあれこれ発信する人

631,864 views • 1 year ago

100年に一度の大変革。 自動車技術は、想像以上のスピードで進化しています。 「このままでいいのか」 「自分は何を強みにしていくべきか」 そんな悩みを抱える技術者へ。 社外に出ることで、 見える景色があります。 新しい技術、 新しい視点、 そして次の挑戦につながる出会い。 技術者として、 次の一歩を踏み出したいあなたへ。 ▼入会案内 #自動車技術会 #JSAE #技術者 #エンジニア #自動車業界 #モビリティ #車載ソフトウェア #研究開発
1:13

100年に一度の大変革。 自動車技術は、想像以上のスピードで進化しています。 「このままでいいのか」 「自分は何を強みにしていくべきか」 そんな悩みを抱える技術者へ。 社外に出ることで、 見える景色があります。 新しい技術、 新しい視点、 そして次の挑戦につながる出会い。 技術者として、 次の一歩を踏み出したいあなたへ。 ▼入会案内 #自動車技術会 #JSAE #技術者 #エンジニア #自動車業界 #モビリティ #車載ソフトウェア #研究開発

（公社）自動車技術会　jsae

86,805 views • 1 month ago

MGS2でエマがオタコンに本当の気持ちを伝える時にオイルフェンスの夕日が映るんですが。 2001年の無印版は水面に夕日の反射が映って綺麗な光を放っているのですが、2002年のサブスタンスから表現されていないんですね。 この夕日の輝きはエマの命の灯火を表しているので作用していないのは残念です。
0:57

MGS2でエマがオタコンに本当の気持ちを伝える時にオイルフェンスの夕日が映るんですが。 2001年の無印版は水面に夕日の反射が映って綺麗な光を放っているのですが、2002年のサブスタンスから表現されていないんですね。 この夕日の輝きはエマの命の灯火を表しているので作用していないのは残念です。

兵隊

66,181 views • 6 months ago