UnityでUIを作ると言えば、まずはUnityEngine.UIです。 中身のことを考える必要もなく、ドカドカとImageやTextを置けば 動くので大変有り難いわけですが、不意に猛烈に処理が遅くなることがあります。 本記事では、たまたま見つけた現象と、そこから疑問を持って UnityEngine.UIの処理速度についていろいろ調べてみたことを、 技術部平山が書いてみます。 お急ぎの方のために結論を箇条書きにしておきましょう。 Graphic.color、RectTransform.sizeDelta、Text.textをいじると遅い 動かすだけでは大して遅くないが、動かさないよりは遅い リッチテキストは遅い 気になりましたら以下をどうぞ。 なお、Unityのバージョンは2017.4.8f1です。2018では改善している、 ということも多々ありそうですが、そのへんはご容赦ください。 UI

今回は地味ですが神機能なAssembly Definition Filesについて紹介します。 この機能は地味ですが、Unity開発の上で発生してる問題を（意図せず）かなり解決してくれるので、Unity 2017.3以降を使う人は是非覚えておいた方が良いかもしれません。 物自体は、C#のコードが出力するアセンブリを複数のアセンブリに分割する機能です。 ただし、使い方によってはコンパイル時間の削減によるイテレーションの高速化やビルドサイズ、アセットストアでの不満など様々な要素を解決する可能性がある機能です。 目次 Assembly Definition Filesという神機能 コンパイル時間を削減してくれるという神機能 プラットフォーム毎にコードを分けてくれるという神機能 AssetStoreから購入したアセットのNamespaceやクラス名が被っても大丈夫になる事がある神機能 注意点 特殊

ゲームを皆で遊べば楽しいですよね。 複数人で遊べるゲームを作る場合、一画面に収まるタイプのゲームならいいのですが、プレイヤー一人につき一画面必要な場合だってあるわけです。 そうなると、画面をプレイヤー人数分で分割するか、プレイヤー人数分のディスプレイを用意して表示する必要がありますね。 なんとなくやってみましょう。 まあ、ぼっちの僕には何も関係のない話ですがね。 この記事にはUnity2017.2.0f3を使用しています。 画面を分割する 複数のディスプレイに表示する 試してみた 画面を分割する まず画面を分割してみましょう。 CameraコンポーネントのViewportRectの値を変更することで、カメラの画面表示位置とサイズを変更できます。 ちなみに、Viewportは左下が(0,0)、右上が(1,1)になりますよ。 下記の画像のように値を設定すれば、ディスプレイの左四分の一にカメラの

プロファイラーに表示されるようなCPUの処理時間をスクリプトで取得する方法についてです。 プロファイラーは負荷の高い部分を観測する プロファイリングの結果をスクリプトで云々する RecorderでProfiler（CPU）の項目を取得 処理時間がやたら長くなったら止める 画面に出す プロファイリングにはCustomSamplerが必要 関連 プロファイラーは負荷の高い部分を観測する 処理負荷はゲーム画面のプロファイラやInstrumentsといったツールを使って確認するのがベストなアイディアです。 例えば「ゲームが重い」原因は何か？　GC？　ロード？　物理演算？　それともアニメーション？　軽い部分をいくら調整しても、ボトルネックとなる重い部分を取り除かなければ大抵の場合は余り効果が見込めません。 （むしろ、この世の全てはトレードオフ…悪い結果を呼び出す事もあるかもしれません） 何を削れば良

今回は上下の動きが最初から含まれているジャンプモーションをアクションゲーム等で使用する方法についてです。 ジャンプ中にジャンプモーションがジャンプする ジャンプアニメーションから上下移動を取り除く 手順 実際の動作 着地時に足がめり込む ジャンプ動作が分割されていない場合 ジャンプ中にジャンプモーションがジャンプする ユニティちゃんのようなキャラクターをアクションゲーム等で使用していると、キャラクターのジャンプ中にもう一度ジャンプしてしまう…という事があります。 例えば上のGifアニメのケースです。 右が通常のジャンプ、中央がジャンプモーションです。各々はそれ程問題が無いのですが、二つ合わせてしようすると左のジャンプモーションのように、ジャンプ中にもう一段ジャンプする問題が発生します。 ジャンプアニメーションから上下移動を取り除く この問題は、ジャンプモーション中に「ジャンプの上下」が含ま

この記事でのバージョン Unity 2017.2.0f3 はじめに UnityではSprite ModeをMultipleにすると1枚の画像に複数のSpriteを設定する事が出来ます。 この複数のSpriteを全て取得する場合は、以下のようにResources.LoadAllを使います。 //Resources直下にあるUIのSpriteを全て取得 Sprite[] uiSprites = Resources.LoadAll<Sprite>("UI"); しかし、この方法はResources内に配置してある時にしか使えません。 なので、今回はResources外にあるMultipleなSpriteを取得する方法のご紹介です！ なお、記事中では以下のアセットを使っております。 Mobile Scifi GUI | 2D GUI | Unity Asset Store AssetDatabas

