Unite 2017 Tokyo記念セール！（UIの生成/破棄・配置・管理をC#側からできるスクリプト / HP,MPをガラス玉の液体で表現！炭酸水のような発泡が綺麗）

【セール期間】2017年5月24日（水）22時まで

このセールは東京/上海/ソウルで開催した「Unite 2017 Asia」のイベントセールです。

全部合わせてたセールリストはこちらです！

セールリスト（3カ国全て含む / 全53アセット）

日本作者だけに絞られた特設ページはコチラ

Unite 2017 Tokyo記念セール！（日本作家の特設ページ）

今日の内容

スクリプト:YUIMgr（C#側からUIの生成/破棄・配置・管理ができるスクリプト）

テクスチャ＆マテリアル：Resource Bubble

　　　（HP,MPをガラス玉の液体で表現！炭酸水のような発泡が綺麗）

前回の記事

Unite 2017 Tokyo記念セール！（VRコントローラーで、放物線の先に瞬間移動 / 物理ゲームの衝突をリアルな音で再生！インポートして作りを調べてみた） - Unity AssetStoreまとめ

f:id:assetsale:20170520170848j:plain

YUIMgr

スクリプト/GUI

$43.20 => $30.24 30%OFF

UIの配置をソースコードから直接指定して配置するスクリプトです。

お察しの通り、日本作家さんのアセットです！！

f:id:assetsale:20170520175632j:plain 可愛いｗ

「公式サイト」では、uGUIでの開発よりYUIMgrの方が優れている点がよくまとめられています。具体的に知りたい方は、真っ先に公式へＧＯ！

YUIMgr公式サイト

http://mksftwks.net/YUIMgrManual/index.html

YUIMgrを使えば

エディタを使ってUIを配置する事への煩わしさを解消
スクリプトで生成/破棄のタイミング・配置・管理が行える
大量のUIを表示する際、エディタ画面に大量のUIを並べる必要が無い

YUIMgrの問題点

全てC#で書かれているため、JavaScriptからコールすることができない
簡単なラベルやボタンを配置するだけなら手間が増えてしまう

スプライトを生成するために必要なコードは下記＋デバイスのコードが必要になります。多くない？って思われるけど、単純なスプライト配置だけならuGUIで十分ですが、複雑な演出を作るなら的確で便利だなぁ。

f:id:assetsale:20170520180706j:plain

出典：公式サイトより「YUIMgrの強み」

http://mksftwks.net/YUIMgrManual/beauty.html

Demoサンプル
Demoサンプル(WEBGL Build)

こちらのサンプルでは、単純なスプライトの表示から、スライダー、ダイアログ、3D表示など試せるようになっています。

スプライトの移動、回転など、「ボタン」ではカーソルが乗ったとき、離れたとき、クリックした時を判定する。

f:id:assetsale:20170521160710g:plain

縦横自在なゲージシステム、チェックボックス、テキストエリアなど

f:id:assetsale:20170521160645g:plain

ポップアップダイアログ内に、複雑なUIを表示させることも可能だ

f:id:assetsale:20170521161203g:plain

f:id:assetsale:20170521161609g:plain

YUIMgrチュートリアルNo.1 - YouTube（5:38）

YUIMgrチュートリアルNo.2 - YouTube（7:04）

Unity 4.6.8 以降のバージョンが必要

YUIMgr（ワイユーアイマネージャー）は Ver1.1.0より4.6.8以降と5.0.2以降のコンパチブル対応をしました！
（4.6.xではPRO版のみの利用となります）

「Only Script, Yes uGUI!!」

UnityのuGUI開発には以下の課題があります。
・簡単なUI配置でもEditor作業
・UI挙動の複雑化・多様化
・複数人での開発のコンフリクト

YUIMgrはスクリプトのみでuGUIを生成・配置するためのライブラリです。
これは以下の利点があり、上記課題を解決します。
・スクリプトのみ、EditorいらずのUI配置
・カスタムスクリプトによる自由な制御、共通化
・複数人でも解決しやすいスクリプトのコンフリクト。

YUIMgrは仮想解像度を採用しておりあらゆる解像度の端末で一意のピクセルレイアウトを可能にします。
是非WEBマニュアルをご一読ください。

Web マニュアル
Webマニュアル

基本機能
•基本Widgetの生成・管理サポート
•各Tween機能サポート
•ローカルリソースの同期・非同期ロードのサポート
•アセットバンドルの同期・非同期ロードのサポート
•フロント・バックエンド・3DUIのキャンバスサポート

Demoサンプル
Demoサンプル(WEBGL Build)
(Chrome と Firefox のみ)

f:id:assetsale:20170521193625j:plain

Resource Bubble

テクスチャ＆マテリアル/シェーダー

$20 => $14 30%OFF

ゲーム内の「ＨＰ」や「ＭＰ」の表示に使えるリソースバブルのシェーダーです。

ガラス玉の中に赤や紫の液体が入っていて、水位をゲージに見立てたヘルスメーター。

Resource Bubbleの特徴は、液体が炭酸水のように泡立ちます。シュワっと広がる泡が美しい。

※注意モバイルプラットフォームには対応していません。

f:id:assetsale:20170521194750g:plain

シェーダで動作

色の変更、水位はシェーダ側で動いているそうで、

Playmakerやマテリアルのパラメータを変化させることが可能なビジュアルスクリプティング類と互換性があり、そのエディタ内で調整することが出来ます。

サンプルデモ

WebGLデモ

WebPlayerデモ

Unity 5.3.1以降のバージョンが必要
リソースバブル
携帯端末用ではありません
ゲーム内でHPやマナなどのリソースを表示させるならリソースバブルをお使いください！

バージョン1.2でスプライトに対応しました

バージョン1.3追加された垂直スプリット/デュアルorbモデル

バージョン1.4スプライトのサポートが改善されました。 DemoSpriteシーンを追加しました

1.5はすべてのUnity Canvasレンダリングモード（スクリーンスペース - オーバーレイ、ワールドスペース、スクリーンスペース - カメラ）のサポートを追加しました。

1.6のバグ修正

1.7がUnity v5.3.5以上で15個のテクスチャを追加

| Forum | WebGLデモ (800x600) | ウェブデモ (800x600) | 動画

デモは800x600かそれ以上の解像度で開くてください。

シーダーはPlayMakerやマテリアルの設定値を変更可能なフレームワークと互換性があります。アセットのページに電子メールまたはコメントで質問をするには、無料で記入してください。私たちは可能な限り迅速に対応しようとします。ご質問やご要望はお気軽に電子メールやそのアセットのページ内のコメントにどうぞ！確実に早くお返事します！