Panelを使ってUIの表示を切り替える

2021年5月17日

テキストやボタン、画像といったUIによる表示が多ければ、それぞれの画面遷移も煩雑になります。 Panelを使えば、複数のUIを1つにまとめることができ、見た目も管理もすっきりします。このように、Panel表示、非表示のしくみを …続きを読む

画像をクリックしてURLを開く

2021年5月16日

特定にWebページにアクセスできるように、画像にURLリンクをつけてみましょう。 [sc name="af_top" ][/sc] 画像の準備 UI > 画像からImageオブジェクトを作成します。 Ima …続きを読む

2021年5月15日

シーンビュー内で、移動やズームの量が大きすぎたり、オブジェクトが消えてしまうことがあります。この場合、シーンビューを拡大しても、うまくオブジェクトが表示されません。誤ってピボットポイントを設定しているケースが多いので、後半部 …続きを読む

2021年5月14日

画像データをクリックすると、ゆっくり拡大する動きをつけてみましょう。写真をクリックすれば、約2倍の大きさまで拡大していきます。関連記事： RectTransformスクリプトリファレンス（Unity公式）画像を …続きを読む

2021年5月13日

インポートしたオリジナル画像を、スクリプトを使って動かしてみましょう。矢印の画像をゆっくり、上下に反復するように動きをつけてみます。関連記事：画像（UI.Image）の設定項目クリックで画像を拡大する画像 …続きを読む

2021年5月12日

UI.Imageで表示した画像について、Slicedeを使って引き伸ばしてみましょう。効果がわかりやすいように、リボンの画像を右方向へ引き伸ばしました。左右の形状を変えることなく、伸縮が可能です。関連記事： …続きを読む

2021年5月11日

UI.Imageの各種設定について、見ていきましょう。 UI > 画像からImageオブジェクトを作成します。 Imageエリアが矩形で作成されますので、これを中央に配置しました。関連記事：画像をス …続きを読む

2021年5月10日

以前の記事では、transform.positionを整数に変換して条件指定を行いました。今回は、小数第2位に丸めた値で、if文による条件を設定してみましょう。 transform.positionによる移動の際、少数以下の端 …続きを読む

2021年5月9日

以前の記事では、座標値（transform.position）を整数で取得する方法について、ご紹介しました。関連記事： transform.positionの値を整数で取得座標を整数に変換して条件分岐座標の小数値を端数処理 …続きを読む

2021年5月8日

transform.positionの座標値を使って、条件分岐をつくってみましょう。今回の例では、X座標とZ座標のある地点に到達すると、オブジェクトが回転するように制御しました。関連記事: transform.po …続きを読む