テラシュールブログスマートフォン用の表示で見るテラシュールブログ旧テラシュールウェアブログUnity記事。UnityのTipsやAR・VR、ニコニコ動画についてのメモを残します。ゲームの作り方・チュートリアル・サンプルuGUIのスライダーについて解説します。挙動の調整スライダーの作り方スライダーを作るにはCreate>UI>Sliderを選択します。スライダーの範囲調整スライダーは合計6個のオブジェクトで構成されます。インターフェースを調整するには、これらの要素を使い範囲を調整します。親のオブジェクトです。スライダーの背景に当たるオブジェクトです。バーの表現範囲を塗りつぶします。Fillが動く範囲を指定します。動かせるアイコンです。Handleが動く範囲を指定します。Backgroundは背景画像です。この項目は実は「選択可能な範囲」という非常に重要な役割を持っています。この仕組があるため、Handleの無い場所をクリックした時に一気に値を変更することが出来ます。範囲を広げる事もできます。その際、座標やクリック可能範囲は割と適当でも良いです(HandleSizeAreaかFillAreaを見るので)HandleやFillの動く範囲についてですが、uGUInのSliderは基本的にこれらの要素をAnchorで動かします。以下の様な感じで座標を指定します。HandleもしくはFillの値を範囲を正規化し0.0-1.0の範囲に変換するアンカー(中心点)の位置やサイズを正規化した値に設定つまりHandleとFillのサイズを変更したい場合は、HandleSizeAreaとFillAreaのサイズを調整する必要があります。「実際にドラッグした位置」ではなく「正規化した位置」を使用する関係上、HandleSizeArea/FillSizeAreaの大きさは揃えておくのが良いでしょう。画像を変更するには、Background・Fill・Handleの各々のスプライトを変更します。スプライトを使うにはテクスチャをSpriteに変更する必要がある点に注意して下さい。BackgroundとFillに使用するスプライトは引き伸ばされるため、SlicedもしくはTiledに対応する必要があります。挙動の調整スライダーの向きを変更するには、SliderコンポーネントのDirectionを指定します。LeftToRightで左から右、BottomToTopで上下といった感じです。Numbersを使用します。この項目にチェックを入れるとSliderの値がInt値で動作するようになるため、選択的なスライダーを作ることが出来ます。値がInt型のようになるので、スライダーの範囲は0〜1ではなく0〜5や0〜10といった整数の値を使用します。On/OFF目的で使うなら0〜1でもOKですが。uGUIでスライダーについて解説してみるTweet関連記事2019-01-23【Unity】1枚の立ち絵から「バストアップ画像」や「顔だけ」のスプライトを切り出して使う面白い議論が上がっていたので、少し試しにやってみました。(1)月別アーカイブはてなブログをはじめよう!tsubaki_t1さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。