【Scratch】JS Paintで日本語テキスト画像を作ろう

JS Paintで日本語テキスト画像を作ろう

Windows標準のペイントアプリ「MS Paint」によく似た「JS Paint」を使って日本語テキスト画像を作ってみたいと思います。MacだとSafariではテキスト入力がうまく動作しませんでしたが、Chromeなら大丈夫でした

JS Paint

まず設定を変更。「Image」メニューの「Attributes」を選びます

JS Paintで日本語テキスト画像を作ろう

キャンバスサイズをScratchのステージサイズ(480×360)に、背景を透過設定にします

JS Paintで日本語テキスト画像を作ろう

「Image」の「Clear Image」を選んで背景色を消します

JS Paintで日本語テキスト画像を作ろう

テキストツールを選んで、背景の透過を選びます

JS Paintで日本語テキスト画像を作ろう

英語フォントのままでも日本語が書けますが、日本語フォントも選べます

  • MS Gothic
  • MS Mincho
  • MS PGothic
  • MS PMincho

JS Paintで日本語テキスト画像を作ろう

完成したら保存します

JS Paintで日本語テキスト画像を作ろう

保存されたファイルをScratchで読み込めば完了です

JS Paintで日本語テキスト画像を作ろう

Scratch 3.0に対応した書籍です[PR]

タイトルとURLをコピーしました