プログラミング教材

Viscuit(ビスケット)の使い方と簡単ゲームの作り方|子どもでも分かるプログラミングアプリ

Viscuit 使い方 (1)

小学校でプログラミングが必修化されました。

その小学校のプログラミング教材として、文部科学省も推奨しているのが「Viscuit」アプリ

Viscuitは、絵を描いて、それを動かすのがメインの子供向けビジュアルプログラミング教材です。

パソコン・タブレット・スマホで、無料で簡単に遊べるので、小学校に行く前からプログラミングをやってみたいお子さんにもおすすめ。

そこで、今回は、「Viscuit」の特徴使い方・簡単なゲームの作り方を詳しく解説します。

online-banner>> アルスクールのオンラインレッスンの詳細はコチラ

 

Viscuit(ビスケット)とは|子供向けプログラミング教材

Viscuitの特徴

「Viscuit」は子ども向けのプログラミングアプリです。

スマホやタブレット端末などで使用でき、無料で利用することができます。

 

「Viscuit」の特徴は、自分で描いた絵を使って簡単なプログラムが作れること

描いた絵(画像上の顔)をオブジェクトとして、オブジェクトの前後の状態を指定する”メガネ(画像下)”のみを用いて、さまざまなプログラムを作ることができます。

Viscuit 使い方 (7)

シンプルな設計のため、プログラミングとはどんなものかを分かりやすく理解することができます。

 

Viscuitの対象年齢

子ども向けとしては、他にスクラッチというプログラミング教材が有名です。

 

「Viscuit」は、さらに簡単で直観的に理解しやすいように作られています

そのため、低年齢のお子さん向き

 

「Viscuit」は絵を単純に動かすことから、簡単な迷路ゲームやパズルゲーム、さらにテトリスや倉庫番のような、やや複雑なパズルゲームを作ることもできます。

そのため、プログラミング学習に飽きやすい子どもでも、楽しく遊びながら学ぶことができます。

 

Viscuit(ビスケット)アプリの使い方

Viscuit 使い方 (2)

パソコン・タブレット・スマホでも遊べる

「Viscuit」はパソコン・タブレット・スマホのいずれの端末でも、アプリをダウンロードして遊ぶことができます。

 

なかでも、おすすめの端末はタブレットです。

子どもにとって、マウスの操作は案外難しいので、タッチパネルの方が作業しやすいでしょう。

タブレットはスクリーンの大きさもちょうどよいため、将来的に「Scratch」など他のプログラミングアプリに移行する際にも適しています

 

また、画面が小さいスマホでも十分遊ぶことが可能です。

 

Viscuitのインストール方法

iOS(iPad・iPhone):アプリのダウンロード

下記リンクよりダウンロードしてください。

>>App StoreでViscuitをダウンロード

 

Android:アプリのダウンロード

下記リンクよりダウンロードしてください。

>>Google PlayでViscuitをダウンロード

 

パソコン

下記リンクのパソコン用ダウンロードリンクからダウンロードしてください。

>>Viscuitの公式サイトからダウンロード

 

別途Adobe AIRが必要なので、ない場合はインストールしてください。
>>Adobe AIRインストール

 

Viscuit(ビスケット)のゲームの作り方と遊び方

ゲームの作り方1:絵を描く

ここでは、スマホでViscuitをやった場合について、解説します。

「Viscuit」を起動すると下の画面になります。

Viscuit 使い方 (2)

 

まずは「ひとりでつくる」を選びます。

背景色を選び(例ではレモン色を選びました)、えんぴつのアイコンを押します。

Viscuit 使い方 (1)

 

すると、次の画面が現れます。
(上のエリアには「描いた絵」、下のエリアには「メガネ」がそれぞれ表示されます。)

Viscuit 使い方 (3)

ここで、えんぴつアイコンを押すと絵を描くモードになります。

Viscuit 使い方 (4)

ペンの色(色相・明度・彩度)や、太さ・濃さを選び、上の円の中に絵を描きます。
例では、朱色で【ニッコリマーク】を描きました。

Viscuit 使い方 (5)

やり直したいときは、右にある矢印アイコンを押します。

左にある丸アイコンを押すとお絵かきモードが終了します。

 

ゲームの作り方2:絵を動かす

最初の画面に戻ると、描いた絵のアイコンが一番下のスペースに増えています。

Viscuit 使い方 (6)

 

アイコンをドラッグして、上のエリア内に配置します。

また、メガネのアイコンをドラッグして、下のエリア内に配置します。

Viscuit 使い方 (7)

 

”メガネ”は絵のアニメーションを指示するもの

左側が”before”、右側が”after”を示します。

よって、絵を右に動かしたい場合は、左の円に「動かしたい絵」、右の円に「動かした後の絵」をそれぞれ配置します

例では、ニッコリマークを元の位置よりやや右に配置しました。

Viscuit 使い方 (8)

 

このメガネの使い方が「Viscuit」のポイントになります。

すると、ニッコリマークが右に動き続けます。

Viscuit 使い方 (9)

 

同様に、絵を上に動かすときには、左の円に「動かしたい絵」、右の円に「上にずらした絵」を配置します

Viscuit 使い方 (10)
左・下に絵を動かすときもやり方は同じですよ。

 

応用編:めいろゲームの作り方

では、簡単なゲームを作ってみましょう!

ここでは「めいろゲーム」の作り方を説明します。

 

まずは、オブジェクトを用意します。

ブロックを描きます。

Viscuit 使い方 (11)

ゴールの旗(中央下の画面)も描きます。Viscuit 使い方 (12)

 

各アイコンをドラッグして迷路を作成します(画像の上部分)。

