standard version (export from 0.1.11g):
https://www.lexaloffle.com/bbs/files/13845/crt_template.zip
unzip crt.html to {application data}/pico-8/plates
then
EXPORT GAME.HTML -P CRT
alternate version (see here):
https://www.lexaloffle.com/bbs/files/13845/ubcrt_template.zip
Feel free to use & modify, no attribution required.
Have fun!
THIS. IS. FANTASTIC. Thank you!
I updated one of my old carts that was begging for this aesthetic - https://simonhutchinson.itch.io/post-digital
Rad.
Any chance you can combine the CRT filter with the template you made that fixes the audio issue in Chrome? https://www.lexaloffle.com/bbs/?tid=31000
The UB template loads and plays audio fine, but the CRT template doesn't seem to play audio...at least for me (Windows10/Chrome)
Holy cow - this is AWESOME @ultrabrite!!!
Totally agree with @morningtoast's points above - this would be an amazing updated template.
Now I just need to fight the urge to update ALL my previous games with this! :D
yep, next on my list! I had things going on with the ub template (audio with latest safari & some refactoring) so I didn't want to cross the streams ;) also I wanted to release this as soon as it worked, but I didn't test thoroughly.
now that I think of it, I made the webgl part quite modular (just additional code that piggybacks on the "canvas" element), so a simple copy&paste at the end could work with minor modification. can't test right now though. it's all between "<! -- 8< webgl stuff -- >" or something if you wanna try :)
(edit: done, see original post)
This is so RAD!
Feature requests:
-
Can you add a keyboard shortcut to turn it off/on?
-
A subtle flicker?
- This should become part of Pico-8
Okay, so I kind of did the opposite...I added the UB stuff to the CRT template and it seems to work...at least, from my quick tests when exporting.
Copy+paste into a new file and save it in the plates directory as noted above. Same flags to export HTML.
https://gist.github.com/morningtoast/bf1347b049280b655c939c8c0a52d261
Ah...nevermind...just saw you updated it. My bad. Oh well.
This is SUPER AMAZING, but having problems alternately with sound or gfx. Either silent or black in Chrome on Mac.
I fixed a minor problem here: https://gist.github.com/KHN190/d7c467a471b15e72302b16a9336440a5
Chrome only renders *after all elements are loaded. Otherwise it'll be black.
Also turn on/off CRT effect using shift.
Hi Tom! Glad you like it!
Most browsers now require user interaction before they will allow audio playback. I see you're using the standard version, based on 0.1.11, which doesn't feature a play button. The easiest way is to uncheck "autoplay" on your itch.io game settings, itch will do the rest.
I don't know about the blackout bug, but I gather bctr should have fixed it.
@bctr: Nice! The webgl init is deferred in my upcoming version, but your fix might still be relevant so I'll check it out!
In any case, I'm working on a new version based on 0.1.12. Still a few bugs to iron out and some testing to do, hopefully in the next few days.
@ultrabrite - Looking forward to the new version. Was going to play with this but I guess I need the new version for the latest pico-8 release?
@arashi256: this still works with the latest pico-8. you only need the next version if you need mobile or mouse support.
Thanks @ultrabrite (and @bctr, for the fix). This looks soooo good.
Can I toggle the effect from within a game, e.g., extcmd("shift") ?
On second thought, only way would be to write to gpio and, on the browser side, have some js periodically check for gpio input and toggle the effect accordingly.
Hmm.. I don't feel it's ready for the carts ecosystem just yet; playable work-in-progress builds are for now on itch.io.
Also have been playing with the crt template, tweaking it a bit to lessen the warp and blur effects, which now looks something like this:
Game-driven toggling of the effect adds the challenge of integrating/justifying its use via the game narrative, which has driven me to add a "they're watching us" twist to what once was a simple "just surf" mechanic. I'm not sure I'm headed the right way; I may have fallen down an effect-driven-story trap.
On second thought, maybe using the effect for a "best run playback" could help maintain the focus.
I want to use this for my next release. But I'm getting performance issues in Chrome at 768x768 window size. 100% CPU load, low framerate and stuttering sound. Buttersmooth in Firefox.
Is this just the way it is in Chrome or am I doing something wrong?
@Krystman: Is it on MacOS? It's been months since I looked into it, but IIRC chrome took a big hit by not using metal, or something to that effect. Firefox and Safari were working ok. I thought that would have been fixed by now :(
well, I don't know then. it seems to work ok in chrome on 'my' win10, in opera and chromium edge too. it's just a shader in webgl in the end. I guess you did check hardware acceleration, or try other webgl stuff (for instance)?
an update on this is long overdue, I'll try and get back to it soon(ish)... in the meantime any further info is more than welcome!
Ah. I think this might have been it. How embarrassing. I could have sworn I checked it was on.
But still, I really want to add a CRT button to turn the shader on and off just in case. I see @bctr above here had a mod to do that with the shift button. But that just turned off the effect. So it was still stuttery with Hardware Acceleration off. I'd like it to turn off the entire Shader. Is there a way to do that?
Also when the page loads the screen is invisible. I need to resize the browser window for the image to show up.
FYI Mattias_G on twitter came up with a new CRT effect.
I converted it to webgl and made a new PICO-8 plate, based on the 0.2.2c default plate which I believe includes a lot of the goodies from @ultrabrite's version.
PICO-8 plate on github
PICO-8 cart demo
Update 4/22/2021: Now works on iPhone and iPad, and Safari on Mac too.
OMG, I wanted to see Mattias_G filter on MOTU so much. Thanks! Will try it as soon as I am back ob my pc
Looks like it's been a bit since this topic was brought up...just wondering if anyone has futzed with this more since the last update last year or so. I wish I had the shader knowledge to poke around in there but I don't.
I'm still getting audio stutter and some general performance jank when using any of these templates (in Chrome/Edge, others). It's like 98% there but that last 2% is really a downer when it comes to the audio and lag.
when i use CRT i don't have any sound, maybe the last PICO-8 update makes some trouble
Great shader template, thanks for sharing @ultrabrite!
Is it possible to toggle the CRT effect on/off?
@carlc27843 I'd love to try applying your version of this to my game, but I can't get it to work. Ultrabrite's version above works for me but with no audio. For yours, do I follow the same instructions of copying it to the plates folder and exporting with -p crt? (Sorry I'm a dumb noob)
@likelyculprit I've updated the plate for 0.2.5g: crtplate on github
To use it:
copy crtplate.html to {application data}/pico-8/plates
and then inside pico8:
EXPORT FOO.HTML -P CRTPLATE
This version includes the "CRT toggle" button from nebulus
[Please log in to post a comment]
