タコキンのPスクール・ブログ

公開されている学習向けに優れていそうなプロジェクトを取り上げてからリミックスを行い、プログラミングのテクニックを解説してみるコーナーです。今回はタイマー機能の応用版として、ストップウォッチの基本的な実装方法のポイントを取り上げてみます。

公開されているリミックスしたプロジェクトからスクラッチのプログラミングを学習してみるコーナーです。今回はカウントダウンタイマーの作り方のポイントを解説していきます。

シンプルなプログラムから凝りに凝ったゲームまで数え切れないくらいに膨大なプロジェクトが存在していますが、これからスクラッチを勉強する方にとって、どのようなテクニックで作られているかを紐解くことはとても有用な勉強になります。今回はリミックスという方法で、他のプロジェクトを自分のプロジェクトとしてコピーする手順を簡単に図解してみます。

今回の内容もかなりディープなscratch-renderの使いこなしメソッドの一つであるpickメソッドを、スクラッチのアプリの核とも言えるscratch-vmで使うための注意点を詳しく解説します。

スクラッチ言語の開発環境(scratch-gui)のメインライブラリであるscratch-vmをフル活用するとScratch3の拡張機能をゲームの一部品として独立に組み込んだような使い方ができるようになります。今回はScratchで作り込んだスコアボードをモジュール部品として統合・カプセル化して使えるようにしてみたいと思います。

Scratchプログラミングにおいてスプライトを歩かせるように見せるには、コスチュームを一定時間ごとに切り替えてたり、位置が変わる度に進行方向に合わせたりするようにします。これが地味にScratchでプログラミングすると面倒ですので、より実践的なSVGの使い方としてclipPath要素とuse要素を用いたアニメーションをScratchアプリに組み込める拡張機能の自作方法を紹介します。

Scratchで扱えるベクトル画像はsvgとなりますが、Scratch3になってからはブラウザ駆動のSPA(Single-Page-Application)としてどのようなブラウザーからも動作するようになりましたので、よりWebと親和性の高いsvg画像を積極的に利用していく方が、Scratchゲーム開発の応用も捗っていくことと思います。今回はScratchアプリの基礎講座としてのsvg画像の取扱で重要なビューポート(Viewport)の概念と、使い方の基礎を説明していきます。

不定期ながら著者のスクラッチプログラミングの腕試しにレトロなRPG風〇〇を作ってみたりしております。今回はセリフ吹き出し用の固定ウィンドウを表示する拡張機能を作成してデモプログラムと併せてご紹介していきます。

前回から２回に分けて特集してきた、RPG風のタイルパターンを使ったマップを作成する拡張機能のお話も今回で最終回です。この記事ではScratch3の拡張機能を実装を具体的に解説していきます。今回はJavacriptによるプログラミングの内容が中心ですので、svg画像の取扱を操作するソースコードを取り扱うポイントを理解することが目的です。

前回に引き続きタイル画像からRPG風マップを構成するためのテクニックを解説していきます。この記事ではsvgマップの種となるcsvファイルを使って、Base64化したタイルの画像を所定の座標に張り合わせていくようなプログラムを作ります。