UTF-8に単純変換
This commit is contained in:
@@ -5,64 +5,64 @@
|
||||
<!-- generated by to_html.pl from DispBase.xml -->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
|
||||
<title>�w�i���\�����悤</title>
|
||||
<title>背景を表示しよう</title>
|
||||
<meta name="author" content="W.Dee" />
|
||||
<meta http-equiv="Content-Style-Type" content="text/css" />
|
||||
<meta http-equiv="Content-Script-Type" content="text/javascript" />
|
||||
<link href="browser.css" type="text/css" rel="stylesheet" title="�g���g���֘A���t�@�����X�p�W���X�^�C��" />
|
||||
<link href="browser.css" type="text/css" rel="stylesheet" title="吉里吉里関連リファレンス用標準スタイル" />
|
||||
<link href="mailto:[email protected]" rev="Made" />
|
||||
<link href="index.html" target="_top" rel="Start" title="�g�b�v�y�[�W" />
|
||||
<link href="index.html" target="_top" rel="Start" title="トップページ" />
|
||||
</head>
|
||||
<body>
|
||||
<h1><a id="id25" name="id25">�w�i���\�����悤</a>
|
||||
<h1><a id="id25" name="id25">背景を表示しよう</a>
|
||||
</h1><div class="para"><div>
|
||||
�@<a id="id26" name="id26" class="targanchor"><dfn>�w�i</dfn></a>�Ƃ����̂́A�v�����ɕ����ƑO�i�̌����ɕ\�������郄�c�ł��BKAG �ł́A(�f�t�H���g�ł�) 640�~480 �̃T�C�Y�̉摜���w�i�Ƃ��ēǂݍ��݂܂��B<br />
|
||||
<a id="id26" name="id26" class="targanchor"><dfn>背景</dfn></a>というのは、要するに文字と前景の後ろに表示されるヤツです。KAG では、(デフォルトでは) 640×480 のサイズの画像を背景として読み込みます。<br />
|
||||
<br />
|
||||
�@���߂��ɁA�Ȃɂ��\���������� 640�~480 �̉摜�� bgimage �t�H���_�ɂ����Ă݂Ă��������B���̉摜�� bg0.jpg �ł����Ƃ��܂��BKAG �� LZH �t�@�C���ɂ͂��̉摜�͓����Ă��Ȃ��̂ŁA�K���ɂǂ������玝���Ă��Ă���������(^^)<br />
|
||||
�@�����āA<a target="main" class="jump" href="Letter.html">�������\�����悤</a> �Ŏg�p�����V�i���I���A�ȉ��̂悤�ɕς��Ă݂܂��B<br />
|
||||
ためしに、なにか表示させたい 640×480 の画像を bgimage フォルダにおいてみてください。この画像を bg0.jpg であるとします。KAG の LZH ファイルにはこの画像は入っていないので、適当にどこかから持ってきてくださいね(^^)<br />
|
||||
そして、<a target="main" class="jump" href="Letter.html">文字を表示しよう</a> で使用したシナリオを、以下のように変えてみます。<br />
|
||||
|
||||
<br />
|
||||
<code class="bq"><em>[image storage="bg0" page=fore layer=base]</em><br />
|
||||
[wait time=200]<br />
|
||||
*start|�X�^�[�g<br />
|
||||
*start|スタート<br />
|
||||
[cm]<br />
|
||||
�����ɂ��́B<br />
|
||||
こんにちは。<br />
|
||||
</code>
|
||||
<br />
|
||||
|
||||
�@������ <a id="id27" name="id27" class="targanchor"><dfn>image</dfn></a> �Ƃ����^�O���g�p���āAbg0.jpg ���\�y�[�W�̔w�i���C���ɓǂݍ����ł��܂��B<br />
|
||||
�@image �^�O�� storage �����Ŏw�肵���t�@�C�����ǂݍ��ނ̂ł����A�g���q�͏ȗ��ł��܂��B������ KAG ���T���Ă��܂�(^^)<br />
|
||||
ここで <a id="id27" name="id27" class="targanchor"><dfn>image</dfn></a> というタグを使用して、bg0.jpg を表ページの背景レイヤに読み込んでいます。<br />
|
||||
image タグの storage 属性で指定したファイルを読み込むのですが、拡張子は省略できます。勝手に KAG が探してきます(^^)<br />
|
||||
<br />
|
||||
�@�Ƃ肠�������s���Ă݂Ă��������B<br />
|
||||
<br /><div class="descimg"><img width="325" height="265" alt="BG_Displayed.jpg" src="BG_Displayed.jpg" /><br />�w�i���\������</div><br />�@�ŁA�u�\�y�[�W�v�u�w�i���C���v���ĂȂɁH���Ă��ƂɂȂ��̂ł����E�E�E<br />
|
||||
とりあえず実行してみてください。<br />
|
||||
<br /><div class="descimg"><img width="325" height="265" alt="BG_Displayed.jpg" src="BG_Displayed.jpg" /><br />背景を表示した</div><br /> で、「表ページ」「背景レイヤ」ってなに?ってことになるのですが・・・<br />
|
||||
<br />
|
||||
<br /><div class="note"><div class="notehead"><span class="noteheadspan">Note</span></div>
|
||||
�@Config.tjs �� scWidth ������ scHeight �ŁA���ʃT�C�Y�� 640x480 �ȊO�̉��ʃT�C�Y���w�肵���ꍇ�́A�������̉摜�T�C�Y�ɍ������w�i�摜���w�肵�Ă��������B<br />
|
||||
Config.tjs の scWidth および scHeight で、画面サイズに 640x480 以外の画面サイズを指定した場合は、もちろんその画像サイズに合った背景画像を指定してください。<br />
|
||||
</div><br />
|
||||
</div></div>
|
||||
<h1><a id="id28" name="id28">KAG �̃��C���\��</a>
|
||||
<h1><a id="id28" name="id28">KAG のレイヤ構成</a>
|
||||
</h1><div class="para"><div>
|
||||
�@KAG �Ƃ������g���g���́A���ʂ͂��ׂāu���C���v�ƌĂ������̂��d�ˍ��킹�č\�������܂� ( Photoshop ���̃��C���[�Ǝ��Ă��܂�; ���C���[�����C���Ə����͍̂��҂̃N�Z )�B<br />
|
||||
KAG というか吉里吉里は、画面はすべて「レイヤ」と呼ばれるものを重ね合わせて構成されます ( Photoshop 等のレイヤーと似ています; レイヤーをレイヤと書くのは作者のクセ )。<br />
|
||||
<br />
|
||||
<br />
|
||||
�@���Ƃ��A�ȉ��̂悤�ȕ\���ɂȂ��Ă����Ƃ����ƁE�E�E<br />
|
||||
たとえば、以下のような表示になっていたとすると・・・<br />
|
||||
<br />
|
||||
<br /><div class="descimg"><img width="480" height="360" alt="Layers.jpg" src="Layers.jpg" /><br />�\����</div><br /><br />
|
||||
�@���C���\���͈ȉ��̂悤�ɂȂ��Ă��܂��B<br />
|
||||
<br /><div class="descimg"><img width="480" height="360" alt="Layers.jpg" src="Layers.jpg" /><br />表示例</div><br /><br />
|
||||
レイヤ構成は以下のようになっています。<br />
|
||||
<br />
|
||||
<br /><div class="descimg"><img width="483" height="452" alt="LayersDesc.jpg" src="LayersDesc.jpg" /><br />���C���\��</div><br /><br />
|
||||
�@KAG �ł́A<a id="id29" name="id29" class="targanchor"><dfn>�w�i���C��</dfn></a> base ���܂��ꖇ�����āA���ԉ�(��)�ɕ\�������܂��B�����������O(��)�ɂR����<a id="id30" name="id30" class="targanchor"><dfn>�O�i���C��</dfn></a> 0 1 2 �������܂��B�����ɂ��̎��O(��)�ɂQ����<a id="id31" name="id31" class="targanchor"><dfn>���b�Z�[�W���C��</dfn></a>�������܂��B���ׂĂ̑O�i���C���ƁA���b�Z�[�W���C�� 1 �͏������Ԃł͔��\���ł� ( ���\���̃��C���� layopt �^�O�� visible=true �Ƃ��邱�Ƃŕ\�����邱�Ƃ��ł��܂��B�O�i���C���̏ꍇ�� image �^�O�ł��\�����邱�Ƃ��ł��܂� )�B<br />
|
||||
�@�����Ɠ������C���\���� KAG �ł͂Q�g�����āA���ꂼ��<a id="id32" name="id32" class="targanchor"><dfn>�\�y�[�W</dfn></a> fore �A<a id="id33" name="id33" class="targanchor"><dfn>���y�[�W</dfn></a> back �ƌĂ��Ă��܂��B�\�y�[�W�͉��ʂɕ\�������܂����A���y�[�W�͉��ʂɕ\�����邱�Ƃ͂ł��܂����B���y�[�W�́A���Ƀg�����W�V����(���ʐ��ւ�)�p�ɁA�摜���ꎞ�I�ɂ����Ă������߂Ɏg���܂��B<br />
|
||||
<br /><div class="descimg"><img width="483" height="452" alt="LayersDesc.jpg" src="LayersDesc.jpg" /><br />レイヤ構成</div><br /><br />
|
||||
KAG では、<a id="id29" name="id29" class="targanchor"><dfn>背景レイヤ</dfn></a> base がまず一枚あって、一番奥(下)に表示されます。それより手前(上)に3枚の<a id="id30" name="id30" class="targanchor"><dfn>前景レイヤ</dfn></a> 0 1 2 があります。さらにその手前(上)に2枚の<a id="id31" name="id31" class="targanchor"><dfn>メッセージレイヤ</dfn></a>があります。すべての前景レイヤと、メッセージレイヤ 1 は初期状態では非表示です ( 非表示のレイヤは layopt タグで visible=true とすることで表示することができます。前景レイヤの場合は image タグでも表示することができます )。<br />
|
||||
これと同じレイヤ構成が KAG では2組あって、それぞれ<a id="id32" name="id32" class="targanchor"><dfn>表ページ</dfn></a> fore 、<a id="id33" name="id33" class="targanchor"><dfn>裏ページ</dfn></a> back と呼ばれています。表ページは画面に表示されますが、裏ページは画面に表示することはできません。裏ページは、主にトランジション(画面切り替え)用に、画像を一時的においておくために使います。<br />
|
||||
<br />
|
||||
�@image �^�O�� page �����y�� layer �����Ŏw�肵�Ă����̂́A���ꂼ���A�\�y�[�W�����y�[�W�� ( fore / back )�A�w�i���C�����O�i���C���� ( base / 0 / 1 / 2 )�����w�肵���킯�ł��B<br />
|
||||
image タグの page 属性及び layer 属性で指定していたのは、それぞれ、表ページが裏ページか ( fore / back )、背景レイヤか前景レイヤか ( base / 0 / 1 / 2 )かを指定したわけです。<br />
|
||||
<br />
|
||||
<br /><div class="note"><div class="notehead"><span class="noteheadspan">Note</span></div>
|
||||
�@�O�i���C�� 3 ���A���b�Z�[�W���C�� 2 ���Ƃ������́AConfig.tjs �̃f�t�H���g�̐ݒ��ł��B<br />
|
||||
�@���b�Z�[�W���C�����O�i���C���̏����̖����� Config.tjs �� numCharacterLayers ������ numMessageLayers �Ŏw���ł����ق��Alaycount �^�O�Ŏ��s���ɕύX���邱�Ƃ��ł��܂��B<br />
|
||||
前景レイヤ 3 枚、メッセージレイヤ 2 枚という数は、Config.tjs のデフォルトの設定です。<br />
|
||||
メッセージレイヤや前景レイヤの初期の枚数は Config.tjs の numCharacterLayers および numMessageLayers で指定できるほか、laycount タグで実行中に変更することもできます。<br />
|
||||
</div><br />
|
||||
<br /><div class="note"><div class="notehead"><span class="noteheadspan">Note</span></div>
|
||||
�@�u�w�i�v�u�O�i�v�u�\�v�u���v�͂��ꂼ�ꍬ���̌��ƂȂ��₷���ł����Apage �����Ɏw�肷�� fore �́u�\���ʁv���\�����̂ŁA�u�O�i���C���v���\�����̂ł͂����܂����B<br />
|
||||
�@�\�y�[�W�����y�[�W���� page �����ł��ꂼ�� fore, back �Ŏw�肵�A�O�i���C���̏ꍇ�� layer ������ 0 1 2 �E�E�E���w�肵�A�w�i���C���̏ꍇ�� base ���w�肵�܂��B<br />
|
||||
「背景」「前景」「表」「裏」はそれぞれ混乱の元となりやすいですが、page 属性に指定する fore は「表画面」を表すもので、「前景レイヤ」を表すものではありません。<br />
|
||||
表ページか裏ページかは page 属性でそれぞれ fore, back で指定し、前景レイヤの場合は layer 属性に 0 1 2 ・・・を指定し、背景レイヤの場合は base を指定します。<br />
|
||||
</div><br />
|
||||
</div></div>
|
||||
<script type="text/javascript" charset="Shift_JIS" src="documentid.js" ></script>
|
||||
|
||||
Reference in New Issue
Block a user