Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

池田泰延

31,458 subscribers

138,582 görüntüleme • 1 yıl önce •via X (Twitter)

Sanat Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

2 Yorum

池田泰延 profil fotoğrafı

池田泰延1 yıl önce

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

UserInterface profil fotoğrafı

UserInterface1 yıl önce

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:

Benzer Videolar

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

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

池田泰延

162,026 görüntüleme • 7 ay önce

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

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

池田泰延

192,778 görüntüleme • 4 ay önce

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

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

藤田将

810,453 görüntüleme • 3 yıl önce

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

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

池田泰延

19,818 görüntüleme • 1 yıl önce

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

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

池田泰延

193,395 görüntüleme • 1 yıl önce

Three.js r185がリリース。🔥のデモが超リアルで、かっこいい！コンピュートシェーダーなりWebGPUならではの機能のオンパレード。ブラウザ表現の垣根を越えてきますね。

Three.js r185がリリース。🔥のデモが超リアルで、かっこいい！コンピュートシェーダーなりWebGPUならではの機能のオンパレード。ブラウザ表現の垣根を越えてきますね。

池田泰延

38,975 görüntüleme • 2 ay önce

1枚のイラストから、3Dになって動くところまで作ってみました✨ 使ったのはMeshy MeshyAI イラスト → 3Dモデル → リギング → アニメーションまで動画にまとめました👇 で、書き出したファイル（GLB）をClaudeとかChatGPTに渡したら、そのままゲームなどの素材として使えます！使い方とか実際の動きは動画で見てみて！

1枚のイラストから、3Dになって動くところまで作ってみました✨ 使ったのはMeshy MeshyAI イラスト → 3Dモデル → リギング → アニメーションまで動画にまとめました👇 で、書き出したファイル（GLB）をClaudeとかChatGPTに渡したら、そのままゲームなどの素材として使えます！使い方とか実際の動きは動画で見てみて！

かし子🍩

10,786 görüntüleme • 2 ay önce

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

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

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

22,209 görüntüleme • 3 ay önce

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

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

Sweets中山＠背景美塾

89,264 görüntüleme • 5 ay önce

板ポリで簡単に水を表現できるシェーダーを作りました！色や波の動き、透明度などを調整可能です使い方の動画など作って、フリー素材として近日公開予定です #blender #3DCG

板ポリで簡単に水を表現できるシェーダーを作りました！色や波の動き、透明度などを調整可能です使い方の動画など作って、フリー素材として近日公開予定です #blender #3DCG

藤田将

427,613 görüntüleme • 3 yıl önce

#AIアニメ #seedance2 AIとの対話で能動的に動画制作を進めてくれるTopviewの新機能「Canvas」を使って、天地が逆さまとなって空へと落ちていく世界のアニメを作りました天地がひっくり返るような複雑な動きは破綻するんじゃないかと思いましたがここまで表現できるとは😲

#AIアニメ #seedance2 AIとの対話で能動的に動画制作を進めてくれるTopviewの新機能「Canvas」を使って、天地が逆さまとなって空へと落ちていく世界のアニメを作りました天地がひっくり返るような複雑な動きは破綻するんじゃないかと思いましたがここまで表現できるとは😲

ゟ(yori)

74,035 görüntüleme • 2 ay önce

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

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

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

30,267 görüntüleme • 6 ay önce

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

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

aremik.

183,249 görüntüleme • 1 yıl önce

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

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

Takumi HASEGAWA (unshift Inc.)

78,220 görüntüleme • 1 yıl önce

「CC Flo Motion」を使った干渉表現💡 プニプニとした、かわいい動きが作れます！ #AfterEffects

「CC Flo Motion」を使った干渉表現💡 プニプニとした、かわいい動きが作れます！ #AfterEffects

プッティ

89,442 görüntüleme • 3 ay önce

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

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

ふぉにあ！

113,054 görüntüleme • 1 yıl önce

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

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

やまかず

513,037 görüntüleme • 3 yıl önce