<?xml version="1.0" encoding="utf-8"?><!DOCTYPE article  PUBLIC '-//OASIS//DTD DocBook XML V4.4//EN'  'http://www.docbook.org/xml/4.4/docbookx.dtd'><article><articleinfo><title>etoys絵を変える</title><revhistory><revision><revnumber>19</revnumber><date>2012-05-31 02:55:24</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>18</revnumber><date>2011-06-30 00:38:05</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>17</revnumber><date>2011-06-24 00:25:18</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>16</revnumber><date>2011-06-24 00:24:46</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>15</revnumber><date>2011-06-23 12:53:28</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>14</revnumber><date>2011-06-23 12:31:34</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>13</revnumber><date>2011-06-23 12:30:58</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>12</revnumber><date>2011-05-19 06:03:38</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>11</revnumber><date>2010-06-11 01:01:14</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>10</revnumber><date>2010-06-11 00:56:07</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>9</revnumber><date>2010-06-11 00:55:40</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>8</revnumber><date>2010-06-11 00:51:17</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>7</revnumber><date>2010-06-10 05:36:30</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>6</revnumber><date>2010-06-10 05:33:32</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>5</revnumber><date>2010-06-10 05:27:35</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>4</revnumber><date>2010-06-10 05:18:22</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>3</revnumber><date>2010-06-10 05:14:34</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>2</revnumber><date>2010-06-10 00:54:21</date><authorinitials>masahiko</authorinitials></revision><revision><revnumber>1</revnumber><date>2010-06-10 00:51:17</date><authorinitials>masahiko</authorinitials></revision></revhistory></articleinfo><section><title>絵を変える</title><para>いくつかの画像を用意し、スクリプトを使って表示を変えることができます。 </para><!--rule (<hr>) is not applicable to DocBook--><section><title>準備</title><para>表示したい絵を用意します。 </para><itemizedlist><listitem override="none"><para>１つ描いたら複製し、一部修正して作るとよいでしょう。 </para></listitem><listitem override="none"><para>絵が３種類の場合を例としていますが、２つ以上ならいくつでもかまいません。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka01.png"/></imageobject><textobject><phrase>henka01.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>仮の絵を用意します。 </para><itemizedlist><listitem override="none"><para>お絵かきツールで×印を描きました。印だけでよい。 </para></listitem><listitem override="none"><para>あとで上で用意した絵に変わります。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka02.png"/></imageobject><textobject><phrase>henka02.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>名前をつけておきます。<emphasis role="strong">こども</emphasis>としました。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka03.png"/></imageobject><textobject><phrase>henka03.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><!--rule (<hr>) is not applicable to DocBook--></section><section><title>入れ物に入れる</title><para>入れ物を用意します。 </para><itemizedlist><listitem override="none"><para>道具箱から入れ物をとりだして配置します。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka04.png"/></imageobject><textobject><phrase>henka04.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>入れ物はクリックしても移動できません。 </para></listitem><listitem override="none"><para>移動するには動かすハロを使います。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka09.png"/></imageobject><textobject><phrase>henka09.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>表示したい絵を入れ物に入れます。 </para><itemizedlist><listitem override="none"><para>絵をドラッグして、入れ物の中に入れます。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka05.png"/></imageobject><textobject><phrase>henka05.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>このようになります。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka06.png"/></imageobject><textobject><phrase>henka06.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>２枚目、３枚目を入れると縦に並びます。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka07.png"/></imageobject><textobject><phrase>henka07.png</phrase></textobject></inlinemediaobject> <inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka08.png"/></imageobject><textobject><phrase>henka08.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><!--rule (<hr>) is not applicable to DocBook--></section><section><title>スクリプトを作る</title><para><emphasis role="strong">仮の絵</emphasis>のビューア内の項目と <emphasis role="strong">入れ物</emphasis>のビューア内の項目の両方を使います。 </para><para><emphasis role="strong">仮の絵</emphasis>のビューアの項目 </para><itemizedlist><listitem override="none"><para>仮の絵は上で×印を描き、<emphasis role="strong">こども</emphasis>と名前をつけたオブジェクトです。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka02.png"/></imageobject><textobject><phrase>henka02.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>ビューアを開き、画像カテゴリから<emphasis role="strong">画像</emphasis>タイルを引き出します。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka10.png"/></imageobject><textobject><phrase>henka10.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>このようになります。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka11.png"/></imageobject><textobject><phrase>henka11.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para><emphasis role="strong">入れ物</emphasis>のビューアの項目 </para><itemizedlist><listitem override="none"><para>入れ物のビューアを開き<emphasis role="strong">集合</emphasis>カテゴリを表示します。 </para></listitem><listitem override="none"><para><emphasis role="strong">カーソル位置の画像</emphasis>タイルを、先に取り出した画像の縮小表示のところに配置します。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka12.png"/></imageobject><textobject><phrase>henka12.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>このようになります。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka13.png"/></imageobject><textobject><phrase>henka13.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para><emphasis role="strong">カーソル位置</emphasis>のタイルを矢印のところから引き出して、先に配置したタイルの上に入れます。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka14.png"/></imageobject><textobject><phrase>henka14.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><!--rule (<hr>) is not applicable to DocBook--></section><section><title>動作確認</title><para>カーソル位置の値を１にして、<emphasis role="strong">！</emphasis>を押し１回実行すると１番目の絵の表示に変わります。 </para><itemizedlist><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka15.png"/></imageobject><textobject><phrase>henka15.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>カーソル位置の値を２にして実行すると、２番目の絵の表示に変わります。 </para><itemizedlist><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka16.png"/></imageobject><textobject><phrase>henka16.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>このとき入れ物の中の□の表示位置が変わります。 </para></listitem><listitem override="none"><para>□の位置はカーソル位置に対応しています。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka17.png"/></imageobject><textobject><phrase>henka17.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>動作の確認ができたら、入れ物はたたんでよい。 </para><itemizedlist><listitem override="none"><para>たたむには○のハロを使います。 </para></listitem><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka23.png"/></imageobject><textobject><phrase>henka23.png</phrase></textobject></inlinemediaobject> </para></listitem><listitem override="none"><para>たたむとこのような表示になります。 </para></listitem></itemizedlist><!--rule (<hr>) is not applicable to DocBook--></section><section><title>応用</title><para>上で示したサンプルでは カーソル位置の値を数値で指定しましたが、 この値が変化するようにすれば 絵も変化します。 </para><para>チクタクが行われるごとに変わったり、 ある条件のときに変わったり、 など応用してみましょう。 </para><para>例１ </para><itemizedlist><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka21.png"/></imageobject><textobject><phrase>henka21.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>例２ </para><itemizedlist><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka22.png"/></imageobject><textobject><phrase>henka22.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>例３ </para><itemizedlist><listitem override="none"><para><inlinemediaobject><imageobject><imagedata fileref="http://ei-www.hyogo-dai.ac.jp/~masahiko/moin.cgi/etoys%E7%B5%B5%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B?action=AttachFile&amp;do=get&amp;target=henka24.png"/></imageobject><textobject><phrase>henka24.png</phrase></textobject></inlinemediaobject> </para></listitem></itemizedlist><para>いずれの場合も </para><orderedlist numeration="arabic"><listitem><para>カーソル位置の値を指定 </para></listitem><listitem><para>画像を指定 </para></listitem></orderedlist><para>の２つをこの順に行っています。 </para></section></section></article>