Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

clockmaker's profile picture

池田 泰延

30,863 subscribers

138,442 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

2 Kommentare

Profilbild von 池田 泰延
池田 泰延vor 1 Jahr

Three.jsのWebGPUレンダラーの解説記事をICS MEDIAで書きました！ WebGL後継のWebGPUについて、将来性や導入方法をまとめています。JavaScriptで簡単に導入できます。

Profilbild von UserInterface
UserInterfacevor 1 Jahr

Unlock $50 in Ad Credits! Join Star Membership for just $4 and boost your brand on Google, Facebook, Instagram, Twitter & YouTube! No contracts, no strings attached. Sign up now and amplify your reach:

Ähnliche Videos

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

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

池田 泰延

159,117 Aufrufe • vor 3 Monaten

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

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

池田 泰延

191,805 Aufrufe • vor 1 Monat

＼\ 新3D /／ 魔竜メロン新しい3Dの姿になりました！ いろんなポーズも表情もできるのでいっぱい活動に使っていきたいと思います！✨🍈
1:13

＼\ 新3D /／ 魔竜メロン新しい3Dの姿になりました！ いろんなポーズも表情もできるのでいっぱい活動に使っていきたいと思います！✨🍈

魔竜メロン

12,829 Aufrufe • vor 1 Jahr

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

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

藤田将

808,528 Aufrufe • vor 2 Jahren

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

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

池田 泰延

19,818 Aufrufe • vor 10 Monaten

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

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

池田 泰延

193,395 Aufrufe • vor 11 Monaten

【Viduのリファレンス機能がヤバい！】 これは現在ベータテスト中のVidu 2.0で作成した動画です いままでAI動画と言えば、正面を向いてニコニコしているだけでした。それは一つの画面に2人出そうとすると混ざってしまうからです。 しかし、Viduのリファレンス機能を使えば2人のキャラを一貫性を保持したまま動画にすることができます。キャラクター同士の掛け合いを表現することでAI動画はまた新しい表現が可能になります ※リプ欄に一部のプロンプトを掲載します #ViduAI @Viduforhuman
0:26

【Viduのリファレンス機能がヤバい！】 これは現在ベータテスト中のVidu 2.0で作成した動画です いままでAI動画と言えば、正面を向いてニコニコしているだけでした。それは一つの画面に2人出そうとすると混ざってしまうからです。 しかし、Viduのリファレンス機能を使えば2人のキャラを一貫性を保持したまま動画にすることができます。キャラクター同士の掛け合いを表現することでAI動画はまた新しい表現が可能になります ※リプ欄に一部のプロンプトを掲載します #ViduAI @Viduforhuman

とうや

46,006 Aufrufe • vor 1 Jahr

クリスタの3Dには反射光を表現できる［平行光2］という設定があります スパナマークをクリックしオブジェクトリストで選択して表示すると、位置を変えたり色を変更したりできます 3Dが暗いとき、ちょっとリアルな陰影になります
0:39

クリスタの3Dには反射光を表現できる［平行光2］という設定があります スパナマークをクリックしオブジェクトリストで選択して表示すると、位置を変えたり色を変更したりできます 3Dが暗いとき、ちょっとリアルな陰影になります

Sweets中山＠背景美塾

82,653 Aufrufe • vor 1 Monat

／ 【第2弾】 📢柊さんたMMDモーション配布中 ＼ 新しいモーションを追加しました！ 私の動きと表情をMMD用に調整しているため、ダウンロードしてすぐに使用できる状態になっています✨ 現在6件あって、今後も同じページに追加していきます！ 【ダウンロードページはツリーをチェック！】
0:33

／ 【第2弾】 📢柊さんたMMDモーション配布中 ＼ 新しいモーションを追加しました！ 私の動きと表情をMMD用に調整しているため、ダウンロードしてすぐに使用できる状態になっています✨ 現在6件あって、今後も同じページに追加していきます！ 【ダウンロードページはツリーをチェック！】

柊さんた🎅🏻🏮M3【B-03a】

30,267 Aufrufe • vor 3 Monaten

VRC+の新機能のカメラドリーを使用して動画を作ってみました！ 使いやすいので皆さんもいっぱい動画作りましょ！！ #VRChat
0:34

VRC+の新機能のカメラドリーを使用して動画を作ってみました！ 使いやすいので皆さんもいっぱい動画作りましょ！！ #VRChat

aremik.

169,915 Aufrufe • vor 1 Jahr

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。 デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。
0:21

デモを作るのに気合を入れすぎてしまってかなり複雑になってしまい、すべてを細かく解説することはできないんですが、実現するための道具と考え方をしっかり解説したいと思います。 デモはこちら↓ アニメーション、インタラクションともにCSSのみで動いています。JSは使っていません。

Takumi HASEGAWA (unshift Inc.)

78,220 Aufrufe • vor 1 Jahr

