スクラッチ同好会

【スクラッチサイト】   https://scratch.mit.edu/projects/481171403/ （前回のブログ参照）リストの値の書き込み方法の③を使います。一瞬で読み込むので、その瞬間が何か気持ちがいいです。 汎用性があり、使い方はどんどん広がっていくと思います。ただし、字が小さいので、多くの人に拡大して見てもらう場面としては微妙な感じかな。しかし、１人１人が１台ずつPCを使う場面では有効だと思います。とにかく一番のメリットは、作成にかかる時間をとても短縮できることです。 少し時間が経った時、思いつきました。 『○○県といえば？』 もう少し考えていると、ヒントをランダムに出してから、答えを言うパターンがいいのではないかと考えつきました。で、作ったのが、 【スクラッチサイト】 https://scratch.mit.edu/projects/481320055/ 作成の手順がわかれば、プログラム自体は簡単です。しかし、思いついたことはいいのですが、プログラム以前の問題として、Excelデータの作成、整理にとても時間がかかりました。まあ、日本には、まだ行ったったことのない名所や食べたことのない食べ物がたくさんあることがわかったので、良しとしましょう。

 【スクラッチサイト】 https://scratch.mit.edu/projects/471994796/ 『変数』は、1つのデータを扱います。それに対して、『リスト』は複数のデータを扱うことができます。 リストの値の書き込み方法について、私が知っているところでまとめてみると、3つあります。 ①１つ１つ、自分で書き込む。　→　地味に面倒。少しだけならいいですが・・・。 ②ブロックで書き込む。　→　これぞプログラムですね。頭使うし、楽しいです。 ③リストを右クリックして、ファイルを読み込みます。Excelでまとめているビッグデータをリストに書き込むことができます。 ※③の注意点　→　最初、やっていると、日本語の文字が化ける、化ける。で、Excelファイルをいろいろな形式で保存してみました。*.csv、*.tsv、*.txt・・・。でも、やっぱり、日本語が化けてしまうのです。試行錯誤の末、『Unicodeテキストファイル』だとOK！でした。これは、とっても有り難いです。 ◇リスト（配列）の各部の呼び名について（覚え書き） 　　　リスト名（配列名）　　　　　※一番上の１行 添字（要素番号）　値（データ）　　※１行の左と右 　　　↑リスト要素（配列要素）　　※１行分まとめて

【演習⑨】素材作り→こっちの方が、ブロックがごちゃごちゃしていない。 https://scratch.mit.edu/projects/477999357/ 【演習⑩】こちらが完成形 https://scratch.mit.edu/projects/478057812/ イラ棒・イラボールの動きを改良しました。 https://scratch.mit.edu/projects/478688163/ 迷路と電流イライラ棒は、プログラムとしては、対になります。壁に当たってOK！なものと、壁に当たったらアウトになるもの。片方が分かればもう片方も作ってみたくなる。そんな感じです。 話が少し変わりますが、プロジェクトをいろいろと作っていくと、飾りがほしくなります。飾りというのは、『スプライトが大きくなったり小さくなったり、少しずつ消えたり現れたり。色が変わったり、音が鳴ったり。』という感じのものです。プログラムがだんだんと彩色されていくような・・・。本筋のプログラムができたら、次はいろいろと飾っていくのも面白いものですね。プログラム自体が元気になっていくような気がします。

【Scratchサイト】↓  https://scratch.mit.edu/projects/477750315/ 左右上下キーで移動します。 背景に迷路を33面置いて、1面クリアしたらランダムに次の面へ移動します。 ふるさとのメロディが５回繰り返し流れます。そこで、終了です。 さて、何面クリアできるでしょうか。ちなみに変数名を『P』にしたのは、単純に１文字だと下の迷路が見やすいからです。あと、ポイントの『P』です。 やっぱり『Maze Generator』は便利ですね。以前は、VECTORで、フリーの迷路作成ソフトをダウンロードしていたのですが、『Maze Generator』の方が、作業としては何工程も省略できました。 で、『迷路』はこれにて終了です。 敵キャラが出てくる『迷路』プロジェクトは、以前作っているので、そっちをご覧ください。 【Scratchサイト】↓  https://scratch.mit.edu/projects/412500422/

