ADV.MASTER リファレンスマニュアル

ユーザ用ツール

サイト用ツール

トレース:
座標系設定

Warning: Undefined array key -1 in /home/r4162016/public_html/loginas.co.jp/advmaster/reference/inc/html.php on line 1458

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン 		前のリビジョン
座標系設定 [2021/06/11 11:07]
tam [具体例] 		座標系設定 [2022/01/25 17:01] (現在)
advmanager [ヒント]
行 1: 行 1:
 ====== 座標系設定 ====== ====== 座標系設定 ======
 ===== 座標基準の設定 ===== ===== 座標基準の設定 =====
-画像を置く位置の指定(imageタグのleft/top)において、title.iniにパラメータを設定することにより、独自の座標基準(画像の原点をどこにするか)を選択することができます。+画像を置く位置の指定[[レイヤ操作#image (画像の読み込み)|(imageタグのleft/top)]]において、[[title.iniの設定|title.ini]]にパラメータを設定することにより、独自の座標基準(画像の原点をどこにするか)を選択することができます。
 ==== パラメータの種類 ==== ==== パラメータの種類 ====
 ^  パラメータ名  ^  値  ^  説明  ^ ^  パラメータ名  ^  値  ^  説明  ^
行 12: 行 12:
 |systemVar=advmaster_canvas_x_base,center\\  systemVar=advmaster_canvas_y_base,center\\  systemVar=advmaster_image_x_base,left\\  systemVar=advmaster_image_y_base,center| |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タグで画像の基準点(原点)を設定することも可能です。画像毎に原点を指定したい場合に使用します。\\ imageタグで画像の基準点(原点)を設定することも可能です。画像毎に原点を指定したい場合に使用します。\\
-^orgx|X座標(横方向)の原点を指定します。advmaster_image_x_baseと同じ意味になります。\\  left(初期値):画像の左端が原点になります。\\  center:画像の真ん中が原点になります。\\  3以上の数字:画像の左からの指定された数字pxの位置が原点となります。\\  例\\  orgx=center\\  orgx=30| +^orgx|X座標(横方向)の原点を指定します。advmaster_image_x_baseと同じ意味になります。\\  left(初期値):画像の左端が原点になります。\\  center:画像の真ん中が原点になります。\\ 数字:画像の左上から指定した位置が原点になります。（2022.01追加）\\ (add/sub)数字:画像中心から指定した相対位置が原点になります。(addは右方向、subは左方向)（2022.01追加）\\  例\\  orgx=center\\  orgx=left\\ orgx=50\\ orgx=sub30\\ orgx=add30| 
-^orgy|Y座標(縦方向)の原点を指定します。advmaster_image_y_baseと同じ意味になります。\\  top(初期値):画像の上端が原点になります。\\  center:画像の真ん中が原点になります。\\  3以上の数字:画像の上からの指定された数字pxの位置が原点となります。\\  例\\  orgy=top\\  orgy=50|+^orgy|Y座標(縦方向)の原点を指定します。advmaster_image_y_baseと同じ意味になります。\\  top(初期値):画像の上端が原点になります。\\  center:画像の真ん中が原点になります。\\ 数字:画像左上から指定した位置が原点になります。（2022.01追加）\\ (add/sub)数字:画像中心から指定した相対位置が原点になります。(addは下方向、subは上方向)（2022.01追加）\\  例\\  orgy=top\\  orgy=c\\  ※=cは=centerの省略形です\\ orgy=100\\ orgy=sub50\\ orgy=add25|
  
 ==== 具体例 ==== ==== 具体例 ====
行 26: 行 26:
 |4|center|center|center|center|{{ :座標基準03.png?nolink&200 |}}| |4|center|center|center|center|{{ :座標基準03.png?nolink&200 |}}|
 ※他の組み合わせも同様の考え方で設定できます。 ※他の組み合わせも同様の考え方で設定できます。
 +
 +===== Imageタグのz属性と座標について =====
 +Imageタグのz属性で画像を拡大縮小して表示をすることができますが、拡大縮小と座標の関係に注意を払う必要があります。具体例を元に説明します。(※zhで水平方向のみ拡縮、zvで垂直方向のみ拡縮)\\
 +
 +ゲーム画面が「横800×縦600」、画像が「横200×縦400」とします。\\
 +黒枠が元の画像サイズ、赤枠が2倍(z=200)にした時、青枠が半分(z=50)にした時を示します。\\
 +
 +==== ImageのX座標基準がleft(初期値)の場合 ====
 +元の画像サイズ前提で位置が調整されます。そのため、pos=centerにしても拡大縮小した画像が真ん中に表示されません。\\
 +{{:imageタグ01.png?nolink&600 |}}
 +
 +==== ImageのX座標基準がcenterの場合 ====
 +拡大縮小後の画像の中心を基準にします。pos=centerでも真ん中に表示されます。\\
 +{{:imageタグ02.png?nolink&600  \\|}}
 +
 +※Y座標も同様の考え方でY座標基準がtopの場合、画像の上端を基準にして（上端Y位置が固定されて）拡大縮小され、Y座標基準がcenterの場合、画像の中心を基準にして（中心Y位置が固定されて）拡大縮小されます。
 +
  
 ===== 画像の横位置(X座標)設定 ===== ===== 画像の横位置(X座標)設定 =====
 画像の横位置(X座標)はimageタグにて、left属性かpos属性で指定します。left属性はダイレクトに数字を指定し、pos属性は画面のどのあたりに配置するかを文字で指定します(pos=left等)。\\ 画像の横位置(X座標)はimageタグにて、left属性かpos属性で指定します。left属性はダイレクトに数字を指定し、pos属性は画面のどのあたりに配置するかを文字で指定します(pos=left等)。\\
-以下、pos属性のバリエーションと初期値です。+以下、pos属性のバリエーションと初期値です。\\ 
 +※スクリプトでは略称（カッコ内の文字）が使用できます。
 ^  項目  ^  内容  ^ ^  項目  ^  内容  ^
 |out_left\\  (ol)|画面左側外。\\  画像は画面に出ません。moveで画面の外に移動させる場合などに使います。| |out_left\\  (ol)|画面左側外。\\  画像は画面に出ません。moveで画面の外に移動させる場合などに使います。|
 +|more_left\\  (ml)|画面左端から12.5%の位置。\\  leftと画面左端の中間。|
 |left\\  (l)|画面左端から25%の位置。\\  画面中央と画面左端の中間。| |left\\  (l)|画面左端から25%の位置。\\  画面中央と画面左端の中間。|
-|more_left\\  (ml)|画面左端から12.5%の位置。\\  画面中央とleftの中間。|+|left_center\\  (lc)|画面左端から37.5%の位置。\\  画面中央とleftの中間。|
 |center\\  %%(c)%%|画面中央。| |center\\  %%(c)%%|画面中央。|
-|right\\  %%(r)%%|画面左端から75%の位置。\\  画面中央と画面右端の中間。| 
 |right_center\\  (rc)|画面左端から62.5%の位置。\\  画面中央とrightの中間。| |right_center\\  (rc)|画面左端から62.5%の位置。\\  画面中央とrightの中間。|
 +|right\\  %%(r)%%|画面左端から75%の位置。\\  画面中央と画面右端の中間。|
 |more_right\\  (mr)|画面左端から87.5%の位置。\\  rightと画面右端の中間。| |more_right\\  (mr)|画面左端から87.5%の位置。\\  rightと画面右端の中間。|
-|out_right\\  %%(r)%%|画面右側外。\\  画像は画面に出ません。moveで画面の外に移動させる場合などに使います。|+|out_right\\  %%(or)%%|画面右側外。\\  画像は画面に出ません。moveで画面の外に移動させる場合などに使います。|
 {{:x座標00.png?nolink&600  \\|}} {{:x座標00.png?nolink&600  \\|}}
  
-◆ 変更したい場合はtitle.iniに設定します。\\+◆ 変更したい場合は[[title.iniの設定#|title.iniに設定]]します。\\
 例：以下はleftを画面左端から22%の位置に、more_rightを画面左端から90%の位置に設定しています。 例：以下はleftを画面左端から22%の位置に、more_rightを画面左端から90%の位置に設定しています。
 |system_posx_left=22\\  system_posx_more_right=90| |system_posx_left=22\\  system_posx_more_right=90|
 +
 +◆ imageタグでleftとpos両方とも記述した場合、左から順に判断されます\\
 +|例\\  @image (略) left=120 pos=center\\  →後述のpos=centerで上書きされるのでleft=120は無意味\\  \\  @image (略) pos=c left=120\\  →後述のleft=120で上書きされるのでpos=cで無意味\\  \\  @image (略) pos=c left=add120\\  →pos=cで中央に移動後、left=add120なので右方向に120pxズレた場所に指定される|
 +
 === pos指定時の縦位置について === === pos指定時の縦位置について ===
 ※途中でバグが発見されたため少々難解な仕様になっています。\\ ※途中でバグが発見されたため少々難解な仕様になっています。\\
行 63: 行 86:
 　● top属性で指定された値そのまま\\ 　● top属性で指定された値そのまま\\
 {{:x座標04.png?nolink&400 |}} {{:x座標04.png?nolink&400 |}}
 +
 +
 +
 +===== 視点の変更 =====
 +キャンバス描画の視点(基準点とスケール)を[[画面操作#view (視点変更)|viewスクリプト]]から一時的に変更することができます。
 +キャンバス（画面）の中央の視点(0, 0)を基準点とし。基準点からの上下、左右、拡大、回転を新たな視点として設定できます。\\    
 +^  例  ^^
 +|@view x=0 y=0 z=100 rotate=0|{{:視点変更_1.png?nolink&400|}}|
 +|@view x=100 y=50 z=100 rotate=0 time=3000\\  視点が右上にずれるので対象物は左下方向にずれます|{{:視点変更_2.png?nolink&400|}}|
 +|@view x=100 y=50 z=150 rotate=0 time=3000\\  ①に加え対象物を1.5倍でみます。|{{:視点変更_3.png?nolink&400|}}|
 +|@view x=0 y=0 z=100 rotate=45 time=3000\\  視点を45度傾けるので、対象物は-45度傾きます。|{{:視点変更_4.png?nolink&400|}}|
 +|@view x=100 y=50 z=100 rotate=45 time=3000\\  視点を右上にずらして、さらに45度傾けます。|{{:視点変更_5.png?nolink&400|}}|
 +
座標系設定.1623377237.txt.gz · 最終更新: 2021/06/11 11:07 by tam

ページ用ツール

特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki