学習ゲーム「Hello, world！〜ゼロから作れるようになるプログラミング〜」の30秒紹介動画

Hello, world！〜ゼロから作れるようになるプログラミング〜は、猫のナビ「風鈴」と一緒にC#とPythonを学ぶWindows 10/11向けのゲームです。解説を読んで学び、お手本をなぞって書き、最後は自分で書く3段で進みます。書いたコードはゲームの中の本物のC#・Pythonで動き、エラーも日本語で説明されます。

0〜2秒　「STAGE 1」と「ゼロからプログラミング」の見出しが弾んで出て、製品名が添えられます。

2〜6秒　「何から書けばいい？」と出て、空っぽの画面でカーソルが点滅し「？」が増えていきます。

6〜9.5秒　宝箱がゆれて開き、製品のカバー画像が飛び出します。補足は「猫のナビ風鈴と学ぶ学習ゲーム」です。

9.5〜13秒　「① 学ぶ」と出て、風鈴の解説と選択問題の画面を囲みます。

13〜16.5秒　「② お手本をなぞって書く」と出て、うすいお手本の行をなぞります。

16.5〜19.5秒　「③ 自分で書く」と出て、カーソルが「実行」に寄り、書いたコードが本物のC#・Pythonで動くことを示します。

19.5〜22秒　「エラーも日本語で説明」と出て、エラーの説明の部分を囲みます。

22〜27秒　「STAGE CLEAR！」の文字が1字ずつ跳ね、紙吹雪の中に章の一覧の画面が出ます。

27〜30秒　カバー画像が弾んで出て、製品名とURLで締めます。

製品自体がプログラミングを学ぶゲームなので、学ぶ・なぞる・自分で書くの3段をステージとレベルアップに当て、上には経験値の表示を置きました。色は製品のタイトル画面の紺・マゼンタ・シアンにそろえ、書体はDotGothic16とPress Start 2Pです。宝箱や「？」や星はドット絵の小道具として窓の外に置き、製品の画面には猫やゲームの絵を描き足していません。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。