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

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

アニメーション

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

たとえば…

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

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

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

くるくる回転

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

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

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

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

ランダム

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

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

たとえば①

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

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

たとえば②

• めがね①（左ひだり）ゆびマーク → （右みぎ）「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で割わると十の位くらいの数字だけ取り出せます。小数点以下いかは切きり捨すてて無視むししましょう。

たとえば、

• 午前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つのリストを使った方法を紹介しょうかいします。

あいうえお順にならんだ「かなリスト」と、順番がバラバラな「カナリスト」を作り、対応たいおうする文字に変える仕組みです。

完成プログラム

完成したソースコードは下の通りです。

暗号にするプログラム

ひらがなで文字列（ならんだ文字の集まり）を入力すると、暗号にしてくれるプログラムです。

ひらがな以外の文字はそのまま出力されます。

暗号をもどすプログラム

暗号文を元にもどせないと意味がありませんね。

カタカナで暗号文を入力すると、もとの文字列にもどしてくれるプログラムも作ります。

リストから文字を探すプログラム

リストから文字を探さがすプログラム。ブロック定義ていぎにしなくてもOKです。

プログラム解説

このプログラムは、変数・リスト・ブロック定義ていぎを使います。

下の記事でくわしく解説かいせつしています。使い方がよく分からない人は読んでみてくださいね。

スプライトを準備する

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

暗号をもどすプログラムは、暗号にするプログラムを作ってからスプライトをコピーして作るので、最初はひとつでOKです。

スプライトの見た目や背景はいけいは好きなモノを選んでください。

変数・リスト・ブロック定義を作成

必要な変数・リスト・ブロック定義ていぎを作成します。

変数

変数カテゴリ→「変数を作る」から、変数を4つ作ります。

リスト

変数カテゴリ→「リストを作る」から、リスト2つを作ります。

メモ帳などにデータを作ってから読み込むと、楽ですよ。

ブロック定義

ブロック定義ていぎも2つ用意します。

ブロック定義ていぎカテゴリ→「ブロックを作る」で作れます。

中の処理しょりは、後で解説かいせつします。

暗号にするプログラム

スプライトをクリックした時に、実行します。「このスプライトが押おされたとき」を出しましょう。

「（出力）を（　）にする」で、変数「出力」を初期化します。

「（暗号に変換へんかんしたい文字列を入力してください）と聞いて待つ」と「（入力）を（答え）にする」で、入力された文字列を変数「入力」に格納かくのうします。

入力した文字列を1文字ずつ取り出して、かなリストにあるか検索けんさくします。

「（in）を（1）にする」で、変数「in」の初期値ちを設定せっていします。1文字目から順番にみるので、初期値ちは1です。

「（入力の長さ）回繰くり返かえす」で、入力した文字数分くり返しましょう。

ブロック定義ていぎ「かなリスト検索けんさく」で、かなリストの何番目の文字か検索けんさくします。変数「list」には、かなリストの何番目か格納かくのうされます。

かなリストにあった場合と、なかった場合で処理しょりを分けます。

「もし （list） > かなの長さ なら」の中には、リストになかった場合の処理しょりを入れます。

「（出力）を（出力と入力のin番目ばんめの文字）にする」で入力した文字をそのまま出力しましょう。

「でなければ」の中には、リストにあった場合の処理しょりを入れます。

「（出力）を（出力とカナのlist番目ばんめの文字）にする」で、カナリストの対応たいおうする文字を出力しましょう。

「（in）を（1）ずつ変える」で、入力した文字列の次の文字をみるようにし、くり返しの最初の処理しょりへもどります。

くり返しをぬけたら「（出力）と（5）秒言う」で変換へんかん後の文字列を表示ひょうじしましょう。

かなリスト検索

入力した文字が、かなリストの何番目の文字か検索けんさくするブロック定義ていぎを作ります。

「（list）を（1）にする」で変数「list」の初期値ちを設定せっていします。1番目の要素ようそから順番にみるので、初期値ちは1です。

以下の条件じょうけんをどちらか満たすまで「（list）を（1）ずつ変える」を実行します。

• 入力のin番目ばんめの文字 = かなのlist番目ばんめ → リストにあった
• list > かなの長さ → 最後までみたけれどリストになかった

暗号をもどすプログラム

暗号にするプログラムでは、入力した文字がかなリストの何番目の文字か探さがし、対応たいおうするカナリストの文字に変換へんかんしました。

暗号をもどすプログラムではその逆ぎゃくを行います。

暗号にするプログラムのスプライトをコピーして、どこを直せばいいか自分で考えてみてくださいね。

まとめ

「暗号文を作ったりもどしたりするプログラム」の作り方を紹介しょうかいしました。

約束を守って、みんなと仲良く楽しい手紙の交換こうかんを楽しんでくださいね！

【Scratch】点字のしくみの調べ学習にプログラミングをプラス！小学生向け自由研究

自由研究におすすめ！Scratch（スクラッチ）を使って、アルファベットを点字に変換するプログラムの作り方を紹介。点字をテーマに調べ学習をしたときにチャレンジしてみてください！【リビングの魔王】ではプログラムの作り方を分かりやすく解説します。

living-maou.com

マインクラフトは、子どもたちの創造性や問題解決能力を育むだけでなく、将来の可能性を広げる力を持っていると言われています。

しかし「マインクラフトって本当に教育に役立つ？」「子どもに与えても大丈夫なの？」と疑問に思っている方も多いのではないでしょうか？

マイクラをただ遊んでいるだけでは、教育効果は薄いかもしれません。

