Mojo2

[Rich]

its about time i started converting all my mojo1 libs to mojo2 and I cant get my head round 1 thing.
in mojo 1 we can load image frames from a sprite sheet. This sprite sheet could have 32 images on (8 rows of 4 columns)

In, mojo2, it looks like all images have to be 1 row when using LoadFrames. Obv this could mean that image width limits can be reached very quickly if everything is on 1 row.
The other way would be to load 4 columns of images in and then uses DrawRect to draw a subset of that imahe (ie 8 rows).
Or do I just load one image in and then use DrawRect to select the image I want?

Or am i missing something really obvious?

Rich

 

[MikeHart]

Add this to mojo2/graphics.cxs inside the Image class. I have had uploaded this piece to GitHub already but forgot to document it:

    Function LoadFrames:Image[]( path:String,cellWidth:Int,cellHeight:Int,padded:Bool=False,xhandle:Float=.5,yhandle:Float=.5,flags:Int=Image.Filter|Image.Mipmap,shader:Shader=Null )
        flags&=_flagsMask
    
        Local material:=.Material.Load( path,flags|Texture.ClampST,shader )
        If Not material
            DebugLog ("Error - Unable to load image frames: " + path)
            Return []
        Endif
        
        'Local cellWidth:=material.Width/numFrames,cellHeight:=material.Height
        
        Local x:=0,width:=cellWidth
        If padded x+=1;width-=2
        
        Local tx:Int = material.Width/cellWidth
        Local ty:Int = material.Height/cellHeight
        Local frames := New Image[tx*ty]
        Local i:Int = 0
        For Local yi:Int = 0 To ty-1
            For Local xi:Int = 0 To tx-1
                frames[i]=New Image( material,xi*cellWidth+x,yi*cellHeight,width,cellHeight,xhandle,yhandle )
                i += 1
            Next
        Next
        
        Return frames
    End

 

[MikeHart]

Or do I just load one image in and then use DrawRect to select the image I want?

Of course, that is also a solution.

 

[Rich]

thank you
Ive been hiding from mojo2 for far too long

 

[MikeHart]

No problem, I did that too.

 

[Rich]

starter for 10....
Converted my display, button and text class to mojo2

SetColor(float,float,float) caught me out to begin with. All my colours were strange as I was still using SetColor(int,int,int)

 

[MikeHart]

Yup. I don't know why that was changed.

What is your text class doing?

 

[Rich]

I assume float are now used due to shaders being 0-1 for argb values.

My ImageFont class was written a good 10years ago during early days of Monkey. I never really liked the built in font class as I couldn't quickly use bitmap fonts already available.

Text = New ImageFont("font.png","ABCDEFGHIJKLMNOPQRSTUVWXYX0123456789",32,32)
Text.Draw canvas,"HELLO WORLD",x,y,centerX,centerY

' for multi colour letters
Text.Draw canvas,"HELLO WORLD",x,y,centerX,centerY,multiColorSeed

Or it has the flexibility to only use small subset of the alphabet or other chars

Text = New ImageFont("font.png","ABCabc+#=",32,64)

My button class then uses the above class for it's font

Bttn = new button(["HELLO WORLD","CERBERUS X"],X,y,text)


Bttn.Draw(canvas)

Bttn.update()
If bttn.highlighted
  ' someone is touching button
End
If bttn.seleted
  ' someone clicked button
  If btn.option  = 0
    ' clicked on hello world
  End
End

Obviously there now may be better ways to do it in Mojo2

 

[MikeHart]

Bitmap fonts are now better supported. See the example that ships with CX.

 

[Rich]

Bitmap fonts are now better supported. See the example that ships with CX.

I like that... I like both. Think I'll stick to mine at the mo, but I do like the flexibility of non uniform widths in SetFont

 

[Paul59]

On this topic: is the text file that describes variable width bitmap fonts such as in the mojo2 example some sort of standardized format?

Helps says:

Loads a bitmap font file created in tools like GlyphDesigner and alike.
path represents the filename of the texfile that defines the font and its individual glyphs.

( @Holzchopf - typo, missing 't' in 'texfile' )

I don't know/can't find what GlyphDesigner is - maybe it's no longer available? Is there some (cross-platform or web-based) equivalent?

 

[MikeHart]

On this topic: is the text file that describes variable width bitmap fonts such as in the mojo2 example some sort of standardized format?

Yes EZGUI file format. In mid term, CX will have its own tool to create bitmap fonts.

 

[Paul59]

Yes EZGUI file format. In mid term, CX will have its own tool to create bitmap fonts.

Searching EZGUI gives me lots of alternatives, have you got a link?

 

[MikeHart]

How about this tool:

http://kvazars.com/littera/

It's an online tool. Export as Text (.txt). I tested it the the CX example and it works fine.

 

[Paul59]

Looks perfect, will have a dabble later. Thanks!

 

[Paul59]

For some reason, a few of the fonts I tried failed to upload but most worked and the generated fonts work without issue in Cerberus X - great!!

It would be nice to find a similar tool that didn't use Flash.

 

[Gerry Quinn]

thank you
Ive been hiding from mojo2 for far too long

Same here. Is there any good primer on what's different?

 

[Rich]

Same here. Is there any good primer on what's different?

So far...
1) All my previous GFXs libraries (eg, particles, buttons etc) all draw to the "back buffer" in Mojo1. They all need changing so that they draw to a canvas instead. Not a bad thing as I can now draw objects like buttons to other canvas before drawing to the screen
2) All mojo1 libraries have RGB colours 0<255. Now they are 0<1 floats (you get very strange results if assigning 0<255 values)
3) A lot more blend modes when drawing
4) Renderers bring lighting and shadows, which can really bring a game to life.

 

[Paul59]

Same here. Is there any good primer on what's different?

I think all the main differences are covered in the examples https://github.com/KrautApps/cerberus/tree/develop/examples/mojo2 (also ship with CX)

 

[MikeHart]

Just be aware that mojo2 isn't as fast with high counts of sprites as mojo1 is.