YouTubeで人気にんきの VTuber。

「どうしてキャラクターが本当ほんとうにしゃべっているみたいに動うごくの？」

と思おもったことはありませんか？

実じつはVTuberは、人ひとの動うごきを読よみ取とって、キャラクターを動うごかしています。

今回こんかいは、Scratchを使つかって「声こえに反応はんのうして口くちが動うごくVTuber風ふうアバター」を作つくってみましょう！

Scratchはインターネットにつながるパソコンから無料むりょうで利用りようできます。

Scratch公式こうしきサイト：https://scratch.mit.edu/

Scratchのアカウントの作つくり方かたと基本的きほんてきな使つかい方かたは、下したの記事きじで紹介しょうかいしています。

Scratch（スクラッチ）の使い方・始め方｜小学生向けプログラミング入門

子供向けプログラミング言語Scratch（スクラッチ）。プログラミング教育の教材として多くの小学校で使われています。【リビングの魔王】では、おうちでもスクラッチを使いたい方のために、アカウントの作成方法と基本的な使い方を紹介します。

living-maou.com

VTuberのキャラクターはどうやって動いているの？

「人ひとの動うごきを読よみ取とって、キャラクターにまねさせている」

これが VTuberの 基本きほんのしくみです。

VTuberは、次つぎのような流ながれで動うごいています。

この人ひとの動うごきを読よみ取とって追おいかける技術ぎじゅつを、トラッキングと言いいます。

それぞれ、くわしく見みてみましょう！

カメラで「中の人」の動きを読み取る

まずは、カメラやセンサーを使つかって キャラクターを演えんじている人ひとの 顔かおや 体からだの 動うごきを 1秒間びょうかんに 何なに十回かいもチェックします。

人ひとの動うごきをコンピューターで読よみ取とることを モーションキャプチャと言いいます。

トラッキングソフトが動きを判断する

次つぎに、カメラが読よみ取とった動うごきを トラッキングソフトが すばやく判断はんだんします。

たとえば、

• 今いま、目めを閉とじた！
• 口くちが開あいた！
• 右みぎを向むいた！

といった感かんじです。

トラッキングソフトとは、人ひとの動うごきを読よみ取とってキャラクターを動うごかすためのソフトです。

アバターが同じように動く

VTuberのイラストは、実じつは1枚まいの絵えではありません。

• 目め
• 口ぐち
• かみの毛け
• 顔かお

などが、バラバラのパーツに分わかれています。

トラッキングソフトは、それぞれのパーツを 福笑ふくわらいみたいに 動うごかして、キャラクターをアニメのように動うごかしているのです。

だから、笑わらったり、しゃべったり、本当ほんとうに生いきているみたいに見みえるんですね。

ScratchでVTuber風アバターを作ろう！

Scratchで VTuber風ふうアバターを 作つくってみましょう。

本物ほんものは AIや 特別とくべつなソフトを 使つかいますが、今回こんかいは、

• 声こえを出だしたら口くちが動うごく
• ときどき まばたきする

という「かんたん版ばん VTuber」を作つくります。

しくみを シンプルにすることで、VTuberが どうやって動うごいているのか 分わかりやすく 体験たいけんできますよ。

完成プログラム

完成かんせいした作品さくひんです。

緑みどりのハタをおして、パソコンに向むかって 何なにか話はなしてみてください。

マイク付つきのパソコンで試ためしてくださいね。

完成かんせいしたコードは下したの通とおりです。

口ぐちと目めのスプライトを別々べつべつに作つくり、それぞれにプログラムを書かいて動うごかします。

口のスプライト

目のスプライト

ネコの体のスプライト

プログラミングの手順

口：声に合わせてパクパクさせる

コスチューム

最初さいしょに、ネコのスプライト(Sprite1)を好すきな大おおきさにして、位置いちを決きめましょう。

次つぎに、口くちのパーツを作つくります。

ネコのスプライトをコピーして、スプライトの名前なまえをつけます。

たとえば、

• Sprite1 → Cat
• Sprite2 → mouth

のようにすると分わかりやすいですよ。

口ぐちのスプライトは、体からだと同おなじ位置いちに置おきましょう。

X座標ざひょうとY座標ざひょうを同おなじにすればOKです。

体からだのスプライトを選えらんで、口くちを消けします。

1. 顔かおをクリック
2. グループ解除かいじょ
3. 顔かお以外いがいの場所ばしょをクリック
4. 口ぐちを選えらんでdeleteキー

口くちのスプライトは、口くちだけを残のこして他ほかを消けしましょう。

次つぎに、閉とじた口くちのコスチュームを作つくります。

1.元々もともとある コスチューム2を 消けす
2.コスチューム1を コピーし、新あたらしいコスチューム2を作つくる

閉とじた口くちを描かきます。

3.「直線ちょくせんツール」で 線せんを引ひく
4.「形かたちを変かえるツール」で 線せんを曲まげる。
  真まん中なかをクリック → 真まん中なかの点てんを少すこし下したに引ひっ張ぱる
5.口ぐちのあった部分ぶぶんに動うごかして、元々もともとの口くちを消けす

口くちのコスチュームが かくれてしまっている場合ばあいは、見みた目めカテゴリにある「最前面さいぜんめんへ移動いどうする」ブロックを クリックすれば出でてきます。

コード

1.イベントカテゴリから「ハタが押おされたとき」ブロックを出だす

2.制御せいぎょカテゴリから「ずっと」ブロックを「ハタが押おされたとき」の下したに置おく

「ずっと」ブロックを使つかうことで、常つねに 声こえをチェックできます。

3.制御せいぎょカテゴリから「もし ( ) なら でなければ」ブロックを出だし、「ずっと」ブロックの中なかに入いれる

4.演算えんざんカテゴリから「( ) > ( )」ブロックを出だし、左側ひだりがわに調しらべるカテゴリの「音量おんりょう」ブロックを入いれ、右側みぎがわに 30 を入力にゅうりょくする

5.「（音量おんりょう）> ( 30 )」ブロックを「もし ( ) なら でなければ」ブロックの( )の中なかに入いれる

この判定はんていで、声こえを出だしているかいないか判断はんだんしています。

「もし（音量おんりょう） > 30 」の中なかには、声こえを出だしている時ときに口くちをパクパクさせる処理しょりを入いれます。

6.見みた目めカテゴリから「次つぎのコスチュームにする」ブロックを入いれる

7.制御せいぎょカテゴリから「( 1 ) 秒びょう待まつ」ブロックを入いれ、1 を 0.25 に変かえる

「でなければ」の中なかには、声こえを出だしていない場合ばあいは口くちを閉とじる処理しょりを入いれます。

8.見みた目めカテゴリから「コスチュームを( Costume2 )にする」ブロックを入いれる
　Costume2は、口くちを閉とじたコスチュームを指定していしましょう。

緑みどりのハタをおして 動うごかしてみましょう。

パソコンに向むかって話はなしてみてください。声こえに合あわせて口くちをパクパクしたらOKです。

音量おんりょうの条件じょうけんの30や、待まつ時間じかん0.25は 好このみの数字すうじに 調整ちょうせいしてみてくださいね。

目：まばたきさせる

口くちが動うごくだけでも VTuberっぽいですが、さらに「まばたき」を追加ついかしてみましょう！

まばたきがあると、キャラクターが もっと生いきているみたいに 見みえます。

コスチューム

ネコの体からだのスプライト(Cat)をコピーします。

スプライト名めいを「eye」などに変かえ、位置いちを体からだと同おなじにしましょう。

体からだのスプライトを選えらんで、目めを消けします。

口くちを作つくった時ときと同おなじように、開ひらいた目めと 閉とじた目めの コスチュームを作つくります。

コスチューム1は、目めだけを残のこして他ほかを消けします。

コスチューム2は、閉とじた目めを描かきます。

1. 元々もともとあった、コスチューム2を消けす
2. コスチューム1をコピーする
3. コスチューム2の黒目くろめを消けして、閉とじた目めにする

目めのコスチュームが かくれてしまっている場合ばあいは、「最前面さいぜんめんへ移動いどうする」ブロックを クリックして出だしましょう。

コード

1.イベントカテゴリから「ハタが押おされたとき」ブロックを出だす

2.制御せいぎょカテゴリから「ずっと」ブロックを「ハタが押おされたとき」の下したに置おく

3.制御せいぎょカテゴリから「( 1 ) 秒びょう待まつ」ブロックを出だして、「ずっと」ブロックの中なかに入いれる

4.演算えんざんカテゴリから「( 1 ) から ( 10 ) までの乱数らんすう」ブロックを出だし、「( 3.0 ) から ( 5.0 ) までの乱数らんすう」に変かえる

まばたきのタイミングが 一定いっていにならないように 乱数らんすうを使つかっています。

5.見みた目めカテゴリから「コスチュームを( Costume2 )にする」ブロックを入いれる

6.制御せいぎょカテゴリから「( 1 ) 秒びょう待まつ」ブロックを出だして、「( 0.25 ) 秒びょう待まつ」にする

7.見みた目めカテゴリから「コスチュームを( Costume1 )にする」ブロックを入いれる

まばたきの間かんかくは 好このみの数字すうじに 変かえてみてください。

最後さいごに、背景はいけいをつけて できあがりです！

もっと本物っぽく改造してみよう

さらに改造かいぞうしてみましょう！

例たとえば、

• 体からだを上下じょうげにゆらす
• キーをおすと表情ひょうじょうが変かわる
• コメントが流ながれる

