すみぬり小屋

hakobuneworksという屋号でいろんなことをしている墨崎達哉のブログ

気まぐれにWebGLを触る

すみさきです。

今日はちょっと思い付きでUE4のWebGLビルドを試してみました。

試したこと

UEのバージョンは4.16preview3です。

そろそろ正式にHTML5ビルドが組み込まれるらしいですね。

ビルド方法はー

f:id:T_Sumisaki:20170511001815p:plain

ビルドからHTML5を選ぶだけですねー(雑

4.16preview3ではデフォルトでWASM(WebGL2)の設定が使用されます。
asm.jsとかWebGL1を使いたい場合はプロジェクト設定から設定するとよいです

f:id:T_Sumisaki:20170511002301p:plain

サンプル

この間のぷちこんでつくったやつをビルドしてS3にあげてみました。
しばらく置いておきます。

http://com.hakobuneworks.webgl.s3-website-ap-northeast-1.amazonaws.com

当たり前ですが、GPU関連のものは使えないようです(パーティクルとか)
あとやっぱりシーン間の遷移がちょっと重いですね。

FPSは測ってないですがそれなりまで落ちてるかと。

実用するにはモバイルアプリと同じぐらいの最適化が必要になるようです。
あとは本気でやるならgzip圧縮に対応したCDNを用意しないと転送量で死んでしまいます。

(このプロジェクトでも1回200MBぐらいダウンロードしてますからね)

でもWeb上できちんとゲームが動くのはちょっと感動しますねー