Edition」の初級から中級のチュートリアルです。このチュートリアルは、中学・高校生からプログラミングが始めての方達を対象にして、Mac&Winのアプリを同時に作ります。ビジュアル・イフェクトと条件文この章の概略カード間の移動で使うビジュアル・イフェクトと、カード上のオブジェクトの位置や形が変化した時に使うビジュアル・イフェクト。ボタン・メニューのレイベル名を「get」を使ってスクリプトに取り込む。バリアブル)として使えない名前。「if」を使った条件文で、オブジェクトを見せる、隠す。最後に06の練習問題の解答があります。カード間の視覚効果スタック「helloWorld.livecode」のカード移動に、ビジュアル・イフェクトをつけます。右から左にカード上のグラフィックが移動したように見せたり、次のカードの画像がボンヤリと現れたりとか、様々な視覚的な効果ができます。right」を使ってみましょう。NEXT」のスクリプト・エディターを開きます。NEXT」をセレクトしようとすると、バックグラウンドにしているグループ全体がセレクトされてしまいます。グループのスクリプト・エディターなら直接ダブル・クリックで開けられますが、グループの中のコントロールはセレクトできません。毎回グループの編集機能を使わなくてはいけないとなると、ちょっと面倒ですね。これには二つ方法があります。目的のコントロールをクリックすると、スクリプト・エディターが開きます。Script」を選びます。left"」入れて、「Apply」をクリックします。マウスアップのメッセージ・ハンドラーから全部下に書きました。(この行を始めに入れる。レフト)」になります。right"」入れて、「Apply」をクリックします。こちらも、マウスアップのメッセージ・ハンドラーから全部下に書きました。(この行を始めに入れる。ライト)」になります。イフェクトのサンプルが選べるボタン・メニューLiveCodeでは、沢山ののビジュアル・イフェクトが用意されています。バックグラウンドにオプション・ボタンのメニューを置いて、ユーザーがイフェクトを選択できるようにします。ビジュアル・イフェクトの種類を実際に見る事ができて、ボタン・レイベルに表示されたイフェクト名を、スクリプトに取り込む方法の学習です。ここでは10のイフェクトの種類を下にリスト・アップします。これ以外のイフェクトはLiveCodeの辞書を見てください(辞書については後の章で説明します)。プレイン」は、何のイフェクトも施さない言葉です。オプション・メニュー」を置いてください。後からバックグラウンドにしているグループに組み込みますから、今は作業がしやすいように、どのカード上に置いても良いです。メニュー・ボタンは、普通のアプリケーション上部にあるメニュー・バーとは少し違っていて、カード上のどこにでも置く事ができます。ゲット」して、そのイフェクト名をスクリプト中に組み込みます。新しく作ったオプション・メニューを、エディター・ツールを使ってダブル・クリックでインスペクタを開いたら、名前(name)を「tVisual」とします。Items」と言うテキストを打ち込めるフィールドがありますから、上にリスト・アップしたイフェクト名をペイストします(下図)。ブラウズ・ツールに持ち替えて、オプション・メニュー「tVisual」をクリックすると、セレクトできるメニューが現れます。items」にしてください。デフォルトの「5」は、メニューが5行だけ表示されます。一度エディット・ツールに持ち替えて、ボタン名「tVisual」をセレクトしてカットしたら、バックグラウンドのグループを選んで、05章で扱ったグループの編集機能を使って(下図)バックグラウンド・グループの中にボタン「tVisual」をペイストします。グループ編集中は、グループ内にあるコントロールだけが見えるようになりますから、レイヤーのトップにあるグラフィックは見えない状態になります。グループ編集を解除して、もう一度ブラウズ・ツールに持ち替えると、全てのカードでこのボタン・メニューが使えるようになります。頻繁にツール・パレットで変更するのが面倒なら、ショート・カットが使えます。ゲット」でボタンのレイベルを読み取って、スクリプトの中のビジュアル・イフェクトを入れ替えます。バリアブル)」の中に収納されます。it「get」はこのスクリプトと同じ意味の、簡略した言い回しです。「NEXT」ボタンの中のスクリプトに書き込む前に、マルチライン・メッセージ・ボックスで試してみます。マルチライン・メッセージ・ボックスは複数行をタイプしたら「エンター・キー」を叩きます。リターン・キー」を叩きます。ボタン「tVisual」のレイベルをゲットしなさい(レイベル名を「it」の中に入れなさい)。「it」をメッセージ・ボックスに書き出しなさい。メニュー・ボタンのレイベルを変えて、「it」に入れた値をメッセージ・ボックスに書き出してください。「get」で得たレイベル名は、いつも「it」に入って書き出されます。それでは「NEXT」ボタンの中に「it」を使ったスクリプトを書き込みます。オルト・キー」を押しながら「NEXT」ボタンをクリックして、スクリプト・エディターを開いて、下のスクリプトを書き込みます。mouseUpボタン名「PREVIOUS」にも同じスクリプトを書き込みます。mouseUpそれでは各種イフェクトを選んで、カードを開いて効果を試してください。バリアブル)」と言う方法でもかまいません。variable)」に入れなさい。バリアブル)を「tButtonLable」としています。バリアブル(variable)は、毎回違う数字や文字列などの値を、一時的に収納する器(文字列)と考えれば良いでしょう。数字で始まる文字列にはできません。「&」が入っている文字列は使えません。スペースのある1語以上の文字列は使えません(必ずシングルワードにします)。日本語の文字は使えません。LiveCodeでの訳語としては、しっくり来ないので「バリアブル」としています。7ではバリアブル(variable)に日本語を使うこともできます。この初心者開発入門では、英文字を使って読み進むのが良いでしょう。今度はカードを移動させないで、オブジェクトを消したり見せたりする時につける、ビジュアル・イフェクトをやってみます。始めにその為の新しいカードとグラフィック2点を作ります。カード5には二つのグラフィックを作って、交互にグラフィックが見えるようにして、それにビジュアル・イフェクトをかけます。グラフィック1)を作ります(下図)。オーバルは意味では長円形ですが、グラフィックは正円にしました。グラフィック2)を作ります。レギュラー・ポリゴン」は12角形ですから、各数を減らして行きます。インスペクタの下の方に「Sides(辺)」があります。「Sides(辺)」を「4」にします。普通の英語で「sides」は幾何学図形の辺ですが、正確なLiveCodeのプロパティの言葉では、多いと言う意味の「poly」を付けて「polySides」と言います。フリーハンド・ポリゴンではポイント(points)の座標を設定しましたが、普通の多角形では辺(polySides)の数で設定します。グラフィック2」を見えなくします。ビジブル(可視)」を「true」か「false」にするかの設定になっていますから、プロパティの「visible」を「false」にすれば、オブジェクトは見えなくなります。インビジブル(不可視)」を「true」にすれば、やはりオブジェクトは見えなくなります。ハイド(隠す)」と言うコマンドで、見せたり、隠したりもできます。下の3行はどれも同じ指示を与えて、グラフィック2を見えなくします。ハイド(隠す)」を使っています。...ならば」と言う条件の文に当てはめて使ってみましょう。始めに「if」の基本的な文の構造を書いておきます。シンタックス」と呼んでいます。ifでは上で作った二つのグラフィックでやってみましょう。プッシュ・ボタン」をカードの中央下に作ります。プロパティはデフォルトのまま、スクリプト・エディターを開きます。マウスアップ・ハンドラーがありますから、その中に下のスクリプトを書き込みます。ifこのグラフィックの「show」「hide」にビジュアル・イフェクトを付けます。"イフェクト名"」を入れました。アンロック・スクリーン」と同時にビジュアル・イフェクトをかけます。mouseUpこれでカードの移動なしにでも、ビジュアル・イフェクトをかけながら、画面に効果をつける事ができます。Button」をツール・パレットからカードの下の辺りに置き、ボタンのマウスアップ・メッセージ・ハンドラーの中に、この06章で作ったカード1と同じレクタングルを作るスクリプトを書いて、マウス・クリックでオブジェクトを作りなさい。グラフィックの輪郭のカラーは「forestGreen」、中のカラーは「yellow」とします。目的のコントロールをクリックします。」を使って入れる事もできます。variable(文字列の器)」は、数字で始まる語にはできません。&が入っている語は使えません。1語以上の名前は使えません(必ずシングルワードにします)。日本語の文字は使えません。