などを追加ついかすると、もっとVTuberっぽくなります。

自分じぶんでオリジナルのキャラクターを描かいてみるのも楽たのしいですよ！

機能を追加してみました
🔹体が上下に動く
🔹キーボード操作で表情が変わる
🔹コメントが流れる
よりVTuberっぽくなったかな pic.twitter.com/RYuwMLjDsj

— メソ@子ども向けプログラミング教材で遊ぼう (@Meso_blog) June 17, 2026

さらにレベルアップしたい人ひと向むけに、体からだのゆれ・表情ひょうじょう切きり替かえ・流ながれるコメントを追加ついかした「VTuber風ふうアバター完全かんぜん版ばん」の作つくり方かたをnoteで紹介しょうかいしています。

ScratchでVTuber風アバターを作ろう【完全版】｜メソ

この記事は、2026年6月時点での情報を元に書いています。Scratchのアプリやソフトのバージョン、画面などは 更新されている可能性もありますので、あらかじめご了承ください。 以前、ブログで「声に反応して口をパクパクさせるVTuber風ア...

note.com

チャレンジしてみたい人ひとは、ぜひチェックしてみてください。

まとめ

VTuberは、「人ひとの動うごきをキャラクターに変かえる」ことで動うごいています。

本物ほんもののVTuberは、

• カメラやセンサー
• トラッキングソフト（動うごきを分析ぶんせきして キャラクターを動うごかす）
• 2D・3Dモデル

などを使つかい、細こまかい表情ひょうじょうや動うごきを読よみ取とって アバターを動うごかしています。

今回こんかい作つくったScratch版ばんは、そのしくみをシンプルにして VTuberっぽい動うごきを 再現さいげんしたものです。

ぜひ、自分じぶんだけの アバターを作つくって 遊あそんでみてくださいね！

【スクラッチ(Scratch)】ヒミツのお手紙作り！暗号文をつくろう

Scratch（スクラッチ）を使って、暗号文を作ったりもどしたりするプログラムの作り方を紹介。手紙の内容を誰にも読めない秘密の言葉に変換することができますよ！自由研究にもおすすめです。【リビングの魔王】ではプログラムの作り方を分かりやすく解説します。

living-maou.com

ビスケットの「めがね」をうまく使つかうと、絵えをアニメのように動うごかしたり、クルクル回転かいてんさせたり、ランダムな動うごきを作つくったりできます。

この記事きじでは、動うごきをもっと自由じゆうに作つくるための「めがね」のテクニックをわかりやすく紹介しょうかいします！

アニメーション

めがねの左ひだりと右みぎにちがう部品ぶひんを入いれると、絵えがかわりますよね。

たとえば…

部品ぶひん① → 部品ぶひん② → 部品ぶひん③ → …

というように、じゅんばんにつながる「めがね」を作つくると、絵えがアニメのように動うごきます！

このしくみに「おんぷマーク」を組くみ合あわせると、絵えがかわるタイミングで音おとを鳴ならすこともできますよ。

くるくる回転

回転かいてんモードを使つかうと、部品ぶひんを回転かいてんさせることができます。

「めがね」の中なかにある部品ぶひんをナナメにすると、次つぎのような動うごきが作つくれます。

• 部品ぶひんがくるくる回まわる
• 円えんをえがくように動うごく

色々いろいろためして、おもしろい動うごきを作つくってみましょう！

ランダム

左ひだりがわが 同おなじめがねを いくつも作つくると、ランダムな動うごきを作つくれます。

ランダムとは、きまりがなくデタラメということです。

たとえば①

• めがね①（左ひだり）部品ぶひん → （右みぎ）部品ぶひんを上うえにずらす
• めがね②（左ひだり）部品ぶひん → （右みぎ）部品ぶひんを下したにずらす

部品ぶひんが上うえにいったり、下したにいったりします。

たとえば②

• めがね①（左ひだり）ゆびマーク → （右みぎ）「1」のサイコロ
• めがね②（左ひだり）ゆびマーク → （右みぎ）「2」のサイコロ
• めがね③（左ひだり）ゆびマーク → （右みぎ）「3」のサイコロ

タッチするたびに1～3のサイコロがランダムに出でてきます！

めがねの ゆうせんどを設定する

ふたつ以上いじょうのめがねが、同おなじタイミングで動うごくとき、どちらを先さきに動うごかすかを決きめることができます。

★の数かずが多おおいほど、さきに動うごくようになります。

【上級者向け】片めがね

「めがね」の左ひだりがわだけに レンズをふやすと、「片かためがね」が作つくれます。

片かためがねの作つくり方かた

「片かためがね」は、左ひだりのレンズの じょうたいが すべてそろったときに、右みぎのレンズの じょうたいに かわるしくみです。

たとえば、左ひだりのレンズに「オレンジの星ほし」、連結れんけつしたレンズに「黄色きいろの丸まる」を入いれると…

• オレンジの星ほし × 黄色きいろの丸まる → かわる
• むらさきの星ほし × 黄色きいろの丸まる → かわらない
• オレンジの星ほし × 青色あおいろの丸まる → かわらない
• むらさきの星ほし × 青色あおいろの丸まる → かわらない

片かためがねを消けしたいときは「連結れんけつをへらすボタン」をおします。

【上級者向け】めがねの連結

めがねの左右さゆう両方りょうほうに レンズをふやすこともできます。「片かためがね」と同おなじしくみですが、ふたついじょうの場所ばしょをかえられるのがポイントです。

めがねの連結れんけつの作つくり方かた

「連結れんけつめがね」を消けしたいときは、「連結れんけつをへらすボタン」をおしてください。

片めがねとめがねの連結のちがい

片かためがねと連結れんけつめがねは、かわる場所ばしょの数かずや動うごき方かたがちがいます。

片かためがね

連結れんけつめがね

作つくりたい動うごきにあわせて、うまく使つかい分わけましょう！

まとめ

ビスケットの「めがね」には、絵えを動うごかしたり、回まわしたり、ランダムに動うごかしたり、さまざまなテクニックがあります。

片かためがねや連結れんけつめがねを使つかうと、もっとおもしろい動うごきが作つくれますよ。

色々いろいろためして、自分じぶんだけの楽たのしいビスケットの世界せかいを作つくってみてくださいね。

ビスケットをもっと楽たのしみたい人ひとは、ほかの記事きじもチェック！

【PR】開発チームが書いたビスケットの入門書

『ビスケットであそぼう: 園児えんじ・小学生しょうがくせいからはじめるプログラミング』は、園児えんじから小学生しょうがくせい、大人おとなまで「プログラミングの楽たのしさ」を体験たいけんできる知育ちいく・学習書がくしゅうしょです。

2017年ねんに発行はっこうされたため、解説かいせつに使つかわれているのは前まえのバージョンのビスケットです。

そのため、あたらしいビスケットでは、一部いちぶの操作そうさが変かわっていたり、実践じっせんできない内容ないようが含ふくまれる可能性かのうせいがあります。

ですが、プログラミングの考かんがえ方かたや基本的きほんてきな使つかい方かたを学まなぶのには、とても参考さんこうになる本ほんです。

興味きょうみのある人ひとは、ぜひチェックしてみてください！

「ビスケット」にタッチや音おとをつけて、もっと楽たのしく遊あそんでみませんか？

今回こんかいは、「ゆびマーク」と「おんぷマーク」の使つかい方かたをわかりやすく説明せつめいします。

タッチすると動うごいたり、音おとが鳴なったりするしくみを作つくって、ビスケットの世界せかいをひろげてみよう！

ゆびマーク：タッチでうごかそう

「ゆびマーク」を使つかうと、タッチしたときに動うごくしくみを作つくることができます。

あそぶ画面がめんで「ゆびマーク」をおいた場所ばしょをタッチしたとき、めがねの右みぎがわの絵えにかわります。

「ゆびマーク」は、かならず めがねの左ひだりがわに入いれましょう。

何もない場所をおすと

めがねの左ひだりに「ゆびマーク」だけを入いれると、何なにもない場所ばしょをタッチしたときの動うごきを決きめられます。

たとえば…

• めがねの左ひだり → 「ゆびマーク」だけ入いれる
• めがねの右みぎ → 出だしたい部品ぶひんを入いれる

何なにもない場所ばしょをタッチすると、部品ぶひんが出でてくる！

さわると部品がかわる

部品ぶひんに「ゆびマーク」を重かさねると、部品ぶひんをタッチしたときの動うごきを決きめられます。

たとえば…

• めがねの左ひだり → 部品ぶひん①と「ゆびマーク」を重かさねる
• めがねの右みぎ → ちがう部品ぶひん②を入いれる

部品ぶひん①をタッチすると、部品ぶひん②にかわる！

もうひとつ

• めがねの左ひだり → 部品ぶひん①と「ゆびマーク」を重かさねる
• めがねの右みぎ → 部品ぶひん①をふたつ入いれる

部品ぶひん①をタッチすると、部品ぶひん①がふたつにふえる！

部品をそうさする

タッチする場所ばしょによって、部品ぶひんの動うごきをかえることもできます。

たとえば…

• めがねの左ひだり → 部品ぶひんを入いれ、そのとなりに「ゆびマーク」をおく
• めがねの右みぎ → 部品ぶひんを1マスずらして入いれる

部品ぶひんのとなりをタッチすると、部品ぶひんが1マス動うごく！

おんぷマーク：音を鳴らそう

