\o/
Say hi to the newest member of the PICO-8 family! A free, web-based, account-less version of the console making it a more accessible way to learn how to program, push pixels and write chip tunes. It comes with a fully functional set of cartridge editing tools, and can load and save .p8 and .p8.png files to and from your local drive (as well as storing them to a temporary filesystem in the browser's cache).
Just run it from any browser that has a keyboard + mouse attached:
If you are new to PICO-8 you can find a manual and tutorials on the main site, or click on the blue bunny for some tips. Here's a 2-minute GIF showing the creaton of a simple PICO-8 cartridge from scatch:
In addition to the standard 32k .p8.png cartridges, PICO-8 Education Edition also comes with a new cartridge format: the URL CARTRIDGE. GFX and CODE can be encoded as a URL string, as long as it fits within 2040 characters. Here's one I prepared earlier:
// EDIT: changed to a bit.ly url so that the BBS doesn't munge it!
To generate a url cartridge, use SAVE @URL and you should see the address bar change. I'm hoping this will make it easier to pass snippets around, and will add a new dimension to code size golfing and tweetcart'ing. And of course, it is still possible to capture screenshots (ctrl-6) and gifs (ctrl-8, ctrl-9).
Although exporters and SPLORE (the built-in cartridge browser) are not included, larger cartridges can also be shared either as .p8.png files or by first uploading to the BBS as usual (publicly listed or semi-private) and then giving students the cartridge id to load directly from their machine:
LOAD #MY_TUTORIAL_ID |
I hope you enjoy it, and I'll be back soon with some 0.2.4c binaries to match the web version!
-- zep
Awesome new educational tool! I imagine it would make for a great, fun lesson in a classroom setting.
OMY ! Well done, @zep ! Very well done !
And of course the first thing I typed in there was SPLORE to see it was disabled. :)
That's fine. A few suggestions. Allow CTRL + LEFT/RIGHT arrow keys to change tabs as ALT + LEFT/RIGHT keys do in the original Pico-8 EXE.
Likely I'll have more suggests but for now. Well you own this kingdom, I know a gold star and my earlier purchase of Pico-8 is all I can offer, I hope you will accept it.
It does bring up a concern, if people can code and work online in Pico-8 for free now, what is the point for others to purchase it outside of disabled SPLORE ?
Thanks @dw817!
I couldn't get a few things like that working for now, but will gradually improve it over time. Things like alt+cursors / ctrl+tab are tricky because of the way they interact with standard browser controls & the clipboard logic. ESC is similar -- I skipped a fullscreen button for that reason as ESC would automatically disable it on most browsers, and instead went for a mostly empty page that can be F11'ed.
There are certainly users who will be content to just use the web version over buying the binary downloads, and I'm happy for that category to exist. There are still good reasons to opt for the downloadable version though; offline operation, stand-alone cart exporters, nicer fullscreen & performance, proper filesystem, splore, and later features that require logging in.
@trevorade The BBS formatting was clobbering that long url! I shortened it with bit.ly instead (which I think is normally how it will be used -- e.g. automatically getting shorted on twitter).
@ViNull Thanks, I'm really happy to hear it!
Yay! This is sooo cool!
Btw. to be able to use a soft-keyboard on an Android smartphone I found this solution to work for me:
- I use "Hackers Keyboard" ... but probably many others should work too. [edit: Seems not to work with Swiftkey, though, for example.]
- In the settings of Hackers Keyboard enable "Permanent Notification".
- Start pico-8-edu.com in the browser on the phone (Brave Browser in my case).
- Tap the notification of Hackers Keyboard to bring up the soft-keyboard ... voila!
The keyboards goes away everytime I tap on the screen above the keyboard and has to brought up again like described above ... but at least it's a start to finally being able to code pico-8 on my phone too.
Thanks zep!
.png){kind=small}
This is awesome, Zep!
Being able to tamper with PICO-8's audio editors for free was a years-ago dream of mine due to being obsessed with chiptune music, but that could've never been made a reality unless you had released this much earlier on in the console's alpha/beta phase.
(For everyone seeing this reply, bear in mind that I already have standalone PICO-8 and had it for almost 4 years now.)
.png){kind=small}
This is brilliant! The data being stored in the URL is really quite neat. A similar idea is used with itty.bitty sites, which compresses HTML and other data into a URL. Apparently different sites and browsers support different URL sizes. According to itty.bitty, Twitter can support up to 4,088 bytes, Discord & iMessage up to 4,000 bytes, and bit.ly at a measly 2,048 :/
OK a bit of information for those of you wanting to load and save directly to your hard-drive.
To save your work to the temporary online drive in addition to your own personal hard-drive, type out in immediate mode:
save {filename} followed by ENTER. Where {filename} of course is the name of the file you wish to save.
A save will occur on the temporary online drive and a filebox will appear where you can save proper to your hard-drive.
To LOAD a file from the hard-drive, type out:
load followed by ENTER with NO filename.
A filebox will appear where you can load in the P8 file that you want.
If you just want to load from the temporary online hard-drive type load {filename} followed by ENTER. {filename} also being the name of the file to load. use "dir" and ENTER by itself to view contents of your online directory. Refer to main HELP here:
https://www.lexaloffle.com/dl/docs/pico-8_manual.html
To paste your cart in a lexaloffle message, first off make sure you have a logo screen which is strongly suggested.
The easiest way to do this is to run your cart and while it is running press CTRL+7 (not F7 as the purchased version requires).
Press the ESC key to exit, Then once there in immediate mode type out:
save @clip followed by the ENTER key. Press CTRL+C after this.
Then in any Lexaloffle message, press CTRL+V.
From there you can either PREVIEW (and PREVIEW again when it reappears) or SUBMIT to complete your message.
If you have any further questions regarding this particular Online version of Pico-8, feel free to ask.
Hope This Helps !
Great addition to the Pico-8 family.
BTW @zep, I did notice a problem.
I was not able to enter the @-character the normal way to test the @URL feature. I'm using a Swedish keyboard, where the @-character is at Alt-Gr-2 (which works perfectly in the desktop version).
But I work around by cut & paste from other place
This is very cool, way to lower the barrier of entry! Also thinking about what kind of stuff I could fit into a ~2KB URL.
One issue, though. I tried saving a small cart, and while a .p8 icon showed up on my desktop, when I open it, it says "could not load"... and the cart is blank. Not sure what I'm missing here. I'm running 0.2.4b on Windows 10 Pro, if that's any help.
Wow, this is great and also excellent timing! Next month I will give a workshop on Game Development, which will (obviously) feature PICO-8. This really helps. It means I do not have to bring my own laptop, but more importantly, everyone can now give it a try themselves after I hopefully wet their appetite by showing off what you can (quickly) hack together.
(1).png){kind=small}
I know this is beyond the intended use case of education edition and most likely a limitation of the browser apps/OS, but is there any way of loading a p8 file into Safari or Chrome on iPad? Typing load without a file name doesn’t bring up a dialog because, well, there probably is no such thing.
I think it would just be nice to not have my PC running occasionally and use the iPad instead. Is there an alternative for coding on iPad with say a Raspberry Pi?
@WeeblBull One way you could do it is to upload a cart to the BBS without creating a thread. This way it will still have a load tag. Then, in the web version, you could type load #yourcartname and it will load from there.
I think I may have forgotten to mention that you can save your code to your local hard-drive by typing, SAVE and ENTER all by itself.
Yes it will save a temporary file but ALSO open a true file-box where you can actually save your P8 code.
To load it back, type LOAD followed by ENTER. So aside from missing SPLORE, this is a pretty complete version of Pico-8 with ability to both load and save to your true hard-drive.
I know a lot of people are really glad for this version, I just wonder if it cuts into Zep's sales.
Can I bug-report here? I have students using this on Chrome (yay! love this btw!) and it seems like the local file save that generates on 'SAVE' alone with no filename is sometimes glitching and saving a 1kb invalid file. So far it only seems to happen when Chrome is two layers into stacking (1)(2) type numbers onto the filename, although I can't reproduce it 100% of the time by doing this.
Hi, @Nbrother1607. That can be done by pressing CTRL+P for PUNY mode. Press it again to return to normal uppercase letters.
@Xero0 Yes, that's intentional. See the last part of the original post above.
> Although exporters and SPLORE (the built-in cartridge browser) are not included, larger cartridges can also be shared either as .p8.png files or by first uploading to the BBS as usual....
@ECOPHOCIAC
Excerpt from the educational edition announcement above: "it is missing some features (exporters"
Paid version only
[Please log in to post a comment]