自分のよく使ってるFermataアドオンと、顔芸ができる面白いHushアドオンとの比較をしました。 使用機器: Meta Quest Pro 自分が使った感想を言うとかなり動きに差がありました。 可愛さメインのFermataさんのアドオンとは違い、Hushさんのアドオンは可愛さをメインではなく、顔の動きの自由をメインとした動きです。 特に眉とまぶたのトラッキングで、Hushさんのがよく動く印象です。 それにより、より表情豊かな表現が可能になります。 さらに、動きを工夫することにより、顔にちょっとしたエフェクトが入ります。(口をしかめると悲しんだり、下の歯だけだし、口を伸ばすことでクヨクヨしたりなど） また、Fermataさんのは顔の動きに連動して耳やしっぽが動きますが、 Hushさんのアドオンはそれに加え羽なども動きます。 ですが、fermataさんのアドオンの動きは正直自分にとってかなり好きです。 ちょっとした歯を出せたり、ちいさい口を開けたりなど、顔芸メインではない動きができるのが強いです。 何より、笑顔がとても好きですね！ 目の見開き具合なども両方とも違う動きをしています。 Hushさんのアドオンを使ってみてすごく不思議な体験ができ、かなり面白いアドオンでした。 アニメーションやblenderをうまく活用したら、もっといろんな性能を発揮できる気がします、、、 #VRChat #FaceTracking #Chocolat3D
1:34

自分のよく使ってるFermataアドオンと、顔芸ができる面白いHushアドオンとの比較をしました。 使用機器: Meta Quest Pro 自分が使った感想を言うとかなり動きに差がありました。 可愛さメインのFermataさんのアドオンとは違い、Hushさんのアドオンは可愛さをメインではなく、顔の動きの自由をメインとした動きです。 特に眉とまぶたのトラッキングで、Hushさんのがよく動く印象です。 それにより、より表情豊かな表現が可能になります。 さらに、動きを工夫することにより、顔にちょっとしたエフェクトが入ります。(口をしかめると悲しんだり、下の歯だけだし、口を伸ばすことでクヨクヨしたりなど） また、Fermataさんのは顔の動きに連動して耳やしっぽが動きますが、 Hushさんのアドオンはそれに加え羽なども動きます。 ですが、fermataさんのアドオンの動きは正直自分にとってかなり好きです。 ちょっとした歯を出せたり、ちいさい口を開けたりなど、顔芸メインではない動きができるのが強いです。 何より、笑顔がとても好きですね！ 目の見開き具合なども両方とも違う動きをしています。 Hushさんのアドオンを使ってみてすごく不思議な体験ができ、かなり面白いアドオンでした。 アニメーションやblenderをうまく活用したら、もっといろんな性能を発揮できる気がします、、、 #VRChat #FaceTracking #Chocolat3D

ふぉにあ！

110,327 Aufrufe • vor 9 Monaten

Runwayがまたやばいの出してきた 言語と画像を使用して、既存の動画から新しい動画を生成できるAIモデル「Gen-1」を発表
1:19

Runwayがまたやばいの出してきた 言語と画像を使用して、既存の動画から新しい動画を生成できるAIモデル「Gen-1」を発表

やまかず

512,982 Aufrufe • vor 3 Jahren

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

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

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

140,191 Aufrufe • vor 2 Monaten

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

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

Oooogami

131,144 Aufrufe • vor 2 Jahren

【新機能を使って描こう🖌】 ゆりた（ゆりた🌿）さんとのコラボ動画📺 3Dデッサン人形への描画などの新機能を使ってイラストを描いていただきました！ かっこいいスーツ男子が完成するまでの過程をぜひチェックしてください💫 フル動画はこちら👇
0:34

【新機能を使って描こう🖌】 ゆりた（ゆりた🌿）さんとのコラボ動画📺 3Dデッサン人形への描画などの新機能を使ってイラストを描いていただきました！ かっこいいスーツ男子が完成するまでの過程をぜひチェックしてください💫 フル動画はこちら👇

CLIP STUDIO PAINT（クリスタ）

88,021 Aufrufe • vor 1 Jahr

今月は攻撃魔法の追加とか、マスクを使った表現の検証とか 動画のボスはマスク表現のテストを兼ねて作ったのでいろいろとスケスケになります #スーパーゲ制デー
0:34

今月は攻撃魔法の追加とか、マスクを使った表現の検証とか 動画のボスはマスク表現のテストを兼ねて作ったのでいろいろとスケスケになります #スーパーゲ制デー

かぎろい

37,975 Aufrufe • vor 1 Jahr

こちらのうっすら見えるイラストにつきまして、「漫画もしくはアニメの画像をそのまま透かしとして使用したのか？」とご質問をいただきましたが手書きで描いてます！ (証拠として元画像と全体タイムラプス、例のイラストのタイムラプスのみ切抜いた動画を載せておきます) 誤解を招くような表現で申し訳ございませんorz
0:59

こちらのうっすら見えるイラストにつきまして、「漫画もしくはアニメの画像をそのまま透かしとして使用したのか？」とご質問をいただきましたが手書きで描いてます！ (証拠として元画像と全体タイムラプス、例のイラストのタイムラプスのみ切抜いた動画を載せておきます) 誤解を招くような表現で申し訳ございませんorz

遊 ゆうすけ_Illustrator

2,061,816 Aufrufe • vor 1 Monat

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

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

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

631,864 Aufrufe • vor 1 Jahr