さらに、以下のメガネを作成します(画像の下部分)。

  1. 2つ続きのブロックをメガネの両側に配置
  2. メガネの左側では、左のブロックに「ニッコリマーク」、右のブロックに「指差しアイコン」を入れる
  3. メガネの右側では、右のブロックにニッコリマークを入れる

このようにすると、「ブロック内のニッコリマークの右側をタッチすると、マークが右に移動する」という指示になります。

Viscuit 使い方 (13)

 

いったん確認するときは、四角のアイコンを押して「あそびモード」にします。

Viscuit 使い方 (14)

ニッコリマークの右側をタッチすると、マークが右に移動しました。

Viscuit 使い方 (15)

 

次に作成モードに戻り、マークが左・上・下に動くメガネを追加します。

これで、マークを上下左右に動かせるようになります。

Viscuit 使い方 (16)

また、お絵かきモードで「GOAL」を作成し、ゴールに着くと「GOAL」が表示されるメガネも追加します。

Viscuit 使い方 (17)

 

これで迷路の完成です。

「あそびモード」でマークがゴールに着くと、「GOAL」が表示されました。

Viscuit 使い方 (18)

このように、絵とメガネだけを作って、簡単な迷路ゲームやパズルゲームを作ることができますよ。

ただ、他にもどんなものを作れるのか、どうやって作るのかを自分で調べるのは難しいこともありますよね。

そんな時は、Viscuit(ビスケット)の解説本を使うのがおすすめです。

 

Viscuitの保存方法

Viscuitを保存するには、次のステップで保存してください。

  1. 右上の「送るボタン」を押す
  2. 出てきた「○ボタン」を押す

保存したい時には、必ず「送るボタン」で保存してください。

制作画面で「×ボタン」を押してから、出てくる「○ボタン」を押すと、保存されずに本棚に戻るので注意が必要です。

 

Viscuitの消し方

Visucuitを消す際は、次のような手順を踏めば、絵やめがねを削除することができます。

  • 絵の削除①:めがねの中にある絵を部品置き場に移動
  • 絵の削除②:ステージの絵を部品置き場に移動
  • めがねの削除:めがねを部品置き場に移動

 

ビスケットであそぼう|楽しく学べる解説本


「ビスケットであそぼう」(合同会社デジタルポケット)は就学前の園児・小学生向けの「Viscuit」の入門書です。

基本的な操作方法から、リズムマシーンなど、複雑なプログラムまで解説されています。

インターネットの情報だけでなく、本を見ながらプログラミングを習得すると、順序立てて体系的に学ぶことができるでしょう。

子ども用に読みやすくなっていて、より詳しく「Viscuit」を知りたい方にとっておすすめの一冊です。

 

Viscuit(ビスケット)を使った授業

Viscuit 使い方 (3)

2020年度から、小学校でもプログラミングの授業が必修化されました。

プログラミング 必修化 (6)
プログラミングが小学校で必修化!問題点に勝る大きなメリットとはプログラミングは小学校で2020年度から必修化します。必修化には、教員が大変、教えられない、パソコンやネットワークの準備不足などの問題点がありますが、それに勝るメリットも多くあります。プログラミングに興味を持つ子や親が増え、主体的に学ぶアクティブラーニングにも役立つのです。...

「Viscuit」は、「Scratch」とともに、小学校向けプログラミング教材としての活用が期待されています

具体例としては、「Viscuit」の基本操作から「たまごが割れたらひよこが出てくるプログラムを作る」ことまで学びます。

詳しくは、文部科学省のウェブサイトやYoutube(文部科学省公式動画チャンネル)でも紹介されているので、興味のある方はチェックしてみてください。

参照:文部科学省公式サイト

 

Viscuitと他のビジュアルプログラミング教材のちがい

Viscuit 使い方 (1)

「Viscuit」は、子ども向けビジュアルプログラミングアプリとして、アメリカのマサチューセッツ工科大学が開発した「Scratch」とよく比較されます。

世界的に用いられている「Scratch」の特徴は、グラフィカルなコマンドが多彩なことです。

そのため、本格的で複雑なゲームも作れます。

Scratch チュートリアル(36)
Scratchの自宅での始め方|始める前のチェックポイントとスムーズな進め方Scratchを自宅で始める方法を紹介します。Scratchは、小学校のプログラミング学習でも使われていて、創造性を伸ばすことができる教材です。ただ、できることが多い分、いきなり始めるとつまずきやすいポイントがいくつかあります。 そこで、今回は、始める前にチェックするポイントからスムーズな進め方まで、詳しく解説していきます。...

また、レゴなどの外部機器と接続することで、ハードウェアの理解を深めることもできます。

一方、幼い子どもにはまだ活用が難しいというデメリットも。

Scratchが難しいお子さんは、まずViscuitをやってみてからScratchをやってみるといいかもしれません。

 

キッズプログラミング教室【アルスクール】では、子供たちの興味や好奇心を大切に、レッスンを進めています。

オリジナルゲームを作成したり、電子工作をしたりと、子ども達は主体的に楽しく学んでいます。

むらっち
むらっち
みんな自分で考えたおもしろい作品をつくっていますよ。
プログラミング作品

アルスクールに、ぜひ一度遊びに来てください。

無料体験レッスン

キッズプログラミング教室【アルスクール】では、オンラインで学べるでプログラミングレッスンを行っています。

実際のレッスンに参加できる無料体験で、一度アルスクールの学びを体験してみませんか。

online-banner

また、実際の教室でもレッスンを行っています。

  • 東京にお住まいの方 → 自由が丘校、中野校
  • 大阪にお住まいの方 → 大阪南千里校
  • 福岡にお住まいの方 → 福岡西新校

教室での無料体験レッスンをご希望の方は、こちらをご覧ください。

 無料体験レッスンを詳しくみる