【CEDEC 2018 シリーズ⑧】よこはまと、みなとみらいと、ぶらうざと。

*English translation below

３キロ太りました。でぶっちです。
着々と体重が増えてます。おかしいな。
ラーメンの記事を期待して開いた方がもしかしたらいらっしゃるかもしれませんが、CEDEC2018参加してきました系の記事です。ラーメンの記事は今度書きます。

はい。

今回のCEDECですがHTML5のいわゆるブラウザゲームのセッションが増えてきましたね。
ざっと並べてみると…

【CEDEC2018】モバイルブラウザ上で実現させた『アイドルマスター シャイニーカラーズ』の作り方
https://www.youtube.com/watch?v=E1KrVmljUKE

JavaScriptとWebGLで圧倒的な3D空戦バトルを再現。「編隊少女 -フォーメーションガールズ-」における3Dレンダリング技術解説 ～Babylon.jsとBISHAMON WebGL版の合成～
https://2018.cedec.cesa.or.jp/session/detail/s5abfa25af2045

HTML5メッセンジャーゲームのクロスプラットフォーム対応手法
https://cedil.cesa.or.jp/cedil_sessions/view/1827

PlayCanvasで作る！HTML5/WebGL 2Dゲーム開発ワークショップ
https://cedil.cesa.or.jp/cedil_sessions/view/1860

HTML5ゲームの新しい潮流と開発手法
https://2018.cedec.cesa.or.jp/session/detail/s5abd6c46e87ca

こんなにあったんですね。

中でもシャニマスのセッションは共感する箇所が多く、ブラウザゲーム開発あるあるって感じでした。
セッションの内容については公式の動画がyoutubeにあるのでご覧いただければと思います。

さて、こんなに人気急上昇中でアゲアゲなブラウザゲームですが、開発環境の選定はとても悩みます。
みんな大好きなUnityがWebGL対応してるじゃん！これ使おう！って思ってしまいがちなんですが、スマートフォンブラウザの対応が入ってくるとそうはいかないんです。
PCブラウザだけが対象であれば、Unityが一番！って思うのですが、スマートフォンブラウザだと動く端末はあるものの、そもそも公式がサポートしてないんですよね。

シャニマスはPixiJSベースですし、編隊少女はBabylon.jsです。
僕はセッションを聞いてからBabylon.jsが気になっています。3Dのゲーム作るのに結構よさそうですよね。PixiJSも各所で使われてて実績もあってよさそうです。PlayCanvasもブラウザで動かすしかないのでバージョン管理とかどうしようかと気になるんですが、かっこいいGUIがあるので開発効率はよさそうです。

ただ、どれも情報が少ないです。非常に少ないです。
ブラウザゲーム界がもっとにぎわっていってQiitaとかにいっぱい記事ができるといいですね。もしくはUnityのモバイルブラウザサポートが充実するか…!
ちなみにUnityのロードマップを見ると2019.1.0でWebAssemblyでのマルチスレッドサポートが追加されるみたいですね！今後に期待です。

ラーメンの記事はまた今度書きます。
では。

（でぶっち）

Yokohama, Minato Mirai, and Browsers.

Hey, it’s Debucchi. I’ve packed on 3 kilos.
I just keep putting on more weight, and I’m sort of baffled by it.
This particular piece is about my time at CEDEC 2018. I know that some of you were probably hoping that this would be about ramen, however, I do plan to write more about ramen some other time.

That’s for sure.

Okay, so at CEDEC this time around there was a big increase in presentations and other sessions focused on so-called “browser games” for HTML5.

I put together a little outline below of some of the stuff that I saw at the conference:

[CEDEC 2018] How we built “THE iDOLM@STER: Shiny Colors” for browsers on mobile platforms
https://www.youtube.com/watch?v=E1KrVmljUKE

Recreating impressive 3D aerial battles with JavaScript and WebGL. ~A Synthesis of Babylon.js and BISHAMON WebGL Edition~ Explaining 3D rendering technology via “Hentai Shojo -Formation Girls-”
https://2018.cedec.cesa.or.jp/session/detail/s5abfa25af2045

Cross-platform support techniques for HTML5 messenger games
https://cedil.cesa.or.jp/cedil_sessions/view/1827

Create with PlayCanvas! HTML5/WebGL 2D Development Workshop
https://cedil.cesa.or.jp/cedil_sessions/view/1860

New trends and development techniques for HTML5 games
https://2018.cedec.cesa.or.jp/session/detail/s5abd6c46e87ca

So, that list basically summarizes the different presentations I checked out.

The presentation I went to for THE iDOLM@STER: Shiny Colors had a lot of stuff that I could relate to, and I really got a sense of all of the different processes and work involved in developing browser games. They put up an official video of the presentation on YouTube, so have a look if you’re curious to know more about it.

So, when you have an exciting browser game like this that’s experiencing an immense rise in popularity there tends to be a lot of concern that goes into picking a suitable development environment. It’s easy to think that you should just go ahead and use Unity, since it has WebGL support and everyone loves it. But, it isn’t necessarily the best choice once you try to factor in browser support for smartphones.
Unity is certainly the number one choice if we are just talking about PC browsers, however, browsers designed for smartphones, despite the devices that run them, are not officially supported from the get-go.

Babylon.js has been on my mind a lot ever since they discussed it in that presentation. From what I could see it seems like it’s extraordinarily capable when it comes to making 3D games. PixiJS also had a lot of points about it that looked very promising in terms of what you can achieve with it. PlayCanvas runs exclusively on browsers as well, which gets me wondering about how you’re supposed to deal with version control and stuff like that. Nonetheless, the GUI is very cool and it looks like it facilitates development work quite nicely.

But, there is only just a bit of information out there for each. Actually, there isn’t much at all.
Browser games and everything around them seems to be a much bigger topic these days, so hopefully more articles start showing up on places like Qiita.
Either that or maybe Unity jumps in to offer full support for mobile browsers!
Speaking of which, if you go and look at Unity’s roadmap you’ll see that they’re adding multi-threading support in WebAssembly for 2019.1.0! I’m definitely looking forward to that.

Anyway, I will surely write something up on ramen again at some point.
Till next time.

（Debucchi）