大きめのシーンを扱う時、Hierarchyを複数扱うと広い範囲をカバー出来て便利かもしれない…というお話です。 巨大なシーンとHierarchy ならば検索…タグはどこだ？ Save SelectIionは選択を記憶する そうだ、Hierarchyを増やそう やり方 選択先の情報が他のタブにも影響してしまうのを回避 Inspectorビューも同時に編集 関連 日記 巨大なシーンとHierarchy 巨大なシーンを操作している時、複数の範囲のGameObjectを同時に編集したくなるといったケースがあります。 例えば、キャラクターのGameObjectとUIのGameObjectを行ったり来たりするような場合や、階層の広いUIを上に下に行ったり来たりする場合。 それがSceneViewで管理出来る物ならば、SceneViewでアクセスすれば良い話ではありますが、巨大なシーンになってくるとそれ

今回はUnityの画面をキャプチャーして保存するアセットについて Unityの画面を動画としてキャプチャーするRecorder 可変フレームではなく、固定フレームで撮影が可能 使い方 エディターの画面を動画としてキャプチャーする 細かい設定 アルファ抜き Timelineとの連携 Audio Recorder、GBuffer Recorder、Movie Recorder 感想 Unityの画面を動画としてキャプチャーするRecorder 最近、画面を動画としてキャプチャー出来る事は珍しくなくなりました。 以前はkamcordやLobi Rec、every play等のサービスを活用する必要がありましたが、最近ではAndroid（play game）でもiOSでも標準機能に近い形で画面をキャプチャーする事が可能になっています。 Recorderはアプリ側に組み込むアセットで、画面をキャプチ

前回に続きTextMeshPro。今回はアウトラインについてです。 TextMeshProのアウトライン アウトラインの設定方法 内側滲む対策は、文字を広げる事で回避 アウトラインの色々なエフェクトを試してみる ポリゴン数も増えず、オーバードローも無い。レイアウトにも優しい uGUIのアウトライン手法と問題について 細い文字はアウトラインを太くしにくい問題 文字を表現するために沢山の描画が発生する問題 ソレはソレとして 関連 TextMeshProのアウトライン まず本題です。 TextMeshProは、シェーダー側でアウトラインを実現しています。元々SDFでフォントを実現する仕組みなので、その辺りは割と簡単に出来ているのかなと。 アウトラインの設定方法 アウトラインの設定は、マテリアルのOutlineのThicknessから行います。 この項目を増やすと、文字にアウトラインが付きます。

