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上で動くようになったら⾊々やってみたい(⼀緒にやろうぜっ て興味ある⼈いたら声かけてください） 例えば

夢その１　分散レンダリング(レンダーファーム） MayaとかBlender,Unity,UnrealEngine などのレンダリングをWorkers で 分散してレンダリング すごいノード数になるだろうけど 爆速で画像が出てくるに違いない 画像参照： https://japan.cnet.com/article/35140694/

夢その２　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の中⾝を覗いちゃおうと いう企画です。全４回の予定。 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診断事業 当社サービス 代理店‧顧客ご紹介企業様 お客様 保守担当メンバー‧パートナー 弊社は「ソフトウェア商品開発をサポートする」企業です

No content