ユーザ用ツール

サイト用ツール


座標系設定

文書の過去の版を表示しています。


座標系設定

座標基準の設定

画像を置く位置の指定(imageタグのleft/top)において、title.iniにパラメータを設定することにより、独自の座標基準(画像の原点をどこにするか)を選択することができます。

パラメータの種類

パラメータ名 説明
advmaster_canvas_x_baseleft(初期値)
center
ゲーム画面横方向(X座標)の基準点(原点)を指定します。
left:左端基準(左端が0)
center:真ん中基準(真ん中が0)
advmaster_canvas_y_basetop(初期値)
center
ゲーム画面縦横方向(Y座標)の基準点(原点)を指定します。
top:上端基準(上端が0)
center:真ん中基準(真ん中が0)
advmaster_image_x_baseleft(初期値)
center
画像横位置(X座標)の基準点(原点)を指定します。
left:左端基準(左端合わせ)
center:真ん中基準(真ん中合わせ)
advmaster_image_y_basetop(初期値)
center
画像縦位置(Y座標)の基準点(原点)を指定します。
top:上端基準(上端合わせ)
center:真ん中基準(真ん中合わせ)

title.iniの記述方法

systemVar=advmaster_canvas_x_base,center
systemVar=advmaster_canvas_y_base,center
systemVar=advmaster_image_x_base,left
systemVar=advmaster_image_y_base,center

ヒント

imageタグで画像の基準点(原点)を設定することも可能です。画像毎に原点を指定したい場合に使用します。

orgxX座標(横方向)の原点を指定します。advmaster_image_x_baseと同じ意味になります。
left(初期値):画像の左端が原点になります。
center:画像の真ん中が原点になります。

orgx=center
orgx=left
orgyY座標(縦方向)の原点を指定します。advmaster_image_y_baseと同じ意味になります。
top(初期値):画像の上端が原点になります。
center:画像の真ん中が原点になります。

orgy=top
orgy=c
※=cは=centerの省略形です

具体例

ゲーム画面が「横800×縦600」、画像が「横200×縦400」で、「left=300 top=0」とした場合。

# canvas image 配置「left=300 top=0」
X Y X Y
1left
(初期値)
top
(初期値)
left
(初期値)
top
(初期値)
2centercenterleft
(初期値)
top
(初期値)
3left
(初期値)
top
(初期値)
centercenter
4centercentercentercenter

※他の組み合わせも同様の考え方で設定できます。

Imageタグのz属性と座標について

Imageタグのz属性で画像を拡大縮小して表示をすることができますが、拡大縮小と座標の関係に注意を払う必要があります。具体例を元に説明します。(※zhで水平方向のみ拡縮、zvで垂直方向のみ拡縮)

ゲーム画面が「横800×縦600」、画像が「横200×縦400」とします。
黒枠が元の画像サイズ、赤枠が2倍(z=200)にした時、青枠が半分(z=50)にした時を示します。

ImageのX座標基準がleft(初期値)の場合

元の画像サイズ前提で位置が調整されます。そのため、pos=centerにしても拡大縮小した画像が真ん中に表示されません。

ImageのX座標基準がcenterの場合

拡大縮小後の画像の中心を基準にします。pos=centerでも真ん中に表示されます。

※Y座標も同様の考え方でY座標基準がtopの場合、画像の上端を基準にして(上端Y位置が固定されて)拡大縮小され、Y座標基準がcenterの場合、画像の中心を基準にして(中心Y位置が固定されて)拡大縮小されます。

画像の横位置(X座標)設定

画像の横位置(X座標)はimageタグにて、left属性かpos属性で指定します。left属性はダイレクトに数字を指定し、pos属性は画面のどのあたりに配置するかを文字で指定します(pos=left等)。
以下、pos属性のバリエーションと初期値です。

項目 内容
out_left
(ol)
画面左側外。
画像は画面に出ません。moveで画面の外に移動させる場合などに使います。
left
(l)
画面左端から25%の位置。
画面中央と画面左端の中間。
more_left
(ml)
画面左端から12.5%の位置。
画面中央とleftの中間。
center
(c)
画面中央。
right
(r)
画面左端から75%の位置。
画面中央と画面右端の中間。
right_center
(rc)
画面左端から62.5%の位置。
画面中央とrightの中間。
more_right
(mr)
画面左端から87.5%の位置。
rightと画面右端の中間。
out_right
(r)
画面右側外。
画像は画面に出ません。moveで画面の外に移動させる場合などに使います。

◆ 変更したい場合はtitle.iniに設定します。
例:以下はleftを画面左端から22%の位置に、more_rightを画面左端から90%の位置に設定しています。

system_posx_left=22
system_posx_more_right=90

pos指定時の縦位置について

※途中でバグが発見されたため少々難解な仕様になっています。
1. imageタグにてtop属性を指定していない場合
 ● 画像の縦サイズが画面の縦サイズより小さい → 下合わせ(画像の可変が画面の下にピッタリ)

 ● 画像の縦サイズが画面の縦サイズより大きい → 上合わせ(画像の上辺が画面の上にピッタリ)

2. imageタグにてtop属性がunder(top=under)の場合
 ● 下合わせ(画像の下辺が画面の下にピッタリ)

3. imageタグにてtop属性がnochange(top=nochange)の場合 (2018.07追加)
 ● top属性の位置調整はしません(元々の値を引きずる)

4. 上記以外
 ● top属性で指定された値そのまま

座標系設定.1625127434.txt.gz · 最終更新: 2021/07/01 17:17 by advmanager