このページでは，配列とfor文を使って，複数の文字を規則的に配置する方法を学びます。

はじめに文字を1つ表示し，次に複数の文字を横一列に配置します。最後に，文字を3行×3列に配置してみましょう。

1. 文字を１つ表示する

1.1. 実験プログラムを準備する

はじめに，以下の実験プログラムをダウンロードしてください。このプログラムを修正しながら，実験を作成していきます。

text-scripts.json

ZIP形式：

text-scripts.json.zip

ZIP形式のファイルをダウンロードした場合は，ファイルを展開してからlab.js Builderで読み込んでください。

1.2. 画面の中央に文字を表示する

最初のプログラムでは，画面の中央に「H」という文字を1つ表示します。

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

このコードで指定している主なプロパティは，次のとおりです。

• type: 'i-text'：文字（Text）を追加します。
• left，top：文字の位置を指定します。
• angle：文字の角度を指定します。
• fill：文字の色をblackに指定します。
• text：表示する文字をHに指定します。
• fontSize：文字の大きさを48に指定します。
• fontFamily：フォントの種類を指定します。