0. 「赤」という文字を赤色で表示する

「赤」という文字を赤色,文字サイズ64で表示する場合は,以下のようにコードを記述してください。

this.options.content.push({
    type: 'i-text', 
    left: 0,
    top: 0, 
    angle: 0,
    fill:'red',
    text: '赤',
    fontSize: 64,
    fontFamily: 'sans-serif'
  })

以下のように表示されます。

image.png

反応キーを設定する

画面上部の「Behavior」タブを選択し,以下のように反応キーを設定してください。

これにより,赤色にはFキー,緑色にはJキーで反応できるようになります。

image.png

1. 変数でプロパティを指定する

文字刺激のプロパティを変数で指定できるようにします。変数については,以下の説明を参照してください。

変数と定数「var」「let」「const」