アプリ作りのためのTips(小技テクニック)No.

Tips(小技テクニック)

Tips01

でたらめの数(乱数)

Tips02

ランダム服装(コスチューム)

Tips03

服装(コスチューム)選択

Tips04

おみくじ

Tips05

一問クイズ

Tips06

クイズ(順番/ランダム)

Tips07

背景切り替え(簡単)Tips08

背景切り替え(少し難しい)

Tips09

音声合成・翻訳

Tips10

方向キーボタンTips11

クリック位置Tips12

透明スプライトでの⽂字だけ列表⽰

Tips13

透明ボタン

Go.Otaプログラムは、スタジオ「アプリTips」にあります。
https://scratch.mit.edu/studios/25167595/
No.

Tips(小技テクニック)

Tips14

回転運動

Tips15変化のある表⽰の切り替え

Tips16

ランダムな⽂字列を表⽰する

Tips17

スプライトを背景として使う

Tips18

円運動による時間経過表現

Tips19線運動による時間経過表現

Tips20

数字配置 (スプライトを配置します)

Tips21リストを利⽤したスプライト配置

Tips22

スプライト配置(クローン)Tips23

スプライトを並べた模様作り

Tips24

ペンを使⽤したマス目描画

Tips25

ブロックによる高速描画(マス目描画)

Tips26

カード並べ(数字を重複なく並べます)Tips01 でたらめの数
旗をクリックすると猫がでたらめな数を言います。

Tips02 ランダム服装(コスチューム)
旗をクリックするとランダムな服装になります。

HaperとDressのスプライトを使⽤

Dressに入っている3つのコスチュームTips03 服装(コスチューム)選択(1)
三種類のドレスをクリックすると選択できます。

Dressは、Harperが着るもの。
Dress2,Dress3,Dress4
は選択⽤のボタンでそれぞれのコスチュームにしとおく(大きさも小さくしておく)

Dress2,Dress3,Dress4
をクリックするとHarperが着替えます。

Tips03 ランダム服装(コスチューム)(2)

新しいメッセージを作るTips04 おみくじ
旗を押すと、ネコが今日の運勢をうらないます。

変数で、おみくじの内容を入れるリストを作っておく

おみくじの内容を入⼒します。

Tips05 一問クイズ
一問だけのクイズです。

Tips06 クイズ(順番/ランダム)(1)
複数の問題を出すクイズです。(順番に出題するものと/ランダムに出題する例があります)

問題と正答を入れておくリストと、どの問題をやるかに利⽤する問題番号の変数を作成する。

あらかじめリストに問題と正答の内容をを入れておく。

Tips06 クイズ(順番/ランダム)(2)
順番に出題

ランダムに出題

Tips07 背景切り替え(簡単)スプライトをボタンとして使い、背景を切り替えます。
背景Tips08 背景切り替え(少し難しい)

変数に背景の番号を入れます、多くの背景も管理が楽です。
背景Tips 09 音声合成と翻訳
Scratchの拡張機能に音声合成や翻訳の機能があります。
物語の登場人物がしゃべったり、音声ガイダンスや翻訳スピーチをすることができます。

日本語から英語に翻訳してスピーチします。
補足:もとになる言語はScratchの使⽤言語で変更できます。

追加ブロックの指定

Tips10方向キーボタン

スマホで動作させる場合、キーボードが使えないのでキー相当のスプライトを自分で作る必要があります。

Tips11 クリック位置
クリックしたX,Yの座標位置をとりだします。

Scratchには方眼紙のような背景が⽤意されています。

Tips12

透明スプライトでの⽂字だけ列表⽰

幽霊の効果を使ってスプライトを透明化

⾒た目の[幽霊の効果]を99にすると、スプライトはほとんど透明になります。任意の位置に⽂字だけ表⽰することができます。

Tips013 透明ボタン(1)
幽霊の効果を使ってスプライトを透明化、したの背景が⾒えるようなボタンを使います。クイズやいろいろなもので使えます。

背景に、ボタンの内容も入れて作ります。

ボタンはスプライトで作り、背景の対応するところに配置します。

[隠す]はスプライトの存在が無くなり、クリックなど使えません。

スプライトは幽霊の効果で限りなく透明にします。スプライ
トのクリックなどできます。

Tips013 透明ボタン(2)幽霊の効果を使ってスプライトを透明化、したの背景が⾒えるようなボタンを使います。クイズやいろいろなもので使えます。

Tips 14 回転運動

コスチュームの中⼼点

スプライトのコスチュームの中⼼点を適切に設定しておくと、回転運動を表現できます。[回転運動]

Tips015 変化のある表⽰の切り替え

背景やスプライトの表⽰の切り替えや隠す/表⽰する前に「[]の効果を()ずつ変える」を使うと、変化のある切り替えをすることができます。[表⽰切替の変化]

Tips16 ランダムな⽂字列を表⽰する

ランダムに表⽰

予め⽂字列をコスチュームで⽤意しておいて、ランダムに表⽰します。[⽂字ランダム]Tips17

スプライトを背景として使う複数の背景と大きめのスプライトを、メッセージと変数を使って切り替えを⾏うサンプルプログラムです。
複数のスプライトを重ねて表⽰する場合は、その重なりぐらいを考える必要があります。
[スプライト背景]

Tips18

円運動による時間経過表現

中⼼をずらしたスプライトを回転させることで円の動きを表現することができます。時間経過していることやどうさしていることを表現します。
[時間経過円]Tips19

線運動による時間経過表現

スプライトを繰り返し移動させることで、直線的な繰り返し運動を表現することができます。時間経過していることや動作していることを表現します。
[時間経過線]

Tips20 数字配置 (スプライトを配置します)

表⽰リストに格納された情報をもとに、対応したスプライトを規則正しく表⽰します。
[数字(スプライト)配置]

Tips21

リストを利⽤したスプライト配置

スプライトの表⽰位置などをリストに入れて管理しておくと、プログラムの修正・変更が楽な場合あります[スプライト配置]

Tips22

スプライト配置(クローン)

一つのスプライトでもコスチュームを切り替えてクローンを作ることで表⽰を変更することができます。
[スプライト配置(クローン)]Tips23

スプライトを並べた模様作り

スプライトと[スタンプ]を利⽤することで模様を作ることができます。コスチュームで変えれば、よりカラフルな模様を作ることができます。
(カスタムブロック内に入れると高速描画も可能です)[スプライト模様]Tips24

ペンを使⽤したマス目描画

ペンを使うと規則正しい図形が表現できます。
ペンはVer3.0から[拡張機能を追加]で使⽤できるようになります。
(ブロック内に入れると高速描画も可能です)[マス目模様]Tips25

ブロックによる高速描画(マス目描画)

カスタムブロックには[画⾯の再描画をせずに実⾏]のオプションかあります。これを使⽤すると、カスタムブロック内の描画処理が終わってから画⾯を一気に書き換えるので表⽰が非常に高速化します(いっぺんに出る感じ)。
[描画高速]

Tips26 カード並べ(数字を重複なく並べます)
1からnまでの数字を、ランダムに重複なく並べ替えます。

プログラム名:[カード配り01]
リストが一つですが時間がかかります。

プログラム名:[カード配り02]
リストを二つ使い高速です。