「おんぷマーク」を使つかうと、音おとを鳴ならすことができます。

「おんぷマーク」は、めがねの右みぎがわ に入いれましょう。

回転かいてんモードをオンにして、おんぷマークのまわりをなぞると、音おとをかえられます。

さわると音が鳴る

「ゆびマーク」と組くみ合あわせると、部品ぶひんをタッチしたときに音おとを鳴ならせます。

たとえば…

• めがねの左ひだり → 「ゆびマーク」と部品ぶひんを重かさねる
• めがねの右みぎ → 部品ぶひんと「おんぷマーク」を入いれる

部品ぶひんをタッチすると、音おとが鳴なる！

ぶつかったら音が鳴る

めがねを「ぶつかったとき」にすれば、部品ぶひんどうしが ぶつかったときに音おとを鳴ならせます。

たとえば…

• めがねの左ひだり → 部品ぶひん①と部品ぶひん②を重かさねる
• めがねの右みぎ → 部品ぶひん①と部品ぶひん②（横よこに進すすむ）と「おんぷマーク」を入いれる

部品ぶひん②が横よこに進すすむメガネも作つくりましょう。

部品ぶひん①と部品ぶひん②がぶつかると、音おとが鳴なります！

ふたつ以上の音をいっしょに鳴らす

「おんぷマーク」を ふたついじょう めがねに入いれると、同時どうじに音おとを鳴ならせます。

たとえば…

• めがねの左ひだり → 「ゆびマーク」と部品ぶひんを重かさねる
• めがねの右みぎ → 部品ぶひんと「おんぷマーク」を3つ入いれる

部品ぶひんをタッチすると、3つの音おとが同時どうじに鳴なる！

まとめ

「ゆびマーク」を使つかうと、タッチしたときに動うごかせるようになり、「おんぷマーク」を使つかうと音おとを鳴ならせます。

この2つを組くみ合あわせると、もっと楽たのしくておもしろい作品さくひんが作つくれますよ！

いろいろ試ためして、自分じぶんだけのワクワクする仕掛しかけを考かんがえてみましょう♪

ビスケットをもっと楽たのしみたい人ひとは、ほかの記事きじもチェック！

【PR】開発チームが書いたビスケットの入門書

『ビスケットであそぼう: 園児えんじ・小学生しょうがくせいからはじめるプログラミング』は、園児えんじから小学生しょうがくせい、大人おとなまで「プログラミングの楽たのしさ」を体験たいけんできる知育ちいく・学習書がくしゅうしょです。

2017年ねんに発行はっこうされたため、解説かいせつに使つかわれているのは前まえのバージョンのビスケットです。

そのため、あたらしいビスケットでは、一部いちぶの操作そうさが変かわっていたり、実践じっせんできない内容ないようが含ふくまれる可能性かのうせいがあります。

ですが、プログラミングの考かんがえ方かたや基本的きほんてきな使つかい方かたを学まなぶのには、とても参考さんこうになる本ほんです。

興味きょうみのある人ひとは、ぜひチェックしてみてください！

ビスケットで もっとすごい作品さくひんを作つくってみましょう！

「設定せってい画面がめん」「回転かいてん」「重かさなり」「部品ぶひんの整理せいり」「作品さくひんのシェア」などのべんりな機能きのうをつかうと、アイデアをもっとカンタンに形かたちにできます。

この記事きじでは、それぞれの使つかい方かたを分わかりやすく紹介しょうかいします。

設定画面を使ってみる

「はぐるまボタン」をおすと、設定せってい画面がめんがひらきます。

ここでは、ループ・はやさ・ほうがんし・めがねのおおきさの設定せっていができます。

ループ

魚さかなはよこ方向ほうこう、イカはたて方向ほうこうのループを設定せっていできます。

ループをありにすると、部品ぶひんが画面がめんのはじまで動うごいたら 反対はんたいがわから出でてくるようになります。

はやさ

部品ぶひんが動うごくはやさを かえられます。

カメに近ちかいほどおそく、ウサギに近ちかいほど早はやくなります。

ほうがんし

ほうがんしを使つかうと、ステージにマス目めが出でてきます。部品ぶひんをきれいにならべやすくなります。

ほうがんしの大おおきさ（よこ×たて）

• 12×9
• 16×12
• 24×18
• 32×24
• なし（マス目めをつかわない）

お絵描えかき画面がめんにもマス目めがでてきます。

めがねの大きさ

「メガネサイズ」をタップまたはクリックすると、めがねの大おおきさを かえることができます。

100　< 120 < 180 のじゅんに大おおきくなります。

部品をぐるぐる回転させる

「回転かいてんボタン」をおすと、ボタンがへこんで回転かいてんモードになります。

ほうがんしを使つかっているときは、回転かいてんモードは使つかえません。

回転かいてんモードのときに部品ぶひんをまわりをなぞると、部品ぶひんがぐるぐる回転かいてんします。

また、おんぷマークを回転かいてんさせると、音おとをかえられます。

部品の重なりを設定する

「かさねるボタン」をおすと、部品ぶひんの上下じょうげのじゅんばんを かえられます。

• 1のところにおいた部品ぶひん → 上うえにくる
• 0のところにおいた部品ぶひん → 下したにくる

「いれかえボタン」をおすと、上うえと下したの部品ぶひんをぜんぶ入いれかえられるよ！

部品をキレイにならべる

部品ぶひんをタテやヨコにまっすぐならべたいときは、「部品ぶひんの整理せいりボタン」を使つかいましょう。
まっすぐ動うごかしたい時ときにべんりです。

①めがねの「まんなかの矢やじるし」をおして、めがねの設定せってい画面がめんをひらく

②「部品ぶひんの整理せいりボタン」をおす

③もとになる部品ぶひんをえらぶ（左ひだりの左ひだりめがねの部品ぶひんからえらぶ）

④そろえる部品ぶひんをえらぶ（まんなかは左ひだりめがねの部品ぶひん、右みぎは右みぎめがねの部品ぶひん）

⑤ならべかたをえらぶ（タテ・ヨコ・タテヨコりょうほうのどれか）

作品をおともだちにシェア！

作品さくひんをほかの人ひとにも見みてもらいたいときは、「リンク発行はっこうボタン」をおしてみましょう！

①「あそぶボタン」をおして、あそぶ画面がめんをひらく

②「リンク発行はっこうボタン」をおして、リンク発行はっこうページをひらく

③「リンク発行はっこうボタン」をおすと、作品さくひんのURLがでてくる

【まめちしき】どうしてリンク発行すると ほかの人も見られるの？

いつも 作品さくひんは自分じぶんのタブレットやパソコンに ほぞんされています。

しかし、リンクを発行はっこうすると 作品さくひんはインターネット上じょうにあるビスケットのコンピュータ（サーバー）に ほぞんされます。

そして、その作品さくひんを見みるための URL（インターネット上じょうの住所じゅうしょ）が発行はっこうされるしくみです。

このURLにアクセスすると、だれでも作品さくひんを見みたり、遊あそんだりできるようになります。

まとめ

ビスケットには、作品さくひんをパワーアップさせるたくさんの機き能のうがあります！

いろいろなせっていをためしたり、部品ぶひんのならびを工夫くふうしたりして、もっとかっこいい作品さくひんを作つくってみましょう！

ビスケットをもっと楽たのしみたい人ひとは、ほかの記事きじもチェック！

【PR】開発チームが書いたビスケットの入門書

『ビスケットであそぼう: 園児えんじ・小学生しょうがくせいからはじめるプログラミング』は、園児えんじから小学生しょうがくせい、大人おとなまで「プログラミングの楽たのしさ」を体験たいけんできる知育ちいく・学習書がくしゅうしょです。

2017年ねんに発行はっこうされたため、解説かいせつに使つかわれているのは前まえのバージョンのビスケットです。

そのため、あたらしいビスケットでは、一部いちぶの操作そうさが変かわっていたり、実践じっせんできない内容ないようが含ふくまれる可能性かのうせいがあります。

ですが、プログラミングの考かんがえ方かたや基本的きほんてきな使つかい方かたを学まなぶのには、とても参考さんこうになる本ほんです。

興味きょうみのある人ひとは、ぜひチェックしてみてください！

この記事きじでは、ビスケット（Viscuit）のきほんの使つかい方かたをわかりやすく解説かいせつ！

制作せいさく画面がめんの見方みかたや、部品ぶひんの作つくり方かた、動うごきをつける方法ほうほうまで、楽たのしく学まなべます。

まずはきほんをマスターして、自分じぶんでかいた絵えを動うごかしてみましょう。

おもちゃばこ

おもちゃばこには、これまで作つくった作品さくひんがならびます。

• あたらしい作品さくひんを作つくる → 「＋」をおす
• 作品さくひんの続つづきを作つくる　　 → 作つくった作品さくひんのサムネイルをおす
• 作品さくひんを消けす　　　　　 → サムネイルを「ゴミ箱ばこ」にかさねる

制作画面の見かた

制作せいさく画面がめんは、タブレットとパソコンで少すこしちがいます。

タブレットの制作せいさく画面がめん

パソコンの制作せいさく画面がめん

画面がめん

• ステージ　　 … 部品ぶひんをおいて プログラムの動うごきを見みる場所ばしょ
• 部品ぶひん置おき場ば　 … お絵描えかき画面がめんで作つくった部品ぶひんが ならぶ場所ばしょ
• めがね置おき場ば … 「めがね」を作つくって プログラミングする場所ばしょ

