51
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Tiny Unity (Tiny Mode) を使ってみる

Last updated at Posted at 2018-12-05

注意

この記事は2018/12/5時点の情報です。
Unity2018.3.0.b12、Tiny Mode0.13.2に基づいて記載しています。
Tiny Modeは現在プレビュー版のため、この情報は日が経つにつれ古くなる可能性が高いです。

Tiny Unity について

※この章は前置きが長いので、すぐに使いたい方は #使ってみる に飛んでください。

Tiny Unity (Tiny Mode) って何

ドキュメント(0.13)
https://docs.unity3d.com/Packages/com.unity.tiny@0.13/manual/index.html

ブログ
https://blogs.unity3d.com/jp/2018/12/05/project-tiny-preview-package-is-here/

Solution (Instant 2D: Games & Playable Ads)
https://unity.com/solutions/instant-games/2d-games-and-playables

コアランタイムのサイズが72KBと言われているUnityの軽量版です。
ドキュメントにはTiny Modeとあるので、以降はTiny Modeと記載します。

現在はTiny ModeではHTML5出力しかできません。
上記のSolutionのページの下の方にQAがあるのですが、そこに以下の記述があります。

What platforms are supported?
Project Tiny supports HTML5 targets. It support 2D WebGL and 2D Canvas rendering targets with the option to default to WebGL and fall back to 2D Canvas. The engine has been designed to be multiplatform. Native runtime support is planned for 2019.

これを見ると、まずはHTML5(WebGL、Canvas)に注力して開発し、その後ネイティブランタイムもサポートする予定のようです。

Tiny Modeの用途

上記のドキュメントでは以下の記述があります。

Your decision on whether to use Tiny Mode for your project will depend very much on the type of game or app you're making, and the characteristics and limitations of the platforms that you want to target. If you're making a game or app for consoles, MacOS or Windows, VR, or as a standalone smartphone release, Tiny Mode is probably not the best choice. However, if you want to create messenger games, ads, or other HTML5 projects with a very small file size and memory footprint, Tiny Mode is the right choice.

また、SolutionページのQAには以下の記述があります

What kinds of projects is Project Tiny best suited for?
Right now, 2D messaging or social app games and playable ads. The initial features are focused on these first two main use cases.

Can I use Project Tiny for other use cases outside of those two use cases?
Yes, right now Project Tiny only has the ability to export to a generic web target. While we focus our efforts on our initial two use cases, the result is that the majority of the features we create will benefit a much wider audiences.

諸々の情報を基に考えると、初期の機能では、**インスタントゲーム**と呼ぶカテゴリをターゲットにしているようです。
将来的にTiny Modeの機能は増えていくようなので、シンプルなゲームであればTiny Modeで作れるようになっていくのかもしれません。

なお、インスタントゲームとは以下のようなゲームのことです

  • メッセージングゲーム
  • インタラクティブ広告(プレイアブル広告)
  • HTML5ゲーム

メッセンジングゲーム、インタラクティブ広告については少し説明しておきます。

メッセージングゲーム

Facebook Messenger のインスタントゲーム等の、メッセージングアプリ内でプレイできるゲームのことです。
LineもLINE QUICK GAMEという機能を始めました。
中国で代表的なメッセンジャーアプリのWeChatも、WeChat Mini Gameという機能を実装しており、
WeChat Mini Gameはユーザ数が3億1000万になるそうです。

[余談] WeChat Mini Gameについて
https://www.youtube.com/watch?v=Y_sUSlf428I
WeChat Mini Gameについては、この動画で開発周りの解説がされていました。
WebView実行ではなく、JavaScript Bindingでレンダリング等はネイティブで実行しているようです。
使用されるゲームエンジンはCocosが47%、Layaが29%ということで、中国発のゲームエンジンが大半を占めています。

インタラクティブ広告

ゲームの場合、プレイアブル広告と言われることが多く、モバイル広告上で実際にゲームをプレイできる広告です。
実際に見たことのある方も多いかもしれませんが、これらの広告は通常HTML5で実装されています。
インタラクティブ広告は最近では主要な広告会社はほとんど対応しており、今後さらに増えていくはずです。

UnityはUnityAdsという広告サービスを持っているため、UnityAdsでプレイアブル広告を出稿する際に
Tiny Modeを使うことを想定しているのかもしれません。

Tiny Modeの制限

現状は以下の制限があるようです。

  • 現在は2Dのみ。今後3DやARも対応予定
  • Entity Component System (ECS) で実装必須
  • TypeScriptのみ。今後C#に移行予定。