※以前に紹介したテキストで紹介されていました。全くの英語圏のサイトです。しかしまあ、この頃は、翻訳機能が優秀なのですね。びっくりしました。で、商用利用しなければOKとのこと。Scratchはお金儲けではないので、利用できます。 Maze Generator http://www.mazegenerator.net/ ① Shape: Rectangular ② Style: Orthogonal (Square cells) ③ Width:20 (2 to 200 cells)　　　 ※ここの数字がポイントです。 ④ Height:20 (2 to 200 cells)　　　 ※ここの数字がポイントです。 ⑤ Inner width:0 (0 or 2 to width - 2 cells) ⑥ Inner height:0 (0 or 2 to height - 2 cells) ⑦ Starts at: Top ⑧ Advanced: E:50 (0 to 100), R: 100 (0 to 100) →　Generate　をクリックする。→下に迷路ができる。（気に入るまで繰り返す。） →　PNG　でDownloadする。 　　※PNGで保存できる機能が秀逸です！！！ 　　→Scratchでは、①『背景をアップロード』②『ベクターに変換』の順です。 ※ここで、右クリック→『日本語に翻訳』を使用してみました。すると・・・。 迷路ジェネレータ 形状： 長方形 スタイル： 直交（正方形のセル） 幅： 20 （2〜200セル） 高さ：20 （2〜200セル） 内幅：0 （0または2から幅-2セル） 内側の高さ：0 （0または2から高さ-2セル） 開始：上 上級：E： 50 （0〜100）、 R： 100 （0〜100） ※ほう～。海外のサイトに触れることが今まで全く無かった私にとって、本当に目から鱗が落ちるとはこのことだと甚く納得しました。 で、以下。 mazegenerator.netの商用利用 mazegenerator.netの迷路を商用目的で使用するには、商用ライセンスが必要です。「商業目的」とは、広告ネットワークを通じて、または他の商業製品を宣伝することにより、直接的または間接的にその使用から収益を上げることを計画していることを意味します。 Am...

 ユーザーアイコンを変更しようと思ったら次のメッセージが出てきました。 ［×Maximum file size is 512 KB and less than 500x500 pixels.］ Google翻訳で、日本語に直してみると、 ［×最大ファイルサイズは512KB、500x500ピクセル未満］ つまり、選んだ画像が大きすぎたのですね。 ちなみに、YouTube のユーザーアイコンは、確か800x800ピクセル未満だったと思います。 使用可能な画像ファイルは以下。 ※ユーザーアイコンを変更するWindowで出ている拡張子（画像）です。 その中で、 【知っていた拡張子】 *jpg,*jpeg（ジェイペグ） *png,（ピング） *bmp（ビットマップ） *gif（ジフ） *tif,*tiff（ティフ） 【まあ、知っていた拡張子】 *svg（エスブイジー）→ベクター形式の画像ファイル形式の一つ *ico（アイコン） 【えっ？の拡張子】今後、調べてみます。新時代の拡張子かな？ *pjpeg,*avif,*xbm,*pjp,*svgz,*jfif,*webp, で、読者さんのユーザーアイコンを300x300ピクセルで試作してみました。 morinokunさん shimaakiさん syuumeiさん uchiyu55さん ユーザーアイコンで、一度使ってみてください。

