tiny-pico8-touch-ui

A tiny library which makes it easy to add touch controls to your PICO-8 web game.

$3

PICO-8's default web export doesn't yet support touch controls, but I want my game to support mobile, which means supporting touch. If you're like me, you might find the built-in API for controlling touch button inputs from a web page a bit esoteric, and not super easy to read/write. Why not write a tiny API wrapper that makes this much easier?

If you have a page that looks like this:

``html

<
>
/\
\/
O
X

`

Include this in your page...

`html

`

Then later you can register buttons like this:

`html

`

Are you trying to support multiple players? Then you can do:

`js
registerP8Btn(document.getElementById('x-P1'), 5, 0 / player 1 /);
registerP8Btn(document.getElementById('x-P2'), 5, 1 / player 2 /);
`

That's it!

installing as a module

You can also install from npm:

`console
npm install --save tiny-pico8-touch-ui
`

And use like this:

`js
var registerP8Btn = require('tiny-pico8-touch-ui');

registerP8Btn(document.getElementById('left'), 0);
`

building example site

To build a new copy of the example javascript export, open PICO-8 and run:

`console
load example.p8
export index.js
``

Then open index.html in a web browser.