C#対応についてはブログの方で以下の記載があります。

It is important to note that we will be removing Typescript once support for C# is ready.

TypeScriptはあくまで一時的なもので、C#が対応されたらTypeScriptは削除する予定のようです。

使ってみる

1. Unityインストール

Changelogを見ると、Tiny Mode0.13では、Unity 2018.3.0.b12以上が必要なようなので入れます。
Tiny Modeのバージョンが上がるにつれ、対応するUnityのバージョンも上がっていくので、基本的には最新のベータ版を入れるのが良いかと思います。

Unityをインストールしたら、プロジェクトを作成してください。
作成したプロジェクトのPlayer SettingsのScripting Runtime Version の設定値を確認し、
もし.Net 4.x Equivalentになっていなかったら変更します。
ただ、2018.3.0.b12ではデフォルトでそうなっているようです。

2. Tiny Mode パッケージのインストール

Tiny Mode は PackageManagerでインストールするため、Unityのメニューから Window -> PackageManager を開きます。

デフォルトの状態では Tiny Mode は選択できないため、Advancded -> Show preview packages を選択します。

スクリーンショット 2018-12-05 22.19.31.png

するとPreview版のパッケージが表示されるようになるので、Tiny Modeを選択し、Installボタンを押します。

スクリーンショット 2018-12-05 22.21.03.png

インストールが完了すると、Unity Editorのメニューに、Tinyという項目が追加されます。

スクリーンショット 2018-12-05 22.28.35.png

3. サンプルプロジェクトの実行

メニューのTinyから、Import Samplesを選択し、サンプルプロジェクトをインポートしてみましょう。

スクリーンショット 2018-12-05 22.30.26.png

複数のプロジェクトがインポートされます。

スクリーンショット 2018-12-05 22.32.03.png

どれでも良いですが、ここでは FlyingYolkというプロジェクトを実行してみます。
FlyingYolk/FlyingYolk.utproject を開き、UnityEditorのPlayボタンを押します。
すると、Gameビューで実行される....かと思いきや、ブラウザが立ち上がり以下のようなHTML5ゲームが実行されます。

スクリーンショット 2018-12-05 22.37.14.png

UnityのGameビューには以下のようにQRコードとローカルIPのURLが表示されており、
スマートフォン等で読み込んでアクセスすることができるようになっています。

スクリーンショット 2018-12-05 22.41.33.png

将来的にはGameビューで実行できるようになるのかもしれませんが、現状ではこのように
HTTPサーバを立ててブラウザで実行するという方式になっています。

4. ビルドする

実行することはできたので、次はビルドしてみたいと思います。
しかし、TinyModeは通常のプラットフォーム毎のビルドはできないようです。
メニューにFile -> Tiny -> Buildというものがあり、見た感じこれでビルドするのだと思われます。

スクリーンショット 2018-12-05 22.50.28.png

実行してみると、どうもこのBuildは先ほどのPlayボタンと同じ処理をしているように見えます。
Playも結局HTML出力をしてブラウザで実行しているので、当然と言えば当然ですが。

さて、どこかにHTML/JavaScriptファイル等が出力されているはずです。
ログを見ると <プロジェクト>/FlyingYolk/html5/development/bin というパスのようです。
このパスを見ると、index.htmlや.jsファイルがあるので、index.htmlを実行すればいけそうです。

HTTPサーバで実行した方が良いので、binディレクトリでHTTPサーバを立ち上げます。
pythonのSimpleHTTPServerとかが便利です。

python -m SimpleHTTPServer 8000

サーバを立ち上げたら、ブラウザで実行してみます。8000ポートで立ち上げているので、
URLは http:://localhost:8000 です。

実行するとエラーが出てしまいました。以下のファイルが見つからないようです。

~project/TinyExport/FlyingYolk/html5/development/ScriptAssemblies/tsc-emit.js

~projectというパスが謎ですが、Unityプロジェクトのパスが割り当てられれば良さそうなので、
binディレクトリで以下のコマンドを実行し、シンボリックリンクを張ってみました。

ln -s ../../../../../ ~project

もう一度ブラウザで実行すると表示されました。

感想

初期段階のTiny Modeでは、HTML5用という感じで機能も少ないため、使う用途はかなり限られそうです。
しかし将来的には機能が増えていき、ネイティブ対応もされる予定ということなので、
その頃になるとだいぶ使い道も増えていくのではないかと思われます。

51
25
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
51
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?