ステージのサイズは縦が360px、横が480pxで、3対4の縦横比 ステージの座標 中心は、（x：0、y：0） x方向が-240px～240px(横480px) y方向が-180px～180px(縦360px) は10px分だけ、右に移動するということ。 スプライトをx方向で240歩（240px）動かすということは、ステージの中心から右端まで移動させるということ。 ステージのサイズと座標を理解すれば、スプライトを思った場所に配置できます。

 赤い魚でシューティングゲームでのルール設定をプログラムします。 Scratch プロジェクトのリンク https://scratch.mit.edu/projects/474605682/ ※以下のルール設定を考えました。 【ゲームのルール】 ①【変数・青い魚】30Pで勝ち　→簡単なので、40Pに変更した。 ②【変数・赤い魚】2Pで負け ③【変数・カウントダウン】30Sで①がクリアできなければ負け ④勝った時、負けた時それぞれで背景変更 数値は、変更できるので、シューティングゲームを作ったら、面白いのはどれくらいかなと試行錯誤してみましょう。完成したと思った後から変更していくのが自分でプログラムすることの楽しさです。 今後は、バージョンアップや別バージョンを作っていくのが良いと思います。 【バージョンアップ例】 敵キャラを増やす。敵キャラがワープする。第②ステージを作る。キャラを大きくしたり、小さくしたり・・・。こうすればもっと面白いぞ！を考えて、それをプログラムしていくのが楽しいのだと思います。 ※今回で、赤い魚でシューティングゲーム作り、完了です。 　ちなみに、タイトルの『S-7』は shooting game の『S』です。 【追記】いろいろな場面に効果音を加えたが、ピタッと揃わない。全てをピタッと止めたいのに、微妙にずれるので何かむずむずしてきました・・・。この点については、放置しておきますが、良いブロックの並べ方があるかなあ。

 Scartch3.0から、Internet Explorerが非対応になりました。 対応するブラウザは以下。 1 Google Chrome       Google 2 Microsoft Edge        Microsoft 3 Mozilla Firefox         Mozilla Foundation　Mozilla Corporation 4 Safari                     Apple  　※WindowsでSafariは使えない。 ちなみに、私的PCでは１～３のブラウザを使い分けています。 【理由①】個人アカウントを複数所持していて、ブラウザごとで分けている。この頃は、Googleアカウントを複数所持されている方も多いかと。１つのブラウザだけだといちいちログイン、ログアウトをしないといけないので、少々面倒。 【理由②】（ALTキー） ＋ （Tabキー）で、アプリのウィンドウ単位での切り替えが素早くできる。仕事にしろ何にしろ、PCは複数のウィンドウを同時使用しているから。 【理由③】マルチディスプレイ環境を構築し作業する時に有効。例えば、ディスプレイ①にGoogle Chrome、ディスプレイ②にMicrosoft Edgeを同時に表示することで、片方を見ながら、もう一方で作業することができるようになる。マルチディスプレイ環境下では、②の「ウィンドウの切り替え」以上に仕事を楽に行うことができる。 まあ、職場のPCでも、１と２とInternet Explorerの計３つがインストールされているので、ここで改めて書く必要性は低かったかも。まあ、一番言いたかったのは、Internet ExplorerじゃあScartchはダメということです。既定のアプリがInternet Explorerの時には注意が必要です。 ※マルチディスプレイ環境を構築するのは、すごく簡単でした。で、やってみると、目から鱗が落ちました。チョーお勧めします。

 スクラッチサイトは https://scratch.mit.edu/projects/471956883/ 【変数】を使います。変数を使い始めると、プログラミングやってるねえ！と思えるようになります。 →変数は、必要な数字の一時的な置き場所です。4つの変数を作りました。 【赤い魚】【青い魚】→発射された魚（小）が何回当たったのかをカウントします。 【タイマー】→何秒経過したのかがわかります。 【カウントダウン】→３，２，１，０・・・ドッカーン！（・・・爆発はしません。ただし、今後のプログラミング次第では、画面上で行うことができるでしょう。） 【課題③】ゲームを面白くするためには？ ゲームは、簡単でも難し過ぎても面白くないかと。それぞれの数値の塩梅と、ゲーム終了の決め方が次のポイントです。 例えば、 ・赤い魚に１回当たったら、終了。 ・赤い魚は、当たり１回10点。 ・青い魚を速く動かす。 ・青い魚（小）の発射タイミングを短く。 ・1分制。 ・・・等々。 まずは、考えてみましょう。 考えたら、それをどうやってプログラムするか？それを考えるのが、プログラミングの面白さだと思います。

 スクラッチサイトのリンク https://scratch.mit.edu/projects/471927018/ 反撃します。自動です。 あと、ステージにループ音をつけました。 今は、スマホの時代。 さしあたって、スマホでもできるようにしました。 https://scratch.mit.edu/projects/471943383/ 雰囲気を味わってもらえたらと思います。

 スクラッチプロジェクトのリンク https://scratch.mit.edu/projects/471752550/ 敵キャラを作りました。 敵キャラは下から上へと移動します。 ※テキストの３章の実践編や４章のゲーム編でシューティングゲームが何個か出てきます。プログラミングとしては取っつきやすい部類ですし、動きや音で結構盛り上がるので、まずは、マイシューティングゲームを作ってみるのがいいのではないかなと思います。

 スクラッチプロジェクトのリンク https://scratch.mit.edu/projects/471696387/ 上下矢印キーで移動します。 スペースキーで小さな赤い魚を連射します。 これが、シューティングゲームへと進化していきます。 以前、作成したプロジェクト（シューティングゲーム）を紹介します。 うっちぃさん対三ちゃんです。 https://scratch.mit.edu/projects/409682041/ 【スマホ・タブレットで】 下部の黄緑ブロックで左右に移動します。中の黄色ブロックで発射します。。 【パソコンのキーボード用】 矢印キーで左右に移動します。スペースキーで発射します。 ※自作ですから、数値が変えると、それぞれの強さを変えることができます。

 スクラッチプロジェクトのリンク https://scratch.mit.edu/projects/471692228/ 赤い魚が泳いでいます。スペースキーを押すと、クローンが・・・。 クローンって面白いなあ！！！と思っていたので、まず最初に紹介します。 いろいろ数値を変えると、動きが変わってくるのが自分でプログラミングしていくとよくわかります。

 作ってみたら、楽しくなったプロジェクト諸々　という『わたしのスタジオ』を作成しています。試してみてください。 https://scratch.mit.edu/studios/27579952/ ↑プロジェクトの中には、スマホ対応のものとパソコンのキーボードの必要なものが混在しています。それぞれで試してもらえたらと思います。 ※『わたしのスタジオ』というのは、お気に入り集のようなものです。 ※世の中には、素晴らしい作品を作っている方がたくさんおられるので、それをみつけるのも楽しみ方の一つです。

  https://youtu.be/kov5g1IJLKA 再生時間　５分１０秒 Scratch(Web)上での著作権について学んでいきましょう。

  https://youtu.be/qjAYcaTQGNU 再生時間　４分１２秒 スクラッチの画面構成を確認しましょう。

