以前話題になっていたVertex StudioのAsset SlotMachine。たまに回してましたが、遂に当たりましたよ。

当たったのはBedroomというアセットです。

試しにUnityで表示させてみたけど、凄くリアルで驚いた。

ユニティちゃんだけ別光源にしたのでちょっと違和感あるけど、とりあえずこんな感じ。

1.30ドルなのにかなり作り込まれたモデルですね。

© UTJ/UCL

先月MacBook Pro買って、慣れないmacOSやXcodeをいじりつつ、ようやく実機でアプリが動かせました。まあユニティちゃんのサンプルアプリだけどね。

UnityでビルドしたのをXcodeでもう1回ビルドするんだね。あとDeveloperサイトで色々登録しなきゃならないし、Androidに比べて結構面倒だ。

ipaファイルの出力がよくわからず(エラー出る)、仕方ないのでUSB Type-CとLightningのケーブルわざわざ買ってきて繋いだよ。

App Storeに登録するためにはまだまだやることが多そうだな。

© UTJ/UCL

モバイル用の色んな機能が使えるCross Platform Native Plugins – Ultra Packというアセットを使ってみた。

今回はWebViewだけ。

機能一覧

• アドレスブック
• レシートバリデーション付きの課金 （アップルストア、Google Playストア）
• メディアライブラリー（イメージ、ビデオ、Youtube）
• ネットワーク接続
• 通知システム（ローカルおよびプッシュ）
• シェアリング（FB、Twitter、メール、メッセージング、WhatsApp）
• Twitter SDK
• UIダイアログ（アラート、プロンプト）
• Rate My App（私のアプリを評価してください）
• WebView

WebView

最初何をすればいいのかサッパリわからなくて、結構時間かかりました。WebViewって実機じゃないと動かないから、いちいちビルドして試したんだよね。USBでWindowsPCとスマホを繋げばリアルタイムでいけるっぽいけど。

まずは以下のPrefabをHierarchyにドラッグ。

Assets/Standard Assets/VoxelBusters/NativePlugins/Prefab/WebView.prefab

そして以下のようなコードを書く。webViewには上でドラッグしてきたPrefabを指定。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using VoxelBusters.NativePlugins;

public class Sample : MonoBehaviour {
    public WebView webView;

    private void Start () {
        // フルスクリーン表示
        webView.SetFullScreenFrame();

        // Webサイト読み込み
        webView.LoadRequest("http://www.google.com");
    }
}

これだけで表示できました。簡単。

使いそうなプロパティはこの辺かな。

// 表示サイズ指定
webView.Frame = new Rect(0, 0, 600, 600);

// 読み込み終わったら即表示
webView.AutoShowOnLoadFinish = true;

// 閉じるボタン追加
webView.ControlType = eWebviewControlType.CLOSE_BUTTON;

使わない機能を除去する

Unityエディタからチェックボックスで選べます。

Window ＞ VoxelBusters ＞ NativePlugins ＞ Open NPSettings ＞ Application Settings

全機能入れるとビルドサイズが2.5MBくらい大きくなるけど、ここで使うのだけ選択しておけばサイズを減らせます。

まとめ

サンプルコードあるし、リファレンスサイトもあるから何とかなるね。

しかしなんでUnity本体にはWebView付いてないんだろ。

Android用にまたカジュアルゲーム作ってます。

いつかやりたかった浮世絵を使ったゲーム。

1週間くらいで基本システムは完成。あとは肉付けしてくだけだ。

前回のゲームは1週間で基本システム組んだ後、完成まで1年かかったんだよな……まあさすがに今回はそんなことないはず。多分。

スマホゲームのステージセレクト部分でScrollViewを使おうとちまちまいじってました。

でもよく考えたら、こんな少ないステージ数でスクロールなんて使いづらいだけじゃんと思い、今回使うの止めました。

ScrollView触るの初めてで、スクロールバーがうまく動かなくて苦労したりとか、いろいろあったのでここで供養。

Unityで画像を表示するのは
GameObject＞UI＞Image
で簡単にできます。

ただ必要な画像を全部シーンに置いて行ったら邪魔になるので、C#で動的に作成してみようかなと。ちょっと手間取ったのでメモ。

Unity 5.3使ってます。

まずは器のゲームオブジェクトを作成。引数はオブジェクト名。

GameObject work_image = new GameObject("WorkImage");

作ったゲームオブジェクトをCanvasの子にします。これしないと表示されない。

work_image.transform.parent = GameObject.Find("Canvas").transform;

画像の位置(アンカーポジション)を追加して画面の真ん中にします。

work_image.AddComponent<RectTransform>().anchoredPosition = new Vector3(0, 0, 0);

縮尺がおかしいのでちゃんと等倍にする。

work_image.GetComponent<RectTransform>().localScale = new Vector3(1, 1, 1);

スプライト画像追加。ここではResourcesフォルダにあるcounterファイルから読み込み。ちょっと横着したけど、これ本当はスライスしたスプライトの塊なので、Resources.LoadAll()で中身全部取得してから、counter_0を追加ってやった方が良いね。

work_image.AddComponent<Image>().sprite = Resources.Load<Sprite>("counter");

アスペクト比は元の画像の比率を維持。

work_image.GetComponent<Image>().preserveAspect = true;

画像のサイズを元画像と同じサイズにする。

work_image.GetComponent<Image>().SetNativeSize();

これで画面の真ん中に画像(数字の0)が表示されました。ここまでできれば、後は普通に使えるね。