Webツール「SAMERIDER」の90秒紹介動画

SAMERIDERは「等寸ラスター画像分割・編集・組立器」と名付けられた、ゲーム用スプライトシートの編集に特化したWebツールです。セルの大きさを決めて画像を読み込むと分割され、原本を変えずに並べ替えや1pxずつの位置調整、余白の一括トリミング、PNGの減色ができます。ツールはページ内で動きインターネット通信を使わないため、画像が外へ送られることはなく、編集データを保存して続きから作業できます。

0〜10秒　ドットの波からロゴが現れたあと、RPGを作るゲーム制作者が歩くスライムのコマを並べようとします。

10〜16秒　画像編集ソフトでマス目に合わせて1コマずつ切り出し、並べ直します。

16〜22秒　1コマだけ位置がずれていて、歩かせるとスライムがガタガタ揺れます。

22〜28秒　余白と紫のゴミの点が残り、PNGが重くなっています。

28〜36秒　描くより整える時間が長くなったところで、ロゴと「等寸ラスター画像分割・編集・組立器」が出ます。

36〜48秒　セルの大きさを決めて読み込むとコマに分かれ、ドラッグで並べ替えられます。原本はそのままです。

48〜60秒　プレビューで前後のセルを重ねて表示し、矢印でずれを0に合わせると歩きがなめらかになります。

60〜72秒　余白を一括でトリミングし、ゴミを取り、減色で軽くしてPNGを書き出します。

72〜82秒　ブラウザで使えること、通信を使わないこと、原本が残ること、編集データを保存できること、ツクールやUnityに使えることを並べます。

82〜90秒　ロゴとURLで締め、最後にツールの説明にある「※サメには乗れません」を添えます。

ツールの紺に近い黒の地と水色の文字を元にドット絵の海を世界観にし、場面の切り替えは青いドットの波が階段状に満ちて引いていく形にしました。ツールの画面はスクリーンショットどおりの見た目にし、補足の文字もツールのダイアログの形にしています。動かすスライムは自作のドット絵で、締めにはツールの紹介文にある一言をそのまま入れました。

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