Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

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

池田泰延

30,863 subscribers

138,442 просмотров • 1 год назад •via X (Twitter)

Искусство Наука и технологии Образование

Anya Rossi• Live Now

Private livecam show

Комментарии: 2

Фото профиля 池田泰延

池田泰延1 год назад

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

Фото профиля UserInterface

UserInterface1 год назад

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:

Похожие видео

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

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

池田泰延

161,562 просмотров • 5 месяцев назад

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

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

池田泰延

192,572 просмотров • 3 месяцев назад

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

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

魔竜メロン

12,829 просмотров • 1 год назад

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

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

池田泰延

19,818 просмотров • 1 год назад

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

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

藤田将

809,644 просмотров • 2 лет назад

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

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

池田泰延

193,395 просмотров • 1 год назад

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

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

池田泰延

38,975 просмотров • 1 месяц назад

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

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

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

21,059 просмотров • 1 месяц назад

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

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

かし子🍩

10,732 просмотров • 1 месяц назад

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

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

とうや

46,006 просмотров • 1 год назад

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

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

Sweets中山＠背景美塾

82,653 просмотров • 3 месяцев назад

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

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

ゟ(yori)

74,035 просмотров • 1 месяц назад

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

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

Takumi HASEGAWA (unshift Inc.)

78,220 просмотров • 1 год назад

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

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

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

30,267 просмотров • 4 месяцев назад

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

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

プッティ

89,442 просмотров • 2 месяцев назад

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

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

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

140,309 просмотров • 4 месяцев назад

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

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

aremik.

183,249 просмотров • 1 год назад

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

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

やまかず

512,982 просмотров • 3 лет назад

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

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

よーへー

27,369 просмотров • 2 месяцев назад