ボタン

• えんぴつボタン … 絵えをかいて部品ぶひんを作つくる
• はいけいボタン … ステージの色いろをかえる
• かさねるボタン … 部品ぶひんのかさなり方かたを調整ちょうせいする
• 上うえ・下したボタン　 … 部品ぶひんの上下じょうげを切きりかえる
• バツボタン　　 … 作品さくひんをほぞんして終了しゅうりょうする
• はぐるまボタン … ループや動うごく速はやさなどを 設定せっていする
• あそぶボタン　 … 作品さくひんを遊あそんだり リンクを発行はっこうしたりする
• かいてんボタン … 部品ぶひんや音符おんぷマークを回転かいてんさせる

命令めいれい

• めがね　　　　 … 左ひだりの状態じょうたいになったら 右みぎの状態じょうたいにする
• ゆびマーク　　 … さわったら
• おんぷマーク　 … 音おとをならす

ステージの色をかえる

「はいけいボタン」をおすと、ステージの色いろを自由じゆうにかえられます。

「グラデーションボタン」をおすと、色いろがだんだんかわるグラデーションが作つくれます。

ステージの上うえと下したでちがう色いろをえらびましょう。

色のえらび方

カラーパレットで色いろの種類しゅるい・明あかるさ・あざやかさを調整ちょうせいして、色いろをえらびます。

① まるくならんだ色いろの種類しゅるいをえらぶ

② 明あかるさ と あざやかさ をえらぶ

• 明あかるさ（たて）　　… 上うえにいくほど明あかるく（白しろに近ちかく）、下したにいくほど暗くらく（黒くろに近ちかく）なります。
• あざやかさ（よこ）… 右みぎにいくほどあざやかになり、左ひだりにいくほど はい色しょくにちかづきます。

絵をかいて部品を作る

「えんぴつボタン」をおすと、お絵描えかき画面がめんがひらき 部品ぶひんを作つくれます。

線の色・太さ・とうめい度を選ぶ

1. カラーパレットで色いろをえらぶ
2. 線せんの太ふとさをえらぶ（左ひだりにいくほど線せんが細ほそくなる）
3. とうめい度どをえらぶ（左ひだりにいくほど すける）

線せんの色いろが決きまったら、まるの中なかに絵えをかきましょう。

ひとつもどる

「もどるボタン」で、ひとつ前まえの絵えにもどれます。

「もどるボタン」を絵えが消きえるまで何度なんどもおしてから「まるボタン」をおすと、部品ぶひん置おき場ばから部品ぶひんが消きえます。

下絵を使ってお絵かきする

お絵描えかき画面がめんの右みぎにある部品ぶひんをおすと、その絵えが下絵したえとして表示ひょうじされます。

下絵したえに使つかわれている色いろもえらべるので、同おなじ色いろを使つかってかくことができます。

もう一回かい、右みぎにある部品ぶひんをおすと、下した絵えが消きえます。

ちょっとだけちがう絵えを作つくりたいときにべんりですよ！

部品を作る

絵えができたら、「まるボタン」をおしましょう。

かいた絵えが部品ぶひん置おき場ばにならびます。

部品を直す

部品ぶひん置おき場ばの部品ぶひんを長ながおしすると、部品ぶひんを直なおせます。

「めがね」で動きをつける

部品ぶひんを作つくったら、「めがね」を使つかって動うごかしてみましょう。

1. めがねを めがね置おき場ばに出だす
2. 部品ぶひん置おき場ばの部品ぶひんを、左右さゆうのレンズにならべる

いらなくなった部品ぶひんは、部品ぶひん置おき場ばにもどすと消きえます。

めがねを消けしたいときは、中なかの部品ぶひんをすべて消けしてから部品ぶひん置おき場ばにもどしましょう。

タブレットの画面がめん

パソコンの画面がめん

ステージに部品を入れる

ステージに部品ぶひんを入いれてみましょう。部品ぶひんの動うごきを確認かくにんできます。

ステージの部品ぶひんも、部品ぶひん置おき場ばにもどすと消きえます。

タブレットの画面がめん

パソコンの画面がめん

「めがね」とは？

めがねは「左ひだりのレンズの絵えのとおりになったら、右みぎのレンズの絵えのとおりにかわる」という命令めいれい（ルール）です。

たとえば…

作品をうごかしてあそぼう！

「あそぶボタン」をおすと、ステージが大おおきく表示ひょうじされます。

• 「もどるボタン」　 … はじめからやり直なおす
• 「バツボタン」　　 … 制作せいさく画面がめんにもどる
• 「リンク発行はっこうボタン」… リンクを発行はっこうする

作品をほぞんして終了する

制作せいさく画面がめんの「バツボタン」をおすと、作品さくひんが保存ほぞんされ さいしょの画面がめんにもどります。

作品さくひんは使つかっているタブレットやパソコンに保存ほぞんされるので、つづきを作つくるときは同おなじものを使つかいましょう。

パソコンの場合

同おなじブラウザで開ひらく必要ひつようがあります。たとえば、Chromeで作つくった作品さくひんは Edgeで開あけません。

まとめ

ビスケットのきほんの使つかい方かたを紹介しょうかいしました。

まずはためしに自分じぶんでかいた絵えを動うごかしてみましょう！

ビスケットをもっと楽たのしみたい人ひとは、ほかの記事きじもチェック！

【PR】開発チームが書いたビスケットの入門書

『ビスケットであそぼう: 園児えんじ・小学生しょうがくせいからはじめるプログラミング』は、園児えんじから小学生しょうがくせい、大人おとなまで「プログラミングの楽たのしさ」を体験たいけんできる知育ちいく・学習書がくしゅうしょです。

2017年ねんに発行はっこうされたため、解説かいせつに使つかわれているのは前まえのバージョンのビスケットです。

そのため、あたらしいビスケットでは、一部いちぶの操作そうさが変かわっていたり、実践じっせんできない内容ないようが含ふくまれる可能性かのうせいがあります。

ですが、プログラミングの考かんがえ方かたや基本的きほんてきな使つかい方かたを学まなぶのには、とても参考さんこうになる本ほんです。

興味きょうみのある人ひとは、ぜひチェックしてみてください！

ビスケット（Viscuit）は、だれでもかんたんにプログラミングができる楽たのしいアプリです。

「めがね」というしくみを使つかって、絵えを動うごかしたり、ゲームを作つくったりできます。

タイピングやむずかしいコードをおぼえなくても、大丈夫だいじょうぶ！

この記事きじでは、ビスケットの基本的きほんてきな使つかい方かたから、便利べんりなテクニックまでをわかりやすくまとめました。

2024年ねん12月がつのアップデートにも対応たいおうしているので、あたらしいビスケットの使つかい方かたがわかります。

ビスケットを使つかって、自分じぶんだけの作品さくひんを作つくってみましょう！

ビスケット(Viscuit)ってなに？

ビスケット(Viscuit)は、かんたんにプログラミングができるアプリです。

むずかしいことをおぼえなくても、すぐに使つかいはじめることができます。

ビスケットでは、「めがね」というしくみを使つかって、自分じぶんでかいた絵えを動うごかすことができます。

組くみ合あわせしだいで、ちょっとしたアニメーションからゲームまで作つくれますよ！

ビスケットをはじめてみよう！

ビスケットは、インターネットにつながっているタブレットやパソコンで使つかうことができます。

タブレットではじめる

App Store や Google Play で「viscuit」と検索けんさくし、アプリをインストールしてください。

viscuit

開発元:Digital Pocket Limited Liability Company

無料

posted withアプリーチ

パソコンではじめる

ビスケットの公式サイトにアクセスすると、すぐにはじめることができます。

ページをひらいたら、下したにスクロールして「やってみる」をクリックしてください。

ビスケットの基本の使い方

最初の画面

ビスケットをひらくと、最初さいしょの画面がめんにいくつかのメニューが出でてきます。

• おもちゃばこ：自分じぶんで作品さくひんを作つくって、しまっておける場所ばしょです。
• カレンダー：カレンダーの日ひにちごとに、1つずつ作品さくひんを作つくってのこせます。※
• ビスケットランド：みんなが作つくった作品さくひんを、1つの画面がめんでいっしょに動うごかして楽たのしめます。※
• うごくえほん：作品さくひんをつなげて、絵本えほんのようにページをめくって見みることができます。※
• まなぶ：ビスケットの使つかい方かたをくわしく知しることができます。

※無料むりょう版ばんでは、使つかえる機能きのうに制限せいげんがあります。

このサイトでは、「おもちゃばこ」で作品さくひんを作つくる方法ほうほうを中心ちゅうしんに紹介しょうかいしていきます。

あたらしい作品をつくる

おもちゃばこの画面がめんには、今いままで作つくった作品さくひんがならびます。

「＋」をおすと、あたらしい作品さくひんを作つくれます。

制作画面の見かた

制作せいさく画面がめんは、絵えをかいたり、「めがね」を作つくってプログラミングしたりする場所ばしょです。

画面がめん

• ステージ　　 … 部品ぶひんをおいて プログラムの動うごきを見みる場所ばしょ
• 部品ぶひん置おき場ば　 … お絵描えかき画面がめんで作つくった部品ぶひんが ならぶ場所ばしょ
• めがね置おき場ば … 「めがね」を作つくって プログラミングする場所ばしょ

ボタン

