Viscuit の使い方 1/7

Presentation on theme: "Viscuit の使い方 1/7 "— Presentation transcript:

1 Viscuit の使い方 1/7 https://www.viscuit.com/ i-learn.jp さんの HP から改編 http://i-learn.jp/sitemap ばばちゃんの おっちゃん

2 Visucuit （ビスケット）講座 入門編（１） Viscuit （ビスケット）は次の環境で使えます。 ・ PC ・ iPad, iPhone ・ Android ・ Kindle Fire HD PC の場合はブラウザからアクセスします。 URL ： https://www.viscuit.com/ から https://www.viscuit.com/ 「あそぶ」か、「やってみる」をクリックしま す. 論理的な思考能力（≒プログラミング思考）を育 む遊具と考えた方が良いと考えます。 「やってみせ」の為に、編集しましたが、食いつ いてこない場合は、しばらく時間をおいて、また 試みてください。 一応、４歳から始められるということになってい ます。

3 Visucuit （ビスケット）講座 入門編（１） ①のアイコンをおします。 ②様々な色の四角が表示されます。 これは、作品の背景の色になります。 好きな色をタッチして選びます。 ③鉛筆ボタンを押します。 なお、右上の「？」や「 + 」は、ヘルプや 参照に当たります。 「 + 」を押して、次の画面で、「？」を押 しますと、 ビスケット開発室にアクセスでき、更に詳 しい説明を得ることが出来ます。

4 Visucuit （ビスケット）講座 入門編（１） 右上の画面が表示されます。 エンピツのアイコンを押しま す。 右下の画面が表示されます

5 Visucuit （ビスケット）講座 入門編（１） 丸の中に絵を描きます。 ( 色、縦横が変わっていますがご辛抱くださ い。） 左下の時計見たいな部分 ぐるぐる回して色相を選びます。 真ん中の色が四角く並んだところ 明度と彩度を選びます。 棒がクロスしたところの色になりま す。 絵が完成したら、 書いた絵の下にある「◯」ボタンを押し ます。 やり直したいときは、丸い矢印を押し ますと、ひとつ元に戻ります

6 Visucuit （ビスケット）講座 入門編（１） 前の画面に戻ってきました。 描いた絵がしめされていますので、 それを黄色いところに、ドラグドロップしま す。

7 Visucuit （ビスケット）講座 入門編（１） つぎに灰色のエリアに「メガネ」をおきます。 プログラミングはこの「メガネ」で行います。

8 Visucuit （ビスケット）講座 入門編（１） 左側のメガネの中に絵をおきましょう。 ( 左側の眼鏡の絵が基準になります。 右側に入れた絵との差を画面に表示していきま す。） メガネがピンクになりました。 ピンクになっているとき、 そのメガネは動作していません。

9 Visucuit （ビスケット）講座 入門編（１） メガネのもう片方にも絵を入れます。 メガネが白になりました。 黄色い部分の絵が動いています。

10 Visucuit （ビスケット）講座 入門編（１） タブレットを横にしますと、 右の絵のようになります 。

11 Visucuit （ビスケット）講座 入門編（１） 保存の方法 作った作品を「保存」するには、 保存ボタンを押します。と、 「◯」ボタンが出てきます。 保存してよければそのまま「◯」 を押しましょう。

12 Visucuit （ビスケット）講座 入門編（１） いかがでしょうか。 自分が作った作品と、 他の子の作品が１つの画面に表示されて 動いています。 実はこれは「ビスケットランド」という 遊びです。 インターネット上の他の人と一緒に１つ の世界を作れるのです。 子供達はこのビスケットランドが大好 き！ たくさんの作品の中で、自分の作品が動 いているのが楽しいみたいです。 ビスケットランドはタッチすると、また プログラミングの画面に戻ります。

13 Visucuit （ビスケット）講座 入門編（１） このビスケットのプリンシプルは、 左側の絵を右に変えるということ なのです。 右の絵から左の絵への変位が、メイン の絵に表現されるのです。 元の絵の位置から遠いほど速く、近い ほどゆっくり運動 するだそうです。