教育に役立てるためには、まず親がマイクラについて理解し、どのように活用すれば良いのかを知ることが大切です。

そこで今回は、マインクラフトに関する理解を深め、子どもの成長に活かすために見ておきたい、おすすめの動画を3つ紹介します。

これらの動画を通じて、マインクラフトについての理解を深め、お子さんと一緒にマインクラフトの世界を楽しんでみてください。

子どもの教育に活かすために見ておきたいオススメ動画3選

マイクラのことをよく知らないという方から、教育に活用する方法を知りたい方まで、3つのステップで紹介します。

これらの動画を通して、マインクラフトの魅力や教育的な側面をより深く理解することができます。

よゐこのマイクラでサバイバル生活

動画：YouTube「Nintendo公式チャンネル」より

マイクラのことをよく知らないという方、子どもがマイクラで遊んでいるけれど どんなゲームなのか理解できていないという人におすすめの動画を紹介します。

「よゐこのマイクラでサバイバル生活」は、お笑いコンビ「よゐこ」の濱口優さんと有野晋哉さんが、マインクラフトの世界で3ヶ月間、サバイバル生活を送る様子が描かれています。

昔、テレビ番組「黄金伝説」を見ていた世代には、どこか懐かしい雰囲気を感じるかもしれません。

マイクラ未経験の2人が最初は「これ 子どもおもろいのかホンマに？」と疑問を持ちながらプレイを始めるのですが、次第にマイクラの世界にのめり込んでいきます。

初心者でも分かりやすい解説や、2人の軽快なトークで、マインクラフトの基本的な遊び方や、子どもたちが夢中になる理由が理解できる内容になっています。

私も以前はマインクラフトを単なるデジタル空間でのレゴ遊びと考えていましたが、この動画を見て考えを改めました。

もちろん、レゴのように自由にブロックを組み上げて建物や装置を作る遊び方もできますし、それもとても楽しいのですが、マイクラの最大の魅力はなんといってもその自由度の高さです。

遊び方に個性や性格がすごく出るというのが、子どもたちが夢中になる理由の一つだと感じました。

お子さんがマイクラで何を作っているのか、どんな遊び方をしているのかを観察することで、お子さんの新たな一面を発見できるはずです。

ドズル社：建築選手権

動画：YouTube「ドズル社」より

マイクラがどんなゲームか知っているけれど、「子どもにいい影響ってあるの？」と疑問に思っている人におすすめの動画を紹介します。

ドズル社は、マインクラフトを中心に活動するゲーム実況者グループです。

マインクラフトの実況者は多いですが、子ども向けのものや若者向けのもの、初心者には難しすぎるものなどがあり、どれを見ればいいか迷ってしまいます。

しかし、ドズル社は初心者の大人でも楽しめる動画を配信しているので、お子さんと一緒に見るのにおすすめです。

特におすすめなのが「〇〇建築選手権」という企画。あるテーマに沿って制限時間内に建築を行い、採点して順位を競います。

限られた時間の中で知恵を出し合い、協力して作り上げられた作品は、どれも独創的でオリジナリティ溢れるものばかりです。

これらの動画を通して、マイクラが単なるゲームではなく、コミュニケーション能力や創造性を育む可能性を秘めたツールであることがよくわかります。

回を追うごとにメンバーの建築力が上がっていくので、他の回もぜひチェックしてみてください。

タツナミチャンネル

動画：YouTube「タツナミチャンネル – Tatsunami CHANNEL – タツナミシュウイチと愉快な家族たち」より

マイクラを教育に活かすために、親が具体的にどうすれば良いのか知りたい人におすすめのチャンネルを紹介します。

「タツナミチャンネル」は、プロのマインクラフターであり、ゲーム教育研究を行っているタツナミ先生が運営するチャンネルです。ドズル社の「〇〇建築選手権」企画の採点もされています。

タツナミ先生は、長年の経験と研究に基づいて、マインクラフトを学びのプラットフォームとして活用する方法を、保護者や教育関係者に向けて情報発信しています。

おススメの動画

教育研究を行っていると聞くと、堅苦しいイメージがあるかもしれませんが、タツナミ先生はとても気さくでおちゃめな方です。気負わず動画を楽しめますよ。

また、タツナミ先生は『子どもの能力が伸びるマインクラフトの使い方』という本も出版しています。

マインクラフトが子供の能力や学力の向上にどう関わってくるのか、どんな良い影響をもたらすのか、親子での使い方や楽しみ方、学習シーンにおける活用法など、タツナミ先生が長年培ってきた知見が詰まった一冊です。

情報がキレイにまとまっていて、文章も堅苦しくないので、サクッと読めます。

動画を見る時間がない方にもおすすめです。

まとめ：マイクラで子どもたちの可能性を広げよう

マインクラフトは、子供たちの創造性や問題解決能力を育み、将来の可能性を広げる力を持っています。

さらに、マイクラは親子で一緒に楽しめるゲームです。

動画を通じて、子供とマイクラについて話し合ったり、一緒に遊んだりすることで、親子間のコミュニケーションが深まります。

この機会に、マイクラについて理解を深め、お子さんと一緒にマインクラフトの世界を楽しんでみてくださいね。

【統合版／Java版】マインクラフトでプログラミングする方法まとめ

大人気ゲーム「マインクラフト」は、子供がプログラミングを学ぶための教材としても注目されています。挑戦してみたいけれどやり方が分からない…という人のために、この記事ではマインクラフトでプログラミングを始める方法を分かりやすくまとめました。

living-maou.com