• えんぴつボタン … 部品ぶひんを作つくる
• はいけいボタン … ステージの色いろをかえる
• かさねるボタン … 部品ぶひんのかさなり方かたを調整ちょうせいする
• 上うえ・下したボタン 　… 部品ぶひんの上下じょうげを切きりかえる
• バツボタン　　 … 作品さくひんをほぞんして終了しゅうりょうする
• はぐるまボタン … ループや動うごく速はやさなどを設定せっていする
• あそぶボタン　 … 作品さくひんを遊あそんだり リンクを発行はっこうしたりする
• かいてんボタン … 部品ぶひんや音符おんぷマークを回転かいてんさせる

命令めいれい

• めがね　　　　 … 左ひだりの状態じょうたいになったら 右みぎの状態じょうたいにする
• ゆびマーク　　 … さわったら
• おんぷマーク　 … 音おとをならす

プログラミングしてみよう！

1. 絵をかいて部品を作る

「えんぴつボタン」をおして、お絵描えかき画面がめんをひらきます。

すきな絵えをかいて、動うごかす部品ぶひんを作つくりましょう。

2. 「めがね」を使って動きをつける

「めがね」をドラッグアンドドロップして、めがね置おき場ばにならべます。

作つくった部品ぶひんを左右さゆうのレンズに入いれて、右みぎのレンズの部品ぶひんをちょっとずらすと…？

3. 動かしてみよう！

ステージに部品ぶひんを入いれてみましょう。部品ぶひんが動うごきはじめます！

「あそぶボタン」をおすとあそぶ画面がめんになり、ステージが大おおきく表示ひょうじされます。

めがねとは？

めがねは「左ひだりのレンズの絵えのとおりになったら、右みぎのレンズの絵えのとおりに変かわる」という命令めいれい（ルール）です。

かんたんな しくみだけど、組くみ合あわせしだいで さまざまな動うごきを作つくれます。

ビスケットのきほんをマスター！ 作品をつくってうごかそう

ビスケットの基本的な使い方を初心者向けに解説！制作画面の見方、部品の作り方、動きをつける方法まで詳しく紹介。自分だけの作品を作って動かしてみよう！

living-maou.com

ビスケットをもっと使いこなそう！

いろいろな設定せっていを使つかうことで、作品さくひんをもっと楽たのしくすることができます。

設定画面を使ってみる

「はぐるまボタン」をおすと、設定せってい画面がめんがひらきます。

ここでは、ループ、はやさ、ほうがんし、めがねのおおきさの設定せっていができます。

部品を回転させる

「回転かいてんボタン」をおすと、回転かいてんモードになり、部品ぶひんをぐるぐる回転かいてんできるようになります。

部品のかさなりを設定する

「かさねるボタン」をおすと、かさなり画面がめんがひらきます。ここでは、部品ぶひんの上下じょうげのならび順じゅんをかえられます。

部品をキレイにならべる

めがねの真まん中なかにある矢やじるしをおして、「部品ぶひんの整理せいりボタン」をおすと、部品ぶひんをタテやヨコにきれいにそろえることができます。

作品をおともだちにシェア！

あそぶ画面がめんでリンクを発行はっこうすると、ほかの人ひとも作品さくひんを遊あそべるようになります。

発行はっこうされたURL（インターネット上じょうの住所じゅうしょ）にアクセスすると、作品さくひんを見みることができます。

ビスケットをもっと使いこなそう！べんりな機能で作品をレベルアップ

ビスケットをもっとつかいこなそう！ループや回転、ならべかた、リンクなど、作品作りにべんりな機能をわかりやすくしょうかい。じぶんだけのすごい作品を作ってみよう！

living-maou.com

音とタッチで楽しくアレンジ

ビスケットでは、音おとをならしたり、タッチで動うごかしたりできます。

タッチで動かす

「ゆびマーク」を使つかうと、タッチすると動うごく命令めいれいを作つくれます。

音を鳴らす

「おんぷマーク」を使つかうと、音おとをならすことができます。

オリジナルの楽器がっきを作つくったり、自動じどうえんそうしたりしてみよう！

ビスケットに音とタッチで楽しいしかけをプラス！

ビスケットの「ゆびマーク」と「おんぷマーク」の使い方をわかりやすく解説！タッチで動かしたり、音を鳴らしたりする仕掛けを作って、もっと楽しい作品を作りましょう。初心者でも簡単にできる方法を紹介します！

living-maou.com

「めがね」テクニックをマスターしよう

「片かためがね」や「めがねの連結れんけつ」を使つかうと、もっとすごいプログラムを作つくることができます。

片めがねとは？

「片かためがねボタン」ボタンをおすと、めがねの左ひだりだけにもうひとつレンズがつきます。

• いくつかの条件じょうけんがあるけど、かわるのはひとつだけ
• 同おなじ部品ぶひんを、同おなじタイミングでかえたい

といったときにべんり！

めがねの連結とは？

「めがねの連結れんけつボタン」をおすと、めがねの下したに もうひとつめがねが つきます。（昔むかしのビスケットの「割われためがね」にあたります）

• いくつかの条件じょうけんがって、かわる部品ぶひんもいくつかある
• 同おなじ部品ぶひんを、ちがうタイミングでかえたい

そんな時ときに使つかってみよう！

ビスケットの「めがね」テクニック！ もっとじょうずにうごかそう

ビスケットの「めがね」を使って、アニメーションやランダムな動きを作ろう！基本の使い方から、回転・片めがね・連結めがねまで、詳しく解説します。楽しく動かすコツをチェック！

living-maou.com

サブスクサービス「ビスケットクラブ」

ビスケットクラブは、ビスケットをもっと楽たのしむための有料ゆうりょうサブスクリプションサービスです。

月額げつがく500円えんで利用りようでき、最初さいしょの1ヶ月かげつは無料むりょうでお試ためしできます。

ビスケットクラブに入はいると、次つぎのようなことができるようになります。

この他ほかにも、作品さくひん作づくりがもっと自由じゆうになる機能きのうがいろいろ用意よういされています。

入会にゅうかいは、最初さいしょの画面がめんにある「ビスケットクラブ」ボタンからできます。

まとめ

ビスケットを使つかえば、だれでもかんたんに絵えを動うごかしたり、ゲームを作つくったりできます。

さいしょはシンプルな動うごきから始はじめて、少すこしずつ色々いろいろなやり方かたをためしてみましょう。

「めがね」をくふうして使つかうと、もっとおもしろい作品さくひんが作つくれるようになります。

ぜひ、自分じぶんだけのアイデアを形かたちにして、楽たのしくプログラミングしてみてくださいね！

ビスケットの もっとくわしい使つかい方かたは、下したの記事きじをチェック！

【PR】開発チームが書いたビスケットの入門書

『ビスケットであそぼう: 園児えんじ・小学生しょうがくせいからはじめるプログラミング』は、園児えんじから小学生しょうがくせい、大人おとなまで「プログラミングの楽たのしさ」を体験たいけんできる知育ちいく・学習書がくしゅうしょです。

2017年ねんに発行はっこうされたため、解説かいせつに使つかわれているのは前まえのバージョンのビスケットです。

そのため、あたらしいビスケットでは、一部いちぶの操作そうさが変かわっていたり、実践じっせんできない内容ないようが含ふくまれる可能性かのうせいがあります。

ですが、プログラミングの考かんがえ方かたや基本的きほんてきな使つかい方かたを学まなぶのには、とても参考さんこうになる本ほんです。

興味きょうみのある人ひとは、ぜひチェックしてみてください！

2024年12月、子ども向けプログラミングツール『Viscuit（ビスケット）』が大きく生まれ変わりました。
作品の保存方法の変更や、重なり機能・部品を揃える機能などの新しい要素が加わり、表現の幅が広がり使いやすくなっています。

この記事では、あたらしいビスケットの変更点や新機能をわかりやすく解説します。

新しいビスケットの使い方は、下の記事で紹介しています。

【最新版】あたらしいビスケットの使い方まとめ！プログラミングで遊ぼう

ビスケット（Viscuit）は かんたんにプログラミングができる楽しいアプリです。「めがね」のしくみを使って絵を動かしたりゲームを作ったりできます。この記事では基本の使い方から便利なテクニックまでをわかりやすくまとめました。最新アップデートにも対応！

living-maou.com

あたらしいビスケット変更点

動画：YouTube「ViscuitKids ビスケットキッズ公式」より

あたらしいビスケットには、以下の変更が加えられました。

作った作品はアプリに保存

以前は作品がビスケットのサーバーに保存されていましたが、アプリ内に保存されるようになりました。

作品が自分の端末に保存されるため、他の人の作品に紛れる心配がなくなり、探しやすくなりました。

ただし、続けて作品を作る場合、同じ端末を使う必要があります。

ブラウザ版の場合は、同じブラウザを使ってください。Chromeで作成を始めた場合、途中からEdgeに変更することはできません。

かさなり機能

部品同士のかさなりの設定ができるようになりました。手前と奥の2層に分けることができます。

この機能を使うと、作品に遠近感を加えることができます！

1. [かさねるボタン]をおす（紙が二枚重なったような絵）。
2. 部品をドラッグして、部品のかさなりをいれかえる。
   手前が1、奥が0です。

部品をそろえる

めがね内の部品を水平・垂直に整列する機能が追加されました。

場所を動かさずに部品だけ入れかえたい時や、まっすぐ部品を動かしたい時に便利です。

1.めがねの真ん中にある矢じるしをおす。

