Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cloudflare Workers でWebGPUと戯れる
Search
中川 聡也
August 01, 2024
Programming
0
240
Cloudflare Workers でWebGPUと戯れる
https://workers-tech.connpass.com/event/324272/
Cloudflare Workers Tech Talks in Tokyo #3 LT資料
中川 聡也
August 01, 2024
Tweet
Share
More Decks by 中川 聡也
See All by 中川 聡也
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7
xiombatsg
0
170
Vue.js_好きに捧ぐ Nuxt Hub で簡単に始めるCloudflare
xiombatsg
1
250
受託開発でGitLab CI を活用していく
xiombatsg
1
580
Webサービス開発でのPostman活用方法
xiombatsg
0
260
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
890
OCHa Cafe Season7をふりかえって
xiombatsg
0
310
Other Decks in Programming
See All in Programming
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
840
ニーリーにおけるプロダクトエンジニア
nealle
0
530
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
220
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
WindowInsetsだってテストしたい
ryunen344
1
200
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
4.9k
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
440
FormFlow - Build Stunning Multistep Forms
yceruto
1
190
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
440
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
500
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Building Adaptive Systems
keathley
43
2.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
4 Signs Your Business is Dying
shpigford
184
22k
Transcript
Cloudflare Workers でWebGPUと戯れる Cloudflare Workers Tech Talks in Tokyo #3
2024/8/1 株式会社Future Techno Developers 中川 聡也
サーバーレス:Serverless/Cloudflare/Momento /TiUG ゲーム‧アプリ:IGDA Japan / Japan Android Group Cloud Native:OCha
Cafe! 他も顔出してます。どこかであったら声かけてください! まずは⾃⼰紹介 @xiombatsg 1 何をしている⼈? 商品開発をしているお客様を技術⾯でご⽀援 チーム構築のご⽀援(Platform Engineer,SRE…) どんなジャンル? ゲーム/Webサービス/CG/組み込み/etc… どんなコミュニティに顔を出している? Cloudflare Meetup Tokyo, TiUGの運営に参画 中川 聡也 Satoyan https://zenn.dev/nakagawa_satoya
お客様の周りにプロジェクトが炎上しているお客様はいらっしゃいますか? システム開発で いつもプロジェクトが炎上してしまう と困っていませんか? プロジェクト開発に知⾒のあるエンジニアが、 課題管理やスムーズな進捗管理などを⾒直し、 解決に向けてアドバイスします!
今⽇は Cloudflare Workers でWebGPUをいじりたいってことで 軽く触りました 3
本題
Cloudflare Workers WebGPUとは Cloudflare上のGPUを使い倒せるすごいAPIです。 主にはAI⽤途で実装されている感じで、完全互換は⽬指さないだ ろうなって思っていますが、サーバー上でGPUが使えるのは熱 い!※今回はAI話はしないです。 ※ただしまだデプロイできません 5 参考
:https://zenn.dev/kameoncloud/articles/707b3b623bdb87
参考:https://speakerdeck.com/kugimasa/webgpunihong-retemita
中川、WebGPUが動くと聞いて最初 CDN上でGPUが使える だって!? ゲームし放題じゃないか! GPU City じゃなく Game Cityにしようぜ!
でもまぁ、現在の状態でCDN上でゲームが動くわけもなく ⼀番⼤きい理由はRenderPipeLineが動かない。これがないと⾃前 でポリゴンをレンダリングしなくちゃいけなくて⼤変⾯倒 参考:※テストプログラムがあったのでワンチャン動くと思って試行錯誤したけどダ メでした ・・・https://github.com/cloudflare/workerd/blob/main/src/workerd/api/gpu/webgp u-windowless-test.js 参考 :https://developers.cloudflare.com/durable-obj ects/api/webgpu/
RenderPipelineが使えるようになったとしても Durable Object の特性上、おそらくCanvas が使えない。three.js とか Babylon.js とかで動かすにもRenderTexture ベースでレンダ リングしないといけないので、⼯夫は必要になってくるんじゃな
いかなと Compute Shader を使って Buffer Copy すれば画像出⼒は⼀応できなくもないのでやりようは ある
要するにCompute Shader で自前で3Dやれってことです 近いうちにやりたい 参考:https://www.gsn-lib.org/apps/raytracing/index.php
まぁ、でも 制約はあるけど、すごいポテンシャルは感じる。 CDN上で動くようになったら⾊々やってみたい(⼀緒にやろうぜっ て興味ある⼈いたら声かけてください) 例えば
夢その1 分散レンダリング(レンダーファーム) MayaとかBlender,Unity,UnrealEngine などのレンダリングをWorkers で 分散してレンダリング すごいノード数になるだろうけど 爆速で画像が出てくるに違いない 画像参照: https://japan.cnet.com/article/35140694/
夢その2 Cloudflare クラウドゲーミング WebRTCとかWorkersで利⽤できるもの総動員 すればCloudGamingもできるに違いない 参考: https://homepage.iis.sinica.edu.tw/~ swc/pub/survey_on_cloud_gaming. html
最後に注意点 このサンプル、Rustでできていて、ここに参加している⽅は 全く参考にならないので、参考にしない⽅がいいです。 WebGPU ⼊⾨ こちらを参考にjavascriptで触りましょう https://zenn.dev/emadurandal/books/cb6818fd3a1b2e
宣伝
8/8 AOAI Dev Day Recap(オンライン) 7/25 に開催された AOAI Dev Day
のRecap イベン トです。 みなさん⼀緒にわいがやしましょう
8/20 TiDB ソースコード輪読会 #2 (オンライン) NewSQL データベース TiDBのUser GroupでTiDBの中⾝を覗いちゃおうと いう企画です。全4回の予定。
2回⽬はSystem R からAST ツリー周りの概念を抑える会になる予定です。
10/19 Vue Fes Japan 2024 エコシステムがどんどん充実してきているVuejs 今回も豪華スピーカーなので、みんな来てね。 スポンサー枠で参加予定です
Cloudflare Meetup TOKYO Vol.5 2024.7.4(Thu)
#CloudflareUG #CloudflareUG_hnd
Discord #CloudflareUG #CloudflareUG_hnd • ぜひDiscordに参加してCloudflareについてキャッチアップやディスカッションしましょ う。
事業紹介 21 プロジェクト⽀援事業 Webサイト運営事業 ソフトウェア開発事業 Web診断事業 当社サービス 代理店‧顧客ご紹介企業様 お客様 保守担当メンバー‧パートナー
弊社は「ソフトウェア商品開発をサポートする」企業です
None