エンジニアの吉野です。 先日アップデートされたばかりの AssetBundleGraphTool v1.3 をこれまた先日リリースされた Unity 2017.1 に入れてみました。 AssetBundleGraphTool の bitbucket ページ 日本語マニュアル 今回はゲームで使用する Asset がどの AssetBundle に入っているかのテーブルデータをカスタムノードで作成したのでかいつまんで紹介しようと思います。 概要 ゲームで Asset を読むときに、開発中はローカルから、実機では AssetBundle を使いたいということが良くあります。 (Unite 2017 で紹介されていた Addressable Assets が入ればいらなくなるはずなので、それまでのつなぎで…） これを満たすための仕様としては、おおむね以下の図のようになると思います。 この図の As

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? インターネットをご覧の皆さん こんばんは。 SpatialOS(https://improbable.io/games)を触ってみたところ、なかなか面白かったのでメモがてら記事を書いてみます。 SpatialOSとは？ Improbable社(https://improbable.io)が開発している、 MMOゲームの開発＆実行プラットフォームです。 MMOゲームに求められる要件をシンプルに表現するなら、 多人数のプレーヤで同一空間を共有する 空間内のオブジェクトの状態を全ユーザで同期させる といったところでしょうか。 SpatialO

環境 Unity5.6.1f1 概要 AndroidでComputeShaderのテストをしてみました 追記（2017/06/22） 最近のスマホだとPSIZEがちゃんと動作するみたいなのでコードを変更しました スマホ対応状況 以下で確認できます http://hwstats.unity3d.com/mobile/gpu.html OpenGlES3.1の設定 ・「BuildSettings」でAndroidに「SwitchPlatform」する ・「PlayerSettings」>「OtherSettings」>「AutoGraphicsAPI」のチェックを外す ・「GraphicAPIs」リストから「OpenGLES2」を削除する ・「RequireES3.1」もしくは「RequireES3.1+AEP」のどちらかにチェックをする ComputeShaderの作成 ・プロジェクトビュー

今回は、ボタンを押した際に音を出す方法を聞かれたので、ココにも書いておきます。音の制御というよりは「ボタンを押した時に音を出したい」という要望を叶える為の物です。 ボタンを押したら音が出る Audio Soureceはスピーカー、Audio Listenerは耳 AudioSource.PlayOneShotで音を再生する。…ボタンから 実際の手順 クリック以外で音を鳴らす場合はEvent Triggerで呼ぶ AudioSourceが違うシーンだったり、ボタンを動的に作ってる場合 ScriptableObjectの「アセット」を用意 AudioSourceを登録 ボタンを押したらScriptableObjectを経由して音が出る 雑記 関連 ボタンを押したら音が出る 自分が小学生の頃、ボタンを押したら音が出る（あと光る！）玩具で遊んだ事を覚えています。 ボタンを押したら「ｼﾞｮｲﾝｼﾞｮ

Text Mesh Proとは unityでテキストを扱えるアセット そのうちデフォルト機能として統合していくらしい。 作る createから3D,2D共にオブジェクトとして作れる。 オブジェクトのインスペクタを見ると色々設定できる。 フォント フォントの種類はデフォルトが６種類だが、日本語フォントを含め自分で追加できる。 WindowsからTextMeshPro>Font Asset Creator あらかじめフォントをUnityに追加しておく、macならFinderの上の移動を選択、optionボタンを押すと表示されるライブラリを選択。その中のFontフォルダの中に入っている。 フォントを選択してGenerate Font Atlasでできる。 終わったらsave TextMeshPro〜を押すのを忘れずに。 ちなみにむつごフォントでは作成できなかった。日本語タイトルだからかな？ 保存

Unity2017より、TextureのWrap表現でMirrorが使用出来るようになりました。 TextureのWrap Mirror UVスクロール時、始点と終点を合わせなくても繋げやすい パーティクルに活用 TextureImporterから設定 Spriteでは使えない 日記 関連 TextureのWrap Wrapモードを指定すると、TextureのTilingが設定されていた時に「繰り返し」表現を行ってくれます。 例えば下のように、QUADは13,9のサイズでTilingが13,9の場合、横に13、縦に9の矢印マークを表示してくれます。 また、この「繰り返し」が不要な場合、Clampに設定すれば繰り返しは行われません。その場合、一つだけ表示されます。 Mirror 2017よりWrapモードでMirrorが表現出来るようになりました。これは下のように、繰り返す際に反転という動画

はじめに Mogura VR さん経由で ASUS 社の ZenFone AR のエンジニアリングサンプル品をお借りすることが出来たので色々調べてみました。Tango についての一般的な事柄や ZenFone AR そのものについては Mogura VR さんの方に寄稿いたしましたので、併せてお読みいただけると嬉しいです。 www.moguravr.com 本エントリでは寄稿した記事の補足や向こうには書かなかったコードと紐付けた紹介、推測や妄想も交えてまとめていきたいと思います。こうしたらアプリが作れるよ、という解説ではなく、あくまで概念や世界観の理解の方がメインです。なお「はじめました」というタイトルをつけたのですが、だいぶ前に返却してしまったので、続きはまた発売後に購入出来たら書きます...。 追記（2017/06/23） 本日より発売されました！ ASUS ZenFone AR SI

Unityにはピクセルごとに色を取得することができるので、Unityは画像処理もできるのです。 以前の記事はこちらです。Texture2D書き換え周りの基本的な処理はこちらをご参考に。 今回はInterfaceの5月号の画像処理特集のアルゴリズムを読みながら、Unityでコードを書いて学んでいきたいと思います。 こんな人におすすめ ・画像処理の仕組みを学びたい ・様々なプラットフォームで、スタンドアロンで動作する画像処理がしたい 今回はUnityのTexture2Dを使った画像処理について紹介していきます。 リアルタイムで行う場合はPostProcessingやShaderで処理するとよいですが、今回は説明しません。 ちなみに、360度画像からおっさんを消す「VANISH360」もUnityのTexture2Dクラスを使っておっさんを消しています。 RGB色入れ替え 実行結果 R->G,

This domain may be for sale!

こういったウインドウを見たことがあると思いますが、これは AnimationCurve 型のメンバ変数を持つことで、インスペクタから設定することができます。 AnimationCurve - Unity スクリプトリファレンス public class AnimationCurveForRandom : MonoBehaviour { [SerializeField] AnimationCurve curve; 今回はこれを使った小技を紹介します。 アニメーションをなめらかに "アニメーション"カーブなのでとりあえずアニメーションに使ってみましょう。 例えば void Update () { transform.position = new Vector3(5, 0, 0) * curve.Evaluate (Time.timeSinceLevelLoad); } とすることで、 座標（0

DOTween DOTween とは Unity 向け トゥイーンアニメーションエンジンです。 OSS であり Demigiant/dotween にはサンプルとして以下の６つのシーンが含まれています。 Basics Follow Materials Paths Sequences UGUI それぞれのシーンがどの様な動きをしているのかパッと見て分かるように GIFアニメ を作成しました。 Basics 基本的な座標移動の操作。 Color を操作する事もできる。 Follow 指定したオブジェクトに付いていくような動作。 Materials Materials の Color, Emission, Offset の操作。 Paths 複数の座標情報を用意し、それを辿る移動アニメーションが可能。座標間の補完方法は２種類ある。 Sequences 専用の Sequence オブジェクトを用意