https://youtu.be/Z8BHEfpTaiY 再生時間　２１分少々・・・・・。（長い！です。） ブロガーでの機能では、この動画が重くて太刀打ちできませんでした。 で、ユーチューブにアップすることにしました。 この動画が、記念すべき（？）YouTubeチャンネルの第一歩です。 ※Scratchの作品はこちら↓触ってみてください。 https://scratch.mit.edu/projects/469533667/ アカウントを取得すると、リミックスできるようになると思います。試してみてください。 ※YouTubeのチャンネル名の鶴山男（つやまん）は、20年程前から使用している自分のIDの『kakuzanman』を日本語化（？）したものです。愛着があるので、これにしました。 志は高く・・・。

  https://youtu.be/m2-qMulCIPM 再生時間　4分１３秒 Scratchでプログラミング　きっかけ作り編！  デジコンさんぽ部の新しいチャレンジが始まります。  旅立ち（Scratch）の前に、各自で準備をお願いいたします。 ①MIT（マサチューセッツ工科大学）のスクラッチのサイトに、自分のアカウントを作ってください。 ②もし、よろしければ、私が良いと思っているテキストを買ってもらえたら・・・。 ※テキストは必要無しと思っておられる方は、それでOKです。決して無理強いしないところが、本会の基本的スタンスです。 ※そういえば、確認メールが迷惑メールに振り分けられていました（３年前）。来ないと思ったら、迷惑メールフォルダも確認してください。 　　どうぞよろしくお願いいたします。 【ふと、思ったこと。】 動画ってデータ量が大きいから、通信が容量無制限でないと困るのかな？ ・・・と、ふだん動画を視聴しない私は思ったのです。 さて、どうなんでしょう？

　スクラッチ同好会　 Fresh start！ 　Scratchでプログラミング【きっかけ作り編】 １　スクラッチ同好会のブログから、以下の内容を発信します。 【課題】→読者の方に取り組んでほしいことです。 ※第①に！ スクラッチアカウントの取得を必ず行ってください。それ以降は任意です。 【演習】→操作して見せます。その後、真似してください。 　　　※作った作品は、共有して見せ合いましょう。 【説明】→折々に必要かなと思ったことを説明します。 【四方山話】→雑談です。 ※その他、必要に応じて発信していきます。 ２　読者の方とのやりとりを以下の方法で行います。（双方向） ①スクラッチ同好会のブログのコメント欄（ここ） ②スクラッチアカウントページのコメント欄 ※コメント欄の文章は全てオープンです。だれでも自由に書き込めます。見えます。 ※名前はハンドルネーム（ニックネーム）、又は、スクラッチ個人アカウント等でお願いします。その方が実際に誰であるかがわかる必要は全くありません。 ※②は、フォローしてもらえれば有り難いです。スクラッチ個人アカウントは交換しましょう。 ３　期間 ◇2021年3月末まで ※第1期は1ヶ月でポシャリでしたので、今回、3ヶ月はチャレンジしていこうかと思っています。読者０人でもできる限りのことを行います。 ４　読者（準会員）になるには ①２の①②にコメントを書き込んてくれたら返事を書きます。または、「読者になるよ。」と直接教えてもらうのもOKです。それで、入会完了です。 ②自主的自由参加。退会も自由。 ③見るだけでもOK。ですが、まずは一歩踏み出してみませんか。 ５　やっていいこと、いけないこと ※発信していく過程でお伝えしていきます。 以上、読み返してみると、趣意説明が全くたりていません。そのあたりは、『回向返照（えこうへんしょう）』（2020年12月27日）の文章をご覧ください。 ではでは、どうぞよろしくお願いいたします。 【追記】YouTubeチャンネルを開設しました。 ※今回の研修に映像は欠かせないと考えていました。映像を発信する方法として、現段階ではYouTubeが一番優れているのかなと思いました。