2.[部品の整理ボタン]をおす（四隅カッコの中に●）。

3.基準になる部品とそろえる部品を選ぶ。
  基準になる部品はグレー、そろえる部品は赤で表示されます。

• 左：基準になる部品（左めがね）
• 中：そろえる部品（左めがね）
• 右：そろえる部品（右めがね）

4.そろえる方法を選ぶ

• ぴったり重ねる
• よこ方向にそろえる
• たて方向にそろえる

めがねの連結（割れためがね）

あたらしいビスケットでは、「割れためがね」がさらにパワーアップしました！

これまでは、ひとつのレンズを分割して使用する仕様で、少し使いづらい部分もありましたが、新しいめがねの連結機能では、より見やすく、作りやすく改良されています。

基本的な使い方はこれまでと同じですが、いくつでも連結できるようになりました。（以前は3分割まで）

1. めがねの真ん中にある矢じるしをおす。
2. [めがねの連結ボタン]をおす。

連結しためがねを消したいときは、[連結を減らすボタン]（マイナスの入った丸）をおします。

片めがね

左めがねだけにレンズを連結できる機能が追加されました。

基本的な使い方は、めがねの連結と同じです。

1. めがねの真ん中にある矢じるしをおす。
2. [片めがねボタン]をおす。

連結しためがねと同様、[連結を減らすボタン]をおすと消せます。

• 条件はいくつかあるけど変化する部品はひとつ
• 同じ部品を同じタイミングで変化させたい

というときに便利です。

公式サイトで片めがねについて解説されているので、くわしく知りたい人は参考にしてみてください。

片メガネ１

あたらしいビスケットがリリースされました。あたらしいビスケットの特徴は、画面に奥行きを作れるようにしたことですが。もう一つの大きな特徴は、片メガネというのが新しく加わったことです。片メガネは説明が難しいので、最初の使い方動画でも説明を割愛さ

devroom.viscuit.com

リンク発行

作品をURLで共有できる機能が追加されました。

リンクを発行した作品はサーバーに保存され、他の人に遊んでもらえます。

1. [あそぶボタン]をおす。
2. [リンク発行ボタン]をおす。
3. [リンクのコピーボタン]でリンクをコピー。

リンクの発行は1日1回までです。1つの作品につき1回だけ発行できるので、作品を完成させてから発行するようにしましょう。

発行したリンクは、リンク発行ページで後からでも確認できます。

まとめ

「あたらしいビスケットの変更点や新機能」について解説しました。主な変更点は以下の通りです。

個人的には、他の人の作品のめがねを見て研究できなくなった点が、少し残念に感じました。
また、背景を描ける機能が追加されれば、もっと便利になるのではないかと期待しています。

作った作品を消す方法や、リンクを発行した作品がどのくらいの期間サーバーに保存されるのかなど、気になる点もあるので、分かり次第追記したいと思います。

今後も徐々にバージョンアップを重ね、新しい機能がどんどん追加されていく予定とのことです。
これからビスケットがどのように進化していくのか、楽しみに待ちましょう！

新しいビスケットの使い方は、下の記事で紹介しています。

【最新版】あたらしいビスケットの使い方まとめ！プログラミングで遊ぼう

ビスケット（Viscuit）は かんたんにプログラミングができる楽しいアプリです。「めがね」のしくみを使って絵を動かしたりゲームを作ったりできます。この記事では基本の使い方から便利なテクニックまでをわかりやすくまとめました。最新アップデートにも対応！

living-maou.com

今回こんかいはスクラッチ (Scratch) を使つかった「デジタル時計とけい」の作つくり方かたを紹介しょうかいします。

デジタル時計とけいとは、数字すうじを使つかって 現在げんざいの時間じかんを表示ひょうじする 時計とけいのことです。

今回こんかいのプロジェクトでは、時ときと分ぶんを それぞれの十じゅうの位くらいと一いちの位くらいに分わけて 表示ひょうじし、秒びょうはニワトリが歩あるくアニメーションで 表現ひょうげんします。

プログラミングを通つうじて、わり算ざん（商しょうとあまり）や、がい算さん（切きり捨すて）の勉強べんきょうにもなりますよ。

図ずやコード例れいを交まじえながら、わかりやすく解説かいせつしていきますので、プログラミング初心者しょしんしゃさんでも安心あんしんして取とり組くめます。

ぜひ、プログラミングに挑戦ちょうせんして、オリジナルのデジタル時計とけいを作つくってみてください！

Scratchはインターネットにつながるパソコンから無料むりょうで利用りようできます。

Scratch公式こうしきサイト：https://scratch.mit.edu/

Scratchのアカウントの作つくり方かたと基本的きほんてきな使つかい方かたは、下したの記事きじで紹介しょうかいしています。

Scratch（スクラッチ）の使い方・始め方｜小学生向けプログラミング入門

子供向けプログラミング言語Scratch（スクラッチ）。プログラミング教育の教材として多くの小学校で使われています。【リビングの魔王】では、おうちでもスクラッチを使いたい方のために、アカウントの作成方法と基本的な使い方を紹介します。

living-maou.com

デジタル時計の読み方をおさらい

アナログ時計とけいは、丸まるい文字盤もじばんと針はりを使つかって時間じかんを示しめしますが、デジタル時計とけいは数字すうじだけで時間じかんを表示ひょうじします。

24時間じかん表示ひょうじのデジタル時計とけいの場合ばあい、午前ごぜん8時じ15分ふんは「08:15」と表示ひょうじされ、午後ごご1時じ45分ふんは「13:45」と表示ひょうじされます。

今回こんかいは、時じの十じゅうの位くらい、一いちの位くらい、分ふんの十じゅうの位くらい、一いちの位くらいのスプライトを準備じゅんびし、それぞれのコスチュームを使つかってデジタル時計とけいを表示ひょうじするプログラムを作成さくせいします。

また、秒びょうの変かわった表示ひょうじ方法ほうほうを紹介しょうかいします。

完成プログラム

完成かんせいした作品さくひんです。ハタをおして動うごかしてみてください。

完成かんせいしたコードは下したの通とおりです。

時じの十じゅうの位くらいと 一いちの位くらい、 分ふんの十じゅうの位くらいと 一いちの位くらいの スプライトを準備じゅんびし、それぞれ現在げんざいの時間じかんにあった 数字すうじのコスチュームを 表示ひょうじします。

時の十の位のプログラム

時の一の位のプログラム

分のプログラム

秒のプログラム

プログラミングの手順

時の十の位

コスチューム

時じの十じゅうの位くらいのスプライトを作成さくせいし、0から9のコスチュームを作つくります。

1.スプライトを作つくる

「スプライトを選えらぶ」→「描えがく」を選えらびます。

ネコのスプライトは消けしてOKです。

2.数字すうじをかく

筆ふでツールを使つかって0を描えがきます。

ペイントエディターのくわしい使つかい方かたは「【スクラッチ（Scratch）】絵えを描かいてスプライトや背景はいけいを作つくろう（ベクター編へん）」で解説かいせつしています。

コスチュームを右みぎクリック →「複製ふくせい」でコスチュームをコピーし、1から9のコスチュームを作つくります。

コスチュームのならびは、小ちいさい順じゅん(0、1、2、3 … 7、8、9)になるようにしてください。

3.スプライトの名前なまえを変更へんこう

スプライトの名前なまえを「時じの十じゅうの位くらい」に変かえましょう。

コード

1.イベントカテゴリから「ハタが押おされたとき」ブロックを出だす。

2.制御せいぎょカテゴリから「ずっと」ブロックを「ハタが押おされたとき」の下したに出だす。

3.見みた目めカテゴリから「コスチュームを( )にする」を出だし、「ずっと」ブロックの中なかに入いれる。

4.時じの十じゅうの位くらいがいくつになるか計算けいさん

現在げんざいの時間じかんから時じの十じゅうの位くらいの数字すうじを取とり出だしましょう。

十じゅうの位くらいは、その数字すうじが何個なんこの10を持もっているか表あらわしています。

なので、現在げんざいの時じを10で割わると十じゅうの位くらいの数字すうじだけ取とり出だせます。小数点しょうすうてん以下いかは切きり捨すてて無視むししましょう。

たとえば、

• 午前ごぜん8時じ： 8÷10 = 0.8 → 小数点しょうすうてん以下いか切きり捨すて → 0
• 午後ごご1時じ：13÷10 = 1.3 → 小数点しょうすうてん以下いか切きり捨すて → 1

となります。

演算えんざんカテゴリの「( )/( )」を出だして、左側ひだりがわに「現在げんざいの時じ」ブロックを入いれ、右側みぎがわに10を入力にゅうりょくします。

現在げんざいの時間じかんの時じは、「現在げんざいの時じ」ブロックで得えられます。

調しらべるカテゴリにある「現在げんざいの年ねん」ブロックを出だし、年ねんの部分ぶぶんをクリックして、時じに変かえましょう。

小数点しょうすうてん以下いかを切きり捨すてるため、演算えんざんカテゴリから「( )の絶対値ぜったいち」ブロックを出だし、絶対値ぜったいちの部分ぶぶんをクリックして「切きり下さげ」に変かえます。

中なかに「 現在げんざいの時じ / 10 」を入いれましょう。

切きり下さげは、指定していした数かずの小数点しょうすうてん以下いかを切きり下さげて整数せいすうにする命令めいれいです。

5.表示ひょうじするコスチュームの番ばん号ごう

