Palettes and Bitmap Fonts

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|116\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Blitz -> Palettes and Bitmap Fonts
Sat, 25 Oct 2008, 22:42
LostUser	In some sprite rips I've seen on the Internet there is sometimes a "palette" of different colors (usually in a small rectangle). My question is, can Blitz Basic 2D apply palettes to images, or specifically in my case, Bitmapped Fonts? I'm using the font maker library (see below), but the thing is I'm going to have to make a new font image for every color I want to use, in every size. Therefore, is it not possible to tell Blitz Basic to say "OK, I want to use a Yellow version of my bitmap font" and it does it, without me creating a specific Yellow version? I have another question... Should one worry about Fonts at all? I want to use a series of fonts, but something in the back of my head tells me that using "SETFONT/LOADFONT" is the wrong way to make Blitz games. Finally, if you're using Bitmap fonts, can you still use "FontHeight()" and "StringWidth()"... I use these two mainly to automate the distance between menu items. Question summary; 1) Is it possible to use palettes on Bitmap fonts and images? 2) Should I worry about the fonts, or just include them in my "public" folder and don't worry about it? 3) Can you still use FontHeight/StringWidth for bitmap fonts? The library I'm using; ; Make the font Graphics 640,480,32,2 SetBuffer BackBuffer() Global y Global grabwide,grabhigh Global gap=1 ;Default gap between chrs Global fontimg Dim width(256) ;Makefont usage. ; Makefont( Fontname$, Name of the font ; [FontSize], Size of the font. Defaults to 12 ; [DrawStyle], Style, as designed in the DrawChr function below. Defaults to 1 ; [Gap], Gap between chrs. Defaults to 1 ; [Save FileName$] Filename to save as. (with .fnt added on the end!) ; ) ;MakeFont("blitz",8) ; This seems to be breaking on my PC! Not sure why! ;MakeFont("Arial", 16, 4, 1, "arial_16blk") MakeFont("Press Start K", 36, 5, 1, "psk_36red") ;MakeFont("PF Ronda Seven", 24, 5, 1, "pfr_24red") ;MakeFont("Arial", 24, 1, 1, "arial_24") ;MakeFont("Press Start K", 36, 1, 1, "psk_36") ;MakeFont("PF Ronda Seven", 24, 1, 1, "pf_ronda_24") ;MakeFont("BRLNSR.TTF",16,1,1,"berlin_16") ;MakeFont("visitor tt2 brk.ttf",24,2,1,"Visitor_24_3D") ;MakeFont("visitor tt2 brk.ttf",24,3,1,"Visitor_24_Striped") ;MakeFont("commodore 64.ttf",32,3,1,"c64_32_Striped") Cls Function DrawChr(x,y,Ch,style) ; Different draw styles. Select style Case 1 ; Plain Text Color 255,255,255 Text x,y,Chr$(ch) Case 2 ; Slightly 3D-ish For ang=0 To 360 Step 10 Color 180+Sin(ang)70,180+Sin(ang)70,180+Sin(ang)70 Text 101+Sin(ang)1,1-Cos(ang)1,Chr$(Ch) Next Color 180,180,180 Text 101,1,Chr$(Ch) Case 3 ; Stripey Color 255,255,255 Text 101,1,Chr$(ch) w=StringWidth(Chr$(ch)) h=FontHeight() LockBuffer BackBuffer() For x=101 To 101+w d#=1000.0/Float(h) s#=1000 r#=250:g#=0:b#=0 For y=1 To 1+h in=ReadPixelFast( x,y, BackBuffer() ):out=in s=s-d If s>650 And s<900 Then r=r-d:g=g+d If s<650 And s>400 Then g=g-d:b=b+d If s<400 Then r=r+d:b=b-d If r<0 Then r=0 If r>250 Then r=250 If g<0 Then g=0 If g>250 Then g=250 If b<0 Then b=0 If b>250 Then b=250 If (in And $FFFFFF)=$FFFFFF out=(255 Shl 24) + (r Shl 16) + (g Shl 8) + b WritePixelFast(x,y,out) EndIf Next Next UnlockBuffer BackBuffer() ; Feel free to add your own. Case 4: ; Black Color 0,0,0 Text x,y,Chr$(ch) Case 5: ; Red Color 209, 0, 0 Text x,y,Chr$(ch) End Select End Function Function MakeFont(FntName$,fnthigh=12,style=1,gap=1,savename$="") If savename$="" savename$=fntname$+"_"+fnthigh savename$=Replace$(savename$," ","_") savename$=Replace$(savename$,".ttf","") savename$=Replace$(savename$,".fon","") EndIf tfont=LoadFont(fntname$,fnthigh) SetFont tfont wide=1 high=FontHeight() For n=32 To 127 If StringWidth(Chr$(n))>wide Then wide=StringWidth(Chr$(n)) Next grabwide=Ceil(Float(wide)/8) grabwide=grabwide8 grabhigh=grabwide If high>wide grabhigh=Ceil(Float(high)/8) grabhigh=grabhigh8 grabwide=grabhigh EndIf ; ^ I made sure the font tiles are multiples of 8... That's important when you're trying to load images as textures! fontImg=CreateImage(grabwide,grabhigh,96):MaskImage fontimg,255,0,255 bang=CreateImage(grabwide,grabhigh):MaskImage bang,255,0,255 ClsColor 255,0,255 Cls For n=32 To 127 Cls DrawChr(100,0,n,style) CopyRect 100,0,grabwide,grabhigh,0,0,BackBuffer(),ImageBuffer(fontimg,n-32) hitr=0 hitl=-1 For atx=-1 To grabwide If ImagesCollide(fontImg,0,0,n-32,bang,atx-grabwide,0,0)=0 And atx>hitl Then hitl=atx Next For atx=grabwide To 0 Step -1 If ImagesCollide(fontImg,0-(hitl),0,n-32,bang,atx,0,0) And atx>hitr Then hitr=atx Next If n=32 Then hitr=grabwide0.2:hitl=0 width(n)=hitr+gap+1 CopyRect 100+hitl,0,grabwide,grabhigh,0,0,BackBuffer(),ImageBuffer(fontimg,n-32) If n Mod 10=1 Then Flip False Next ClsColor 0,0,0 Color 255,0,0 Cls y=0 compare "This is a test" compare "0123 ABC abc" compare "The Quick Brown Fox Jumps Over the Lazy Dog." compare "Socoder.Net" compare "SoC - Coming soon! ..." compare "Please wait - Saving Font" Flip SaveFont(savename$) FreeImage fontimg FreeImage bang FreeFont tfont End Function End ;May as well leave the rest as it is! .MakeFont Function Compare(txt$) ImgFont 2,y,txt$ : y=y+grabhigh:Text 2,y,txt$:y=y+grabhigh*1.4 End Function Function SaveFont(in$) quicky=WriteFile(in$+".fnt") WriteByte(quicky,grabwide) WriteByte(quicky,grabhigh) For n=32 To 127 WriteByte(quicky,width(n)) LockBuffer(ImageBuffer(fontimg,n-32)) For y=0 To grabhigh-1 For x=0 To grabwide-1 c=ReadPixelFast(x,y,ImageBuffer(fontimg,n-32)) r=(c And $FF0000) Shr 16 g=(c And $00FF00) Shr 8 b=(c And $0000FF) a=255:If r=255 And g=0 And b=255 Then a=0 WriteByte(quicky,r) WriteByte(quicky,g) WriteByte(quicky,b) WriteByte(quicky,a) Next Next UnlockBuffer(ImageBuffer(fontimg,n-32)) DebugLog n Next CloseFile quicky End Function ; Use Imgfont Function imgfont(x,y,st$) For n=1 To Len(st$) If Asc(Mid$(st$,n,1))>31 And Asc(Mid$(st$,n,1))<128 Then DrawImage fontimg,x,y,Asc(Mid$(st$,n,1))-32 x=x+width(Asc(Mid$(st$,n,1))) Next End Function --v ;Test our nice new fontimages. ; / How to load and use them! Graphics 640,480,16,2 SetBuffer BackBuffer() Type font Field width[128] Field img Field wide Field high End Type ;\ path$ = CurrentDir$() + "public\fonts\pf_ronda_24" My1.Font=LoadImgFont(path$) ;My1.Font=LoadImgFont("pf_ronda_24") ;MakeFont("PF Ronda Seven", 10, 1, 1, "pf_ronda_10") ;MakeFont("PF Ronda Seven", 12, 1, 1, "pf_ronda_12") ;MakeFont("PF Ronda Seven", 16, 1, 1, "pf_ronda_16") ;MakeFont("PF Ronda Seven", 18, 1, 1, "pf_ronda_18") ;MakeFont("PF Ronda Seven", 24, 1, 1, "pf_ronda_24") ;My2.Font=LoadImgFont("Visitor_24_3D") ;My3.Font=LoadImgFont("Visitor_24_Striped") ;My4.Font=LoadImgFont("c64_32_Striped") Global font = LoadFont("PF Ronda Seven", 24) SetFont font message$ = "Tony Montana" Repeat Cls y=0 y=y+24:ImgFont my1.font,2,y, "> " + (message$) y=y+24:Text 2, y, (message$) fps=1000/(MilliSecs()-lastframe) lastframe=MilliSecs() VWait:Flip Until KeyDown(1) End ; Loader.... Function LoadImgFont.font(in$) ThisFont.Font=New font quicky=ReadFile(in$+".fnt") ThisFont\wide=ReadByte(quicky) ThisFont\high=ReadByte(quicky) ThisFont\img=CreateImage(ThisFont\wide,ThisFont\high,96):MaskImage ThisFont\img,255,0,255 For n=32 To 127 ThisFont\width[n]=ReadByte(quicky) LockBuffer(ImageBuffer(ThisFont\img,n-32)) For y=0 To ThisFont\high-1 For x=0 To ThisFont\wide-1 r=ReadByte(quicky) g=ReadByte(quicky) b=ReadByte(quicky) a=ReadByte(quicky) c=(r Shl 16)+(g Shl 8)+b WritePixelFast(x,y,c, ImageBuffer(ThisFont\img,n-32) ) Next Next UnlockBuffer(ImageBuffer(ThisFont\img,n-32)) Next CloseFile quicky Return ThisFont.font End Function ; Drawer... Function imgfont(ThisFont.font,x,y,st$) For n=1 To Len(st$) DrawImage ThisFont\img,x,y,Abs((Asc(Mid$(st$,n,1)) Mod 128)-32) x=x+ThisFont\width[Asc(Mid$(st$,n,1))] Next End Function --v
Sat, 25 Oct 2008, 23:45
LostUser	I've figured out how to solve the distance issue I raised in my previous post. I added; Function ImgFontHeight(ThisFont.font) Return (ThisFont\high) End Function --v And I used in this example; ImgFont PSK36_Red.Font , 10, 10, Upper$(APPLICATION_NAME$) ; Get the Image Font Height fh = ImgFontHeight(PSK36_Red.Font) ImgFont PFRonda.Font , 10, fh, (APPLICATION_STRAP$) --v
Sun, 26 Oct 2008, 01:15
Jayenkai	No, color's out. Since Blitz doesn't have realtime colorising, it's just not going to work. Sorry. Technically, you could retrofit the Bitmap font image display routine into a 2D-in-3D engine, and have it work that way, using that to recolour things, but you wouldn't be able to draw too much to the screen, and.. quite frankly it'd be really slow to do something so dull. In most cases, you're probably better off just using standard fonts instead. -=-=- ''Load, Next List!''
Sun, 26 Oct 2008, 01:44
JL235	First you should be able to just make a function to change all the colours for you pixel by pixel. So the actual colour change is trivial. Conceptually you can wrap it up to look like the image colours are tied to a set pallette of colours. The hard part comes from when you want to make these colour changes because it's typically quite expensive. If you only want to change the colours before the game starts then you can just make this function, use it, and the problem is done. If you want to change the colours lots of times during the main loop and it's only involving a few images and fonts then you could pregenerate them before the main loop and store them in a look up table. If it involves lots and lots of images or needs to be generate dynamically (i.e. you don't know what colours you gonna be using until run-time) then you could generate the images at run-time but always store them a cache. When you want to change the colours of an image you first check the cache to see if the image your generating is already in there. If so you then just return that image. If not, you generate it, store it in the cache and then return it. Storing all those images though will use lots of memory. If that becomes an issue then you should probably try to track how much memory the cache is using (based on the size of each image added and removed stored) and maybe a reference counting system for when images are accessed. You might also want to slowly lower the reference count for all images over time so that images referenced lots during one section of the game are freed later in the game if they are rarely needed. I implemented something similar in Java recently to increase the speed of realtime rotation where it caches all the rotated images that are generated. It meant that when I rotate an image I often just return a copy from my image cache and so no rotation is actually performed. They were also stored using soft references which automatically freed the image referenced if my program needed the memory. Java Garbage Collectors are also encouraged to have a bias towards collecting the least accessed soft references, so I didn't need to track image or memory usage. This idea worked well for me.
Sun, 26 Oct 2008, 04:15
Phoenix	Simple example of replacing color in an image: Function ReplaceColor(buf, target, result) width = ImageWidth(buf) height = ImageHeight(buf) buf = ImageBuffer(buf) LockBuffer(buf) For i = 0 To width-1 For j = 0 To height-1 If(ReadPixelFast(i, j, buf) = target) WritePixelFast i, j, result, buf EndIf Next Next UnlockBuffer(buf) End Function Function ToARGB(r, g, b) Return ((($FF) Shl 8 + r) Shl 8 + g) Shl 8 + b End Function Graphics(640, 480, 0, 2) SeedRnd(MilliSecs()) ; Store two colors in an array Dim colors(2) For i = 0 To 1 colors(i) = ToARGB(Rand(255), Rand(255), Rand(255)) Next ; Create an image of the two colors mixed image = CreateImage(640, 480) SetBuffer(ImageBuffer(image)) For i = 0 To 640-1 Step 8 For j = 0 To 480-1 Step 8 Color 0, 0, colors(Rand(0, 1)) Rect i, j, 8, 8 Next Next SetBuffer(BackBuffer()) While(Not KeyHit(1)) DrawImage(image, 0, 0) ; Swap the colors around If(MouseHit(1)) newColor = ToARGB(Rand(255), Rand(255), Rand(255)) ReplaceColor(image, colors(0), newColor) colors(0) = newColor EndIf Flip Cls Wend --v Like DD said, this isn't something you should call all the time as it's a fairly slow function. In Blitz, you have to pregenerate or use some 2D-in-3D approach, or use a cache method like DD said.
Sun, 26 Oct 2008, 04:36
JL235	I didn't say it wasn't thesable, just that you ought to use some sort of lookup table or cache to help reduce when and how often you need to change or generate the image.
Sun, 26 Oct 2008, 04:58
Phoenix	I usually only skim through posts longer than a couple of lines
Sun, 26 Oct 2008, 05:30
LostUser	Hi, JL235. Geez that does sound very complex. I really don't want to make it more complex than it already is. I mean, if pushed; I don't mind generating Bitmap Fonts for different colors, and sizes and effects... and encountering for mouseovers/mousein's .... Geez, with all those different combinations it makes me wonder why even bother with bitmapped fonts in the first place. I think I'll just have to keep adding different bitmap fonts until I get so frustrated I rip out every bitmap font routine and just use text.
Sun, 26 Oct 2008, 05:48
Jayenkai	I originally made the bitmap font routine for using in a completely different language. I couldn't get OpenGL to do basic text printing, so I cheated and made the bitmap fonts. In most cases, though, since the font is being generated by code, you can just replace the bitmap font with a bit of fancy text printing.. Graphics 800,600,32,2 SetBuffer BackBuffer() SetFont LoadFont("Arial",48,1) Repeat Cls Text_SpaceMonkey 50,100,"Space Monkeys!!!" Text_SpaceMonkey 210,125,"Yeay!",2 Color 180,180,180 Text_3D 150,200,"In 3D!!!",1,1 Color 180,0,0 Text_3D 200,230,"Yeay!!",1,1 Text_Fancypants 150,300,"Wootsocks!!!!" Flip Until KeyDown(1) Function Text_SpaceMonkey(x,y,txt$,mode=1,cenx=0,ceny=0) Color 255,255,0 For ex=-1 To 1 For ey=-1 To 1 Text x+ex,y+ey,txt$,cenx,ceny Next Next Color 255,0,0:If mode=2 Then Color 0,0,255 Text x,y,txt$,cenx,ceny End Function Function Text_3D(x,y,txt$,cenx=0,ceny=0) r=ColorRed() g=ColorGreen() b=ColorBlue() For ex=-1 To 1 For ey=-1 To 1 perc#=Float((ex+ey)+4)/5.0 nr=rperc:If nr>255 Then nr=255 ng=gperc:If ng>255 Then ng=255 nb=bperc:If nb>255 Then nb=255 Color nr,ng,nb Text x-(ex2),y-(ey2),txt$,cenx,ceny Next Next Color r,g,b Text x,y,txt$,cenx,ceny End Function Function Text_Fancypants(x,y,txt$,cenx=0,ceny=0) If cenx=1 Then x=x-StringWidth(txt$)/2 For n=1 To Len(txt$) PosTo255=(n255)/Len(txt$) Color 255-posto255,posto255/2,posto255 Text x,y,Mid$(txt$,n,1),0,1 x=x+StringWidth(Mid$(txt$,n,1)) Next End Function --v -=-=- ''Load, Next List!''
Sun, 26 Oct 2008, 05:54
LostUser	Wow, those font effects are pretty cool. But its still technically requiring the user to have the font you used. How do you get around this issue? Thanks
Sun, 26 Oct 2008, 06:08
Jayenkai	Stick a font in the folder! https://www.aenigmafonts.com/ Get a font from there, make sure that the font's filename is the same as it's actual name.. (+.ttf on the end) So, eg, EditUndo.ttf should be renamed to "Edit Undo BRK.ttf", etc. Stick it in the folder with the rest of your data, and just load it as LoadFont("data folder/edit undo brk.ttf",size) or whatever.. -=-=- ''Load, Next List!''
Sun, 26 Oct 2008, 06:47
LostUser	I never knew you could do that! (Slaps head) I always assumed that Blitz would look in the windows System fonts folder and that if you even dare tried to use an alternate folder Blitz would start crapping out! I'm going to try it now (and remove the font from my windows system fonts folder) I'll be so relieved. Thanks for the heads up! UPDATE: Hey, that works! Once I renamed it like you said, it worked like a charm! Thanks a lot!
Sun, 26 Oct 2008, 08:45
Andy_A	My question is, can Blitz Basic 2D apply palettes to images, or specifically in my case, Bitmapped Fonts? Yes, and you can do it as fast as displaying two images to the screeen or a buffer. https://socoder.net/index.php?snippet=12528
Sun, 26 Oct 2008, 23:40
LostUser	Thanks for the code, I've looked at it; and whilst I'd love to go back to Bitmap Fonts - I don't think I will be. Mainly because of all the headaches I was encountering. Secondly Jay offered an easy fix solution, just include the fonts; which I thought you couldn't do -- but it does work.