Log In  

Cart #rle_demo-4 | 2020-07-21 | Code ▽ | Embed ▽ | License: CC4-BY-NC-SA
3

I needed a way to display graphics without using sprites/ or tiles.
So I wrote a small python script that takes an 128x128 image, finds the best matching colors from either the normal or secret palette (or the best 16 colors of both) and stores that in a data string.

If there's interest I can share the python code - main reason I haven't done so is, that I haven't made he python script user friendly :)

No sprites used in this demo.

You can download the image -> string conversion tool and some example code here:
https://github.com/iSpellcaster/pico8rle

P#79504 2020-07-17 17:52 ( Edited 2020-07-21 13:55)

This is quite interesting! An image to binary convertor would be incredibly useful in projects, especially if you run out of sprite space

P#79505 2020-07-17 18:53

Yeah, that was the idea. But you're swapping sprite space for character count. Still thinking about good ways to reduce the character count.
Right now the batman screen will eat 2696 characters.
I think I can get that down to 2210 by changing the explode_internal() code that I got from this forum.

P#79512 2020-07-17 19:47

Updated the cart. It's now using the base64 encoded format. Added an additional screen while reducing the character count quite a bit overall.
The tool to create the rle strings can be found here:
https://github.com/iSpellcaster/pico8rle

P#79661 2020-07-20 10:22

@spellcaster

Great images. This - and what others have been showing - is all looking very good for displaying images fairly efficiently.


Edit: Removed a large comment regarding a minor bug. My apology for (albeit tentatively) misplacing where the bug was.

Previous post also mentioned the recently introduced pico-8 split command for turning a string into a table. Details are in pico-8.txt.

@spellcaster Glad I could help. =)

P#79669 2020-07-20 12:52 ( Edited 2020-07-20 16:31)

@remcode - you're the BEST!

The bug was totally on my side, though!
In my render_rle code, I was missing the last run length.

while i < #table do

should have been

while i <= #table do

I should write a small program that writes 100x "Lua is not C" to remember the lua indices...

Thanks a lot!

P#79674 2020-07-20 13:25

see Twitter reply for a version using a bit less tokens and faster.

P#79712 2020-07-21 11:42

@freds72 - thanks!
I started he code before the update, so I didn't have the shift operators. Wouldn't have guessed that they are that much faster than shr/shl.
I was also stumped to see that the local vars inside the loop are faster local vars outside the loop.
Will update the example code right away.

P#79713 2020-07-21 12:33

@freds72 - I was able to get some extra performance out of the spr_rle_flip code, and thought that might be interesting for you.

Will update the cart in a moment.

function spr_rle_flip(table,_x,_y)
 local w=table[1]
 local x,y,i,x2=_x+w,_y,3,_x+w

    for i =3,#table do
     local t=table[i]
        local col,rle = (t& 0xff00)>>8
                     ,t& 0xff 

        if col!=0 then
            rectfill(x-rle+1,y,x,y,col)
        end
        x-=rle
        if x <=_x then
            x = x2
            y += 1
        end
    end
end
P#79715 2020-07-21 13:46

init new vars is faster than updating a value (a bit odd..)
I must admit I rushed the flipped version! nice you had the maths ‘packed’.
note: you have a stray local i that’s not needed

P#79718 2020-07-21 14:22 ( Edited 2020-07-21 18:14)

Interesting, I did the same thing with initializing values in my version. I'm going to look into unpacking the string into a table in a compact way, though, as that seems to offer a substantial performance boost over using ord() directly.

P#79722 2020-07-21 14:39

I'm still new to bitmasks, is the difference between spr_rle() and draw_rle() that spr_rle() checks to see if there's anything to draw first; so, slightly less cpu-intensive at the cost of a few tokens?

EDIT: Wait, I think I get it. spr_rle() and spr_rle_flip() draw nothing when the value is 0 because that's the transparent value.

P#79973 2020-07-27 03:23 ( Edited 2020-07-27 03:27)

@spellcaster, it looks like the script misses on picking color 9 (orange). I wish I knew how else to help! πŸ˜…

EDIT: I just noticed it misses on color 13 (lavender?) as well.

P#79974 2020-07-27 05:21 ( Edited 2020-07-27 05:36)
1

@ridgekuhn - yep, the difference between the draw and the spr function is the transparency check. Draw will also fill color 0 (useful for backgrounds).

Will check the what's going on with the colors 8/13 bug. Thanks for finding it :)

P#79976 2020-07-27 07:01 ( Edited 2020-07-27 07:57)
1

@ridgekuhn - found it, fixed it. The current version of the python script on github should work as expected.

I must have messed up defining the palette values in the python script.

P#79977 2020-07-27 07:55

@spellcaster Wow, that was fast! Thanks so much for taking care of it! I made this horribly ugly Living Worlds tribute with it, lol.

This is only using one image and so, only 4 colors for the palette cycle. I realized towards the end that I could use more if I made the waterfall into its own image and draw it with spr_rle(), or maybe layer multiple animations if the CPU allowed.

Cart #neyubonodo-0 | 2020-07-27 | Code ▽ | Embed ▽ | No License

P#79980 2020-07-27 08:43 ( Edited 2020-07-27 08:48)
1

@ridgekuhn did you try the different palette options for it? It does look pretty cool thought :)
I wouldn't have any complaints at all, only writing this because you think it's ugly (which I don't think it is :) )

P#79982 2020-07-27 09:14

@spellcaster Well, thank you! ☺️ I didn’t try the palette options, I’d already crushed the image down to the regular Pico-8 palette bc I was testing it with the hex string tool I used on my last cart. btw, I forgot to mention, your script errors out with indexed-color PNGs. Not a problem imo (bc it’s redundant to convert them first since your script does the indexing for you), but probably worth mentioning!

P#79985 2020-07-27 10:21

@ridgekuhn - That was caused by a "bugfix" added in the last updated. I added a dummy alpha channel value. And since I'm pretty new to python I kinda thought it would resolve this the same way as lua does. Spoiler: it doesn't.
Fixed it, please let me know if you find any other problems.

P#79988 2020-07-27 10:40

Will do, friend! Thanks again for this wonderful little library! πŸ˜ƒ

P#79989 2020-07-27 11:00

@spellcaster edit: nvm, I found a workaround and this probably isn't worth chasing down!

I've got another one for you, but this might not be as easy as the last couple. Looks like color 129 samples correctly when it's larger, but when it's next to 128 like this, the script favors 128 instead.

input:

output:

P#80143 2020-07-30 23:48 ( Edited 2020-07-31 05:24)
1

@ridgekuhn:
Nah, tell me. I hate bugs

If it was the witched pal index thing - I fixed that. If it was a different thing: I'd like to fix that. Currently working on a small update anyway... although I
m not sure if it's going to be an official thing - that depends on how easy it will be to automate the steps I'm currently doing by hand (while checking the feasbility of the approach)

P#80150 2020-07-31 07:07 ( Edited 2020-07-31 09:30)

[Please log in to post a comment]

Follow Lexaloffle:        
Generated 2020-08-13 05:54 | 0.245s | 4194k | Q:93