ユーバープログラミングスクールの中村里香代表による、小・中学校のプログラミング授業で使ってほしいプログラミング言語Scratch（スクラッチ）の学習動画第1回。 今回は＜初心者＞向け、Scratch操作の基本となるブロックを使ったキャラクターの動きの ...

「スプライトアニメーションを作りたいけど、どうやって動きを表現すればいいか分からない」 「歩き、ジャンプ、攻撃などのアニメーションを作る方法を知りたい」 そんな経験はありませんか？スプライトアニメーションを作りたいけど、どうやって ...

Scratchを実行すると、図2が表示される。これはデフォルトのプロジェクトが立ち上がった状態だ。 右の白い部分は「ステージ(stage)」と呼ばれる部分で、中央が(0, 0)、x方向が-240～240、y方向が-180～180という座標系になっている。ここに表示される動作が ...

それでは、デフォルトで表示されている猫のスプライトを使ってアニメーションに挑戦してみよう。 まずは、この猫を歩かせてみよう。それには、図3に示す2つのブロックをScriptsタブの下にドラッグする。「move 10 steps」は10ステップ動く、「next costume」は ...

子ども向けのプログラミングツールとしては有名でどちらも人気が高い「Scratch（スクラッチ）」とmicro:bitを組み合わせてプログラミングをすることができます。前回の記事では、プログラミングをするまでの下準備を解説しました。今回はその合わせ技を ...

今回のnoteではScratchの基本(#1)を紹介します。 Scratchをしながらこれを見てScratchに慣れていってほしいです。 操作方法 まずは操作方法です。 Scratchのエディター画面の右上にある「旗」。 旗は、実行ボタン。つまり、ゲームのスタートボタンと同じです。

前回「ラスタ／ベクタ、2Dグラフィックスの基礎のキソ」は、2Dグラフィックスの基礎として「2Dベクタデータ」「2Dラスタデータ」の描画を行いました。今回はその続きとして、2Dラスタデータの利用をもう少し詳しく見ていきたいと思います。 2Dラスタ ...

株式会社ウェブテクノロジ(本社：東京都豊島区、代表取締役：小高輝真)は、 2Dスプライトアニメーションデータ作成ツール「OPTPiX SpriteStudio」の無償 アップデートを2014年12月 2日に公開いたしました。 今回のアップデートでは、スプライトアニメーションを ...