茨城県つくば市でモバイルアプリ(iPhone、Android)のプログラミングをする日記です。あとWordPress、Raspberry Pi、Arduinoなど。

モバイルアプリ開発@つくば

PICO-8でプロ生ちゃんを動かす

投稿日:2016年12月5日 更新日:

こんばんは。
okuzawatsです。

この記事は「プロ生ちゃん Advent Calendar 2016 - Qiita」5日目の記事です。

突然ですが、「PICO-8」をご存知でしょうか?

PICO-8は8ドット単位のスプライトを描いて動かしたり、チップサウンドを作って再生したりできる、レトロなゲームの開発環境です。
Windows、Mac、Linuxで動きます
Raspberry Piでも動きます!
開発に使う言語はLua(風のプログラミング言語)です。

PICO-8 is a fantasy console for making, sharing and playing tiny games and other computer programs. When you turn it on, the machine greets you with a shell for typing in Lua commands and provides simple built-in tools for creating your own cartridges.

出典:PICO-8: FANTASY CONSOLE

このPICO-8。
シンプルなツールですが、コンソールやエディタ、ペイントツールに作曲ツールも付いて、PICO-8だけあればゲームが開発できるようになっています!

PICO-8の本体はウェブサイトから14.99ドルで買えます。
あと、ウェブサイトに行くと有志の作ったゲームが遊べて面白いです。

PICO-8、わたくしは「Pixel Art Park 3」に行った時に知って、その場で買いました。

ドット絵の祭典「Pixel Art Park 3」に行ってきたよ〜!

こんにちは、okuzawatsです。 「Pixel Art Park 3」に行ってきました! ドット絵の展示やグッズの販売イベントです。 「ドット絵の祭典」という感じでしょうか! 今回は、48組のクリ ...

続きを見る

ということで、プロ生ちゃん Advent Calendar 2016、5日目の本記事では、PICO-8でプロ生ちゃんを動かしていきます。

PICO-8を使ってプロ生ちゃんを動かす

PICO-8をダウンロードしたら、解凍すればすぐに使い始めることができます。
Mac版についてはそうでした。
環境構築の必要はありません。
手軽で良いです。

PICO-8が動くようになったら、早速やっていきましょう。

まずはPICO-8のドローツールを使ってプロ生ちゃんを描いていきます。

PICO-8では、8ドットを1単位としてスプライトを描きます。
8ドット*8ドットのスプライトしか使えないと辛すぎるんですが、この8ドット*8ドットの絵を複数並べてひとつのスプライトとして使えるので大丈夫です。
また、使える色は16色のみで、スプライトも128個( 8*8ドットのスプライトが128個)までしか保存できません。

プロ生ちゃんのドット絵は公式サイトから配布されています。
配布されている画像の大きさは32ドット*64ドットあり、そのままではPICO-8で使えないので、適当に打ち直します。
打ち直したドット絵がこちらになります。

pico-8

プロ生ちゃんのドット絵ができたら、PICO-8のプログラムを書いてドット絵を動かしていきます。

有志の方がマニュアルを日本語化してくれているので、これを見ながらやります。
PICO-8のAPIを使って、スプライトの表示や背景の変更、図形の描画などが簡単にできるようになっています。

pico8-jp/pico8-jp.txt at master · kitao/pico8-jp

こういういい感じのエディタがPICO-8内に用意されているので、この中にプログラムを書きます。
プログラムも8192行まで(?)に制限されているようです。

pico-8

_init()、_update()、_draw()という特別な関数が3個用意されており、_init()関数内で初期化、_update()内で数値の更新、_draw()内で画面の更新の処理を書きます。

こんな感じでプログラムを書いていきます。
各関数の中身は省略。

コードを書いたらPICO-8のコンソールから実行します。

pico-8

PICO-8上で動いているプロ生ちゃんが以下の動画になります。

本当は当たり判定とか実装してもっとゲームっぽくしたかったんですけど、やりだすとキリがなくなりそうだったのでこの辺で。

ここまで読んでPICO-8が気になってきた方はPICO-8のウェブサイトへどうぞ。

PICO-8: FANTASY CONSOLE

-プログラミング

Copyright© モバイルアプリ開発@つくば , 2017 AllRights Reserved Powered by AFFINGER4.