「コスチュームを()にする」ブロックは、()で指定していした値あたいと 同おなじコスチューム番ばん号ごうの コスチュームが表示ひょうじされます。

このスプライトの場合ばあいだと、

• 「コスチュームを(1)にする」なら「0」
• 「コスチュームを(2)にする」なら「1」

と1つズレてしまうため「 現在げんざいの時じ / 10 の切きり下さげ」で求もとめた値あたいに 1足たした値あたいをコスチューム番ばん号ごうに指定していしましょう。

演算えんざんカテゴリの「( )+( )」を出だして、左側ひだりがわに「 現在げんざいの時じ / 10 の切きり下さげ」ブロックを入いれ、右側みぎがわに1を入力にゅうりょくします。これを「コスチュームを()にする」ブロックの中なかに入いれましょう。

時の一の位

時じの十じゅうの位くらいのスプライトをコピーして作つくります。

コスチューム

1.時じの十じゅうの位くらいのスプライトを 右みぎクリックして「複製ふくせい」を 選えらぶ。

2.スプライト名めいを「時じの一いちの位くらい」に変更へんこうする。

コード

現在げんざいの時間じかんから 時じの一いちの位くらいの数字すうじを 取とり出だす方法ほうほうを 考かんがえましょう。

現在げんざいの時じを 10で割わった商しょう（小数点しょうすうてん以下いか切きり捨すて）が 十じゅうの位くらいになりました。

このとき、割わり切きれなかった部分ぶぶん……つまり「あまり」が一いちの位くらいになります。

たとえば、

• 午前ごぜん8時じ：  8÷10 = 0 あまり 8
• 午後ごご1時じ： 13÷10 = 1 あまり 3

となります。

「コスチュームを( )にする」ブロックの中なかを変更へんこうします。

演算えんざんカテゴリから「( )を( )で割わった余あまり」を出だして、左側ひだりがわに「現在げんざいの時じ」ブロックを入いれ、右側みぎがわに10を入力にゅうりょくしましょう。

コスチュームの番ばん号ごうは1つズレるので、「( 現在げんざいの時じ を 10 で割わった余あまり )+(1)」にします。

分の十の位と一の位

分ふんの十じゅうの位くらいと一いちの位くらいは、時ときの十じゅうの位くらいと一いちの位くらいとほぼ同おなじです。

スプライトをコピーし、必要ひつような変更へんこうを加くわえましょう。

何なにを変かえたらよいか、自分じぶんで考かんがえてみてくださいね！

スプライトを配置する

4つのスプライトをステージに配置はいちします。

時じと分ふんの真まん中なかにある「：」のスプライトも作つくって配置はいちしましょう。

ちょっと変わった表現を紹介！

時じや分ふんと 同おなじやり方かたで 秒びょうを作つくってもよいのですが、今回こんかいはちょっと変かわったやり方かたを紹介しょうかいします。

ニワトリが0秒びょうのとき 左ひだりはしから歩あるき始はじめて、60秒びょう後ごに 右みぎはしに到着とうちゃくする プログラムを作成さくせいします。

コスチューム

スプライトを準備じゅんびします。

「スプライトを選えらぶ」→「スプライトを選えらぶ」から、ニワトリ(Hen)のスプライトを選択せんたくします。

コスチュームの3つめと4つめは使つかわないので消けしましょう。

スプライトの大おおきさを調整ちょうせいし、ステージの好すきな場所ばしょに配置はいちします。

コード

1.イベントカテゴリから「ハタが押おされたとき」ブロックを出だす

2.制御せいぎょカテゴリの「ずっと」ブロックを「ハタが押おされたとき」の下したに入いれる

3.動うごきカテゴリから「X座標ざひょうを ( ) にする」ブロックを出だす

現在げんざいの秒びょうに応おうじてニワトリの位置いちを計算けいさんし、X座標ざひょうを設定せっていします。

X座標ざひょう -180 から 180 まで移動いどうする場合ばあい、距離きょりは360です。

1分ふん（60秒びょう）かけて360進すすみたいので、360 ÷ 60 で毎秒まいびょう6ずつ移動いどうする必要ひつようがあります。

なので、出発しゅっぱつ地点ちてんのX座標ざひょう-180 に 現在げんざいの秒びょう * 6 を足たすと、ニワトリの位置いちが求もとめられます。

「( -180 ) + ( 現在げんざいの秒びょう * 6 ) にする」を作つくり、「X座標ざひょうを ( ) にする」ブロックに入いれましょう。

4.ニワトリに動うごきをつける

このままだと 歩あるいている感かんじが出でないので、ニワトリに動うごきをつけましょう。

コスチューム1と2を 交互こうごに表示ひょうじさせて、ニワトリが歩あるいているように見みせます。

見みた目めカテゴリから「次つぎのコスチューム」ブロックを出だし、「ずっと」ブロックの中なかに入いれましょう。

ただ、このままだと超高速ちょうこうそくで ニワトリのコスチュームが変かわってしまうので、制御せいぎょカテゴリの「( )秒びょう待まつ」ブロックを出だし、0.5と入力にゅうりょくします。

秒数びょうすうを変かえるとニワトリの動うごきが早はやくなったり、おそくなったりします。

いろいろ試ためしてみましょう！

作品の完成

デジタル時計とけいが完成かんせいしました。

• 文字もじのデザインを変かえる
• 音おとを追加ついかする
• 12時間じかん表示ひょうじにしてみる
• 時間帯じかんたいで背景はいけいが変かわる

など、好すきなようにアレンジして、自分じぶんだけの オリジナル時計とけいを 作つくってみてくださいね！

まとめ

この記事きじでは、Scratchを使つかった「デジタル時計とけい」の作つくり方かたを紹介しょうかいしました。

自分じぶんだけのオリジナル時計とけいを作つくることができたでしょうか？

当とうブログでは、アナログ時計とけいの作つくり方かたも紹介しょうかいしています。ぜひチャレンジしてみてくださいね！

【スクラッチ(Scratch)】アナログ時計をプログラミングしよう！時計算の基礎も学べる

スクラッチ(Scratch)を使った「アナログ時計」の作り方を紹介。針の動きをプログラミングして自分だけの時計を作ってみましょう！【リビングの魔王】ではコード例を交えながら分かりやすく解説します。「時計算」の基本的な考え方も学べますよ。

living-maou.com

上のアイキャッチ画像はAIによって生成されました。

今回こんかいは、スクラッチ(Scratch)を使つかった「アナログ時計とけい」の作つくり方かたを紹介しょうかいします。

秒針びょうしん、短針たんしん、長針ちょうしんの動うごきをプログラミングして、自分じぶんだけのオリジナル時計とけいを作つくってみましょう！

プログラミングを通つうじて 時間じかんの考かんがえ方かたをより深ふかく理解りかいし、算数さんすうでつまづきがちな「時計とけい算ざん」の基本的きほんてきな考かんがえ方かたを学まなべます。

図ずやコード例れいを交まじえながら、わかりやすく解説かいせつしていきますので、プログラミング初心者しょしんしゃでも安心あんしんして取とり組くめますよ。

ぜひ、親子おやこで一緒いっしょに挑戦ちょうせんして、プログラミングの楽たのしさを体験たいけんしてみてください！

Scratchはインターネットにつながるパソコンから無料むりょうで利用りようできます。

Scratch公式こうしきサイト: https://scratch.mit.edu/

Scratchのアカウントの作つくり方かたと基本的きほんてきな使つかい方かたは、下したの記事きじで紹介しょうかいしています。

Scratch（スクラッチ）の使い方・始め方｜小学生向けプログラミング入門

子供向けプログラミング言語Scratch（スクラッチ）。プログラミング教育の教材として多くの小学校で使われています。【リビングの魔王】では、おうちでもスクラッチを使いたい方のために、アカウントの作成方法と基本的な使い方を紹介します。

living-maou.com

アナログ時計の読み方をおさらい

「アナログ時計とけい」は、3本ぼんの針はりで時間じかんを教おしえてくれる時計とけいです。

これら3本ぼんの針はりの動うごきをプログラミングして、実際じっさいの時計とけいのように動うごかしてみましょう。

また、時計とけいの文字盤もじばんの目盛めもりもプログラミングで描えがいてみます。

完成プログラム

完成かんせいした作品さくひんです。ハタをおして動うごかしてみてください。

完成かんせいしたソースコードは下したの通とおりです。

現在げんざいの時間じかんを取得しゅとくし、それぞれの針はりが 12時じの位置いちから どれくらい回転かいてんしているかを計算けいさん、針はりの向むきを変かえています。

秒針のプログラム

長針のプログラム

短針のプログラム

文字盤のプログラム

プログラミングの手順

秒針

コスチューム

1.スプライトを作つくる

「スプライトを選えらぶ」→「描えがく」を選えらびます。

ネコのスプライトは消けしてOKです。

2.秒針びょうしんをかく

直線ちょくせんツールを使つかって秒針びょうしんをかきます。

直線ちょくせんのはしをキャンバスの丸まる十字じゅうじに合あわせてください。ここを中心ちゅうしんに針はりが回転かいてんします。

ペイントエディターのくわしい使つかい方かたは「【スクラッチ（Scratch）】絵えを描かいてスプライトや背景はいけいを作つくろう（ベクター編へん）」で解説かいせつしています。

3.ステージにスプライトを配置はいちする

ステージの中心ちゅうしん(x座標ざひょう0、y座標ざひょう0）に、スプライトを配置はいちし、向むきを0にします。

スプライトの名前なまえを「秒針びょうしん」に変かえましょう。

コード

1.イベントカテゴリにある「ハタが押おされたとき」ブロックを出だす

2.制御せいぎょカテゴリにある「ずっと」ブロックを「ハタが押おされたとき」の下したに出だす

3.針はりの向むきを変かえる処理しょりを追加ついかする

動うごきカテゴリにある「 ( 90 ）度どに向むける」ブロックを出だし、「ずっと」ブロックの中なかに入いれましょう。

次つぎに、何度なんどに向むけたらいいか考かんがえましょう。「 ( 90 ）度どに向むける」ブロックの( 90 )の部分ぶぶんです。

秒針びょうしんは1分ぷんで一周いっしゅうします。

つまり、60秒びょうで360度ど回転かいてんするので、360度ど ÷ 60秒びょうで 毎秒まいびょう6度どずつ 進すすんでいます。

1秒びょうで6度ど、2秒びょうで12度ど、3秒びょうで18度ど……と進すすむので、秒針びょうしんの角度かくどは「現在げんざいの秒びょう × 6」で求もとめられますね。

演算えんざんカテゴリの「( )*( )」を出だして、左側ひだりがわに「現在げんざいの秒びょう」ブロックを入いれ、右側みぎがわに6を入力にゅうりょくしましょう。

そして「 ( 90 ）度どに向むける」の90の部分ぶぶんに入いれます。

「現在げんざいの秒びょう」ブロックは、現在げんざいの秒びょうを調しらべるブロックです。

調しらべるカテゴリにある「現在げんざいの年とし」ブロックを出だし、年としの部分ぶぶんをクリックして、秒びょうに変かえましょう。

秒針びょうしんのプログラムが完成かんせいしました。

長針

長針ちょうしんは1時間じかんで一周いっしゅうします。

60分ぷんで360度ど回転かいてんするので、1分ぷんで6度ど（360度ど÷60分ぷん）進すすみます。

……秒針びょうしんと似にていますね。秒針びょうしんのスプライトをコピーして作つくりましょう。

コスチューム

1.秒針びょうしんのスプライトを右みぎクリックして「複製ふくせい」を選えらびます。

2.秒針びょうしん2という名前なまえのスプライトができるので、スプライト名めいを「長針ちょうしん」に変更へんこうしましょう。

3.ステージの中心ちゅうしん(x座標ざひょう0、y座標ざひょう0）に、スプライトを配置はいちし、向むきを0にします。

4.見みた目めを変更へんこうする

コスチュームから見みた目めを変更へんこうします。線せんの太ふとさや色いろを変かえて、秒針びょうしんと区別くべつできるようにしましょう。

コード

プログラムは、1ヵ所かしょだけ変かえればOKです。

何なにを変かえたらよいか、自分じぶんで考かんがえてみましょう！

短針

コスチューム

1.長針ちょうしんのスプライトを右みぎクリックして「複製ふくせい」を選えらびます。

2.長針ちょうしん2のスプライトができるので、スプライト名めいを「短針たんしん」に変更へんこうしましょう。

3.ステージの中心ちゅうしん(x座標ざひょう0、y座標ざひょう0）に、スプライトを配置はいちし、向むきを0にします。

4.他ほかの針はりと区別くべつがつくようにコスチュームの見みた目めを変更へんこうしましょう。

コード

短針たんしんは12時間じかんで一周いっしゅうするので、1時間じかんで30度ど（360度ど÷12時間じかん）進すすんでいます。

なので、角度かくどは「 現在げんざいの時とき × 30 」で求もとめられますね。

「( 現在げんざいの時とき ) * ( 30 )度どに向むける」にすればよさそうですが……

実際じっさいに動うごかしてみてください。本物ほんものの時計とけいとちがうところがありませんか？

本物ほんものの時計とけいの短針たんしんは、1時間じかんの間あいだにもちょっとずつ進すすんでいますね。

60分ふんで30度ど進すすむので、1分ふんで0.5度ど（30度ど÷60分ふん）進すすみます。

よって「(（現在げんざいの時とき * 30）+（現在げんざいの分ぶん * 0.5）度どに向むける」で角度かくどが求もとめられます。

文字盤を作る

ペイントエディターで文字盤もじばんを描えがくのも楽たのしいですが、プログラムを使つかって文字盤もじばんを描えがいてみませんか？

これから紹介しょうかいするプログラムの動うごきをゆっくりにすると、こんな感かんじになります。

コスチューム

文字盤もじばんに使つかいたいスプライトを準備じゅんびしましょう。

コード

「中心ちゅうしんから外側そとがわへ移動いどう → スタンプ → 中心ちゅうしんへもどる → 30度ど回まわす」を12回かいくり返かえします。

目盛めもりは12個こあるので、360度ど÷12で30度どずつ回まわします。

1.「ハタが押おされたとき」ブロックを出だす

2.拡張機能かくちょうきのうから「ペン」を選えらぶ

3.ペンカテゴリにある「全部ぜんぶ消けす」ブロックを出だす

4.ステージの中心ちゅうしんに、スプライトを配置はいちします。

動うごきカテゴリから下したの2つのブロックを出だしましょう。

• 「x座標ざひょうを(0)、y座標ざひょうを(0)にする」ブロック
• 「(0)度どに向むける」ブロック

5.目盛めもりを描えがく

制御せいぎょカテゴリ「(12)回かい繰くり返かえす」ブロックを出だし、中なかに以下いかの処理しょりを追加ついかしましょう。

1. 動うごきカテゴリ「(120)歩ほ動うごかす」ブロック
2. ペンカテゴリ「スタンプ」ブロック
3. 動うごきカテゴリ「(-120)歩ほ動うごかす」ブロック
4. 動うごきカテゴリ「(30)度ど回まわす」ブロック

何歩なんぽ動うごかすかは、お好このみで調整ちょうせいしてください。

「スタンプ」ブロックは、スプライトの見みた目めをハンコみたいにはりつける命令めいれいです。

「アナとエルサとコードを書かく」というアワーオブコードのアクティビティでは、プログラムを使つかって美うつくしいもようを描えがく方法ほうほうを学まなべます。

プログラムでもようを描えがくのが楽たのしかった人ひとは、ぜひこちらもチェックしてみてください。

アワーオブコード「アナとエルサとコードを書く」答えを導くためのヒント

アワーオブコード「アナとエルサとコードを書く」を解くヒント。【リビングの魔王】では難易度が高いと感じるお子さん向けに、課題を解く考え方を紹介します。答えは公開しませんので、ぜひ自分の力で美しい氷の模様を作ってみましょう！

living-maou.com

作品の完成

アナログ時計とけいが完成かんせいしました！

このままでは飾かざり気けのない時計とけいなので、好すきなようにアレンジしてみましょう。

たとえば、

• 針はりのデザインを変かえる
• 決きまった時間じかんに音おとを鳴ならす
• 時間帯じかんたいで背景はいけいが変かわる

など、自分じぶんだけのオリジナル時計とけいを作つくってみてくださいね！

まとめ

この記事きじでは、Scratchを使つかった「アナログ時計とけい」の作つくり方かたを紹介しょうかいしました。自分じぶんだけのオリジナル時計とけいを作つくることができたでしょうか？

また、算数さんすうでつまづきがちな「時計とけい算ざん」の基本的きほんてきな考かんがえ方かたも学まなぶことができましたね。

当とうブログでは「デジタル時計とけい」の作つくり方かたも紹介しょうかいしています。ぜひチャレンジしてみてくださいね！

【スクラッチ(Scratch)】デジタル時計をプログラミングしよう！

スクラッチ(Scratch)を使った「デジタル時計」の作り方を紹介。【リビングの魔王】では図やコード例を交えながら分かりやすく解説します。自分だけのオリジナル時計を作ってみましょう！

living-maou.com

上のアイキャッチ画像はAIによって生成されました。

お友達ともだちと手紙てがみのやりとり、楽たのしいですよね！

でも、もし手紙てがみを落おとしてしまったり、だれかに見みられてしまったら一大事いちだいじ…！

特とくに好すきな人ひとのことや、なやみなんか、絶対ぜったいに見みられたくないですよね。

そこで、この記事きじでは Scratchを使つかって「暗号あんごう文ぶんを作つくったり もどしたりする プログラム」の作つくり方かたを紹介しょうかいします。

このプログラムがあれば、手紙てがみの内容ないようをだれにも読よめない ヒミツの言葉ことばに変かえることができます。

ヒミツの言葉ことばで手紙てがみを書かけば、安心あんしんして大切たいせつな話はなしもできますね！

Scratchはインターネットにつながるパソコンから無料むりょうで利用りようできます。

Scratch公式こうしきサイト: https://scratch.mit.edu/

Scratchのアカウントの作つくり方かたと基本的きほんてきな使つかい方かたは、下したの記事きじで紹介しょうかいしています。

Scratch（スクラッチ）の使い方・始め方｜小学生向けプログラミング入門

子供向けプログラミング言語Scratch（スクラッチ）。プログラミング教育の教材として多くの小学校で使われています。【リビングの魔王】では、おうちでもスクラッチを使いたい方のために、アカウントの作成方法と基本的な使い方を紹介します。

living-maou.com

2つのリストを使って暗号文を作る

暗号あんごう文ぶんを作つくる方法ほうほうは いろいろありますが、今回こんかいは2つのリストを使つかった方法ほうほうを紹介しょうかいします。