この場合はオペーク(不透明)にしたので「true」が返されます。スクリプトでグラフィック1を透明に戻したい時は、「false」を使った下のスクリプトをメッセージ・ボックスから送ります。「グラフィック1」のオペークを偽にしなさい(透明になります)。「グラフィック1」のオペークを真にしなさい(不透明に戻す場合)。プロパティの真偽の変更をした場合、インスペクタは一旦閉じるか、ページを変えてもう一度開き直すかしないと、正しい表示がされません。ラインサイズ」を使って、ボーダー(border)のサイズを調べてみます。「lineSize」は、第4章にあった「screenRect」のように、「line」と「size」の二つの言葉が合わせられています。すべて小文字だけでも使えますが、LiveCodeを使うプログラマーは一般的に、読みやすく理解しやすいように、語の接続している文字を大文字にする事が多いです。size」と2語にするとエラーになります。「グラフィック1」のラインサイズを返しなさい(「5」がメッセージ・ボックスに返されます)。「グラフィック1」のラインサイズを10にしなさい(ラインサイズを変更するスクリプト)。ボーダーをなくしたい時はラインサイズを0にします。サイズ、ポジションの設定グラフィックのサイズと位置の調整をします。Properties」になっています)。上図のようなページが開かれます。サイズと位置を固定する」にチェック・マークを入れます。これをしておくと、エディット・ツールでは動かなくなります(スクリプトでは動かす事ができます)。偽」で設定するプロパティです。「グラフィック1」のロックロケーション(lockLocation)を「真」と設定しなさい。「グラフィック1」のロックロケーション(短縮語:lockLoc)を「偽」と設定しなさい。この二つのスクリプトで、グラフィックのロックまたはアンロックが切り替わります。高さ」も「200ピクセル」にしましょう。ロケーション(グラフィックの中心)」は、左から「200ピクセル(X値)」、上から「180ピクセル(Y値)」とします。Y値はグラフィックの下にある空間ではなく、カードの上辺からなので、間違えないようにしてください。カード内に置かれたオブジェクトのロケーションは、第2章で書いたようにローカル(local)ですから、カードの左上「0,0」が基準となります。メニューから作った、このデフォルトのスタック、カードの大きさは、400x400です。レイヤー」は、このグラフィックのカード上のコントロールのレイヤー・ナンバーです。「Layer」の右にある4つのアイコンは、このグラフィックのレイヤーの移動です。左から「このグラフィックを一番下に移動させる。次が「一つだけ下に移動させる」。次は「上に一つだけ移動させる(現在最上位にあるので、アイコンは薄くなってこの機能は使えません)」一番右は「最上位に移動させる(現在最上位にあるので、アイコンは薄くなってこの機能は使えません)」。ナンバー」はこのグラフィックのナンバーです。ひとつこの上にグラフィックが作られると、新しいグラフィックのナンバーは「2」になります。課題:インスペクタを使って「グラフィック1」のレイヤーを移動させ、元にもどす。同時にアプリケーション・ブラウザーでもレイヤーの位置を確認する。カラーの設定グラフィックのカラーを設定します。Patterns」を選びます。テキスト/ボーダー」の右にある2つの四角形の右側をクリックしてください。カラー・パレットが現れます。任意のグリーンを選んで「OK」してください。グラフィックのボーダーが黒からグリーンに変わります。フィル」の四角形、やはり右側をクリックします。同じようにカラー・パレットが現れます。任意の黄色を選んで「OK」してパレットを閉じます。グラフィックのボーダーの内側が黄色になります。Opaque」にチェックを入れてください。ここまでの図が下にあります。上図のインスペクタに赤文字で書いたように、四角形の上にカーソルを当てると、小さな黄色の四角の中に言葉が現れます。ツールチップ」と呼んでいます。フォーグラウンドカラー」と言うツールチップが出ます。フォーグラウンドカラー」と言うプロパティに、この四角の色を設定したと言う事です。バックグラウンドカラー」とツールチップが出ます。バックグラウンドカラー」に、四角の色を設定しています。いうカラーの設定をしたのか、メッセージ・ボックスから調べて行きましょう。グラフィック1のフォーグラウンド・カラー(foregroundColor)を返しなさい。(フォーグラウンド・カラーはこの場合ボーダーです)私の場合はMacOSのカラー・パレットから「Moss」と言う色彩名を選んだので、「0,128,64」が返されました。WindowsやMacOSでも他のをグリーンを選んだ人は、別な数字が返されます。Blue(青)」で決められているので、その数値が返されています。255」までの値を取ります。上で返された3つのアイテムで言うと「赤は0」「緑は128」「青は64」と言う数値です。厳密な色彩指定をするには、この方法が今の処一番良い方法です。カラー・ネーム」も用意されています。(全部の)カラー・ネームを書き出しなさい。100以上の色彩名が書き出されます。あり過ぎて何が何か分からないですね。http://kenjikojima.com/livecode/colorNames/」をインターネット・ブラウザーで見れるように作りました。インターネット・ブラウザーのカラー名で色彩が表示されるので、LiveCodeで設定した色名とは多少違いがあるのを了解してください(実際の色彩はLiveCodeで確認)。グラフィック1のフォーグラウンド・カラー(foregroundColor)をブルーにしなさい。グラフィック1のフォーグラウンド・カラー(foregroundColor)を返しなさい。これでプロパティのフォーグラウンド・カラー(foregroundColor)に、「Blue」と言う言葉が設定されたのがわかります。四角形の外枠の線)と同じようにスクリプトで設定できます。グラフィック1のバックグラウンド・カラーを返しなさい。まで」の数字の組み合わせで色彩を作り出す、カラースクリーンのピクセルのシステムから、LiveCodeの色彩設定でも使われています。実際にはひとつのピクセルの中には、透明度を設定するアルファ・チャンネルか、画像のマスクが指定できるもうひとつのアイテムがありますが、通常の色彩設定では「RGB」の3つのアイテムを使用します。255」と言うのは、数にすると0を含んで数えるので「256段階」あります。大雑把に言うと3つのアイテムの数字が「255」に近づくにしたがって白になり、「0」に近づくにしたがって黒になります。3つのアイテムを同じ数字にすると、グレーの色調が得られます。普通の絵の具の色彩混合とは感覚的に少し違うので、RGBカラーの設定をする時はスクリプトで試してカラーを見るのが良いでしょう。下のスクリプトのように、RGBの数値を変えて色々試してみましょう。フォーグラウンド・カラー、バックグラウンド・カラーの設定に使うことができます。横道に入ったので、またスタック「helloWorld」に戻ります。ブラウズ・ツールでボタン「NEXT」をクリックして、カード2を開いてください。ラウンド・レクタングル(丸みのある四角形)」を選んだら、カード2の上に左斜め上から右下に向かってマウスをドラッグして、少し横長の四角形を描きます。ラウンド・レクタングル」になります。プロパティの設定をします。デフォルトのレクタングルは中が透明なので、一旦セレクトを外すと、マウスで四角形の中をクリックしてもオブジェクトをセレクトできません。外枠の細い線の上をクリックするか、下図右のように目的のオブジェクトをエディット・ツールで対角線に選んでセレクトします。セレクトした「ラウンド・レクタングル」をダブル・クリックするか、アイコン・メニューの「Inspector」のクリックして、グラフィック・インスペクタを開きます。オペーク(不透明)」にします。ラインの太さ」は「0」です。ラインをゼロにすると、図のようにオブジェクトを囲っている8カ所の黒い四角だけが見えます。角の丸みの半径」は「50」にしました。Patterns」を開きます。border」の「foregroundColor」は何も選びません。「Fill」はカード1とは違う任意の色を設定してください。カラー・パレットから選びました。外枠がなくて単一の色彩の、丸みのある四角形が現れます。スタイル」と言う言葉を使います。グラフィック1のスタイルをラウンドレクトに設定しなさい。ライン」を選んでカードに任意のラインを引いてください。Size」を「20」にします。ラインのプロパティ設定はこれだけにします。インスペクタの下の方に「Points」と言うのがあって、それぞれ2アイテムづつ、2行の数字があるのは、1行目はラインをカード上に描き始めたポイントのXY座標、2行目は描き終えたポイントのXY座標です。ポイント(複数)」を使って求められます。返される値は、描き始めと終わりの2カ所の座標が、2行で返されます(下図)。291,283」となります。リターン」は改行です。LiveCodeで使える改行は他にも幾つかの言い方がありますが、ここではリターン・キーと言う意味の「return」が分かりやすい英語なので、リターンを使うことにして、反対の傾斜にする設定をスクリプトで送ります。改行」の使い方が理解できましたか。測定と位置の設定」の使い方と同じです。フリーハンド・ポリゴン」を描きます。ツール・パレットのベクター・グラフィック作成の2列目一番右です。クリックをしてドラッグ、クリックをしてドラッグを6〜7回続けます。最後はダブル・クリックをすると、マウスについてきたラインを切り離すことができます。描き終えたらインスペクタを見ると、カード3でラインを描いた時のようにポイントの座標が見えます。この座標でフリーハンド・ポリゴンのポイントを変えて行く事もできますが、視覚的にマウスで動かす方法もあります。リシェープ・ポリゴン(多角形の変形)」を選ぶと、下図右のようにポリゴンの各コーナーに小さな丸が現れて。マウスで移動できるようになります。フリーハンド・ポリゴンに、自分の好きな色をいろいろ試してください。ボーダーもあってもなくても良いです。ブラウザー・ツールに持ち替えて、カードの左右に置いたボタンのクリックで、カードを次々に開いてみましょう。スタックを保存しておきます。Save」を選びます。スタックを終了させて、次に開く時は「カード1」が開かれますから、右上のテキスト・フィールドの数字を「1」にしておかないと、ページ・ナンバーが違ってしまいます。Effect」をかけます。Button」をツール・パレットからカードの下の辺りに置き、ボタンのマウスアップ・メッセージ・ハンドラーの中に、この06章で作ったカード1と同じレクタングルを作るスクリプトを書いて、マウス・クリックでオブジェクトを作りなさい。グラフィックの輪郭のカラーは「forestGreen」、中のカラーは「yellow」とします。graphic」を使います。作るグラフィックの「style」は「rectangle」です。解答は次の章にあります。false)の変更をした場合、インスペクタは一旦閉じるか、ページを変えてもう一度開き直すかしないと、正しい表示がされません。ふたつの言葉を合わせて作った言葉は、二つ目の言葉の始めを大文字にしておくと理解しやすくなります。「lineSize」「foregroundColor」等。色彩の微妙な設定には、カラー・ネームよりRGBカラーが適しています。オブジェクトが透明でセレクトできない時は、オブジェクトの外側からマウスを対角線にドラッグします。スタイル」と呼びます。リターン」を使います。スタックを保存する場合は、次にユーザーが開いた時に全てが始めの状態になるようにしておきます。