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
140
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 中川 聡也
Vue.js_好きに捧ぐ Nuxt Hub で簡単に始めるCloudflare
xiombatsg
1
82
受託開発でGitLab CI を活用していく
xiombatsg
1
440
Webサービス開発でのPostman活用方法
xiombatsg
0
200
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
680
OCHa Cafe Season7をふりかえって
xiombatsg
0
260
Other Decks in Programming
See All in Programming
受け取る人から提供する人になるということ
little_rubyist
0
250
CSC509 Lecture 11
javiergs
PRO
0
180
ヤプリ新卒SREの オンボーディング
masaki12
0
130
Modular Monolith Monorepo ~シンプルさを保ちながらmonorepoのメリットを最大化する~
yuisakamoto
9
850
flutterkaigi_2024.pdf
kyoheig3
0
170
レガシーシステムにどう立ち向かうか 複雑さと理想と現実/vs-legacy
suzukihoge
15
2.3k
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
6
1.6k
Realtime API 入門
riofujimon
0
150
Quine, Polyglot, 良いコード
qnighy
4
650
DevTools extensions で 独自の DevTool を開発する | FlutterKaigi 2024
kokiyoshida
0
120
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
120
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
88
5.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
120
Measuring & Analyzing Core Web Vitals
bluesmoon
4
140
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
GraphQLとの向き合い方2022年版
quramy
43
13k
Raft: Consensus for Rubyists
vanstee
136
6.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Music & Morning Musume
bryan
46
6.2k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
What's new in Ruby 2.0
geeforr
343
31k
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