Giter Site home page Giter Site logo

Bitmap smoothing about bitmapfont HOT 14 OPEN

beeblerox avatar beeblerox commented on June 23, 2024
Bitmap smoothing

from bitmapfont.

Comments (14)

FlashTang avatar FlashTang commented on June 23, 2024 1

Just find a way to fix :
Find this line
_tilemap = new Tilemap(tileMapWidth, tileMapHeight, font.tileset);
Add this.smoothing to the end
_tilemap = new Tilemap(tileMapWidth, tileMapHeight, font.tileset,this.smoothing);

from bitmapfont.

Beeblerox avatar Beeblerox commented on June 23, 2024

@MiltonW what about my latest push? does it work as you prefer?

from bitmapfont.

MiltonW avatar MiltonW commented on June 23, 2024

I think so, but I seem to have a problem with Flash (and HTML5).

Linux/Neko target:
bla

Flash:
bla2

Same code, no Flash conditionals.
This occurs when I have

     text_retro.size = 0.57;                                             

If I don't use that (or use a nice round integer) it looks just as good as the other targets.
But if I then try to use text_retro.scaleX = 0.57 I get:

Invalid field access : set_scaleX

So I can't use the DisplayObject scaling anymore, which I would guess would not distort the image.

from bitmapfont.

Beeblerox avatar Beeblerox commented on June 23, 2024

let me think about it

from bitmapfont.

Beeblerox avatar Beeblerox commented on June 23, 2024

@MiltonW sorry that i haven't worked on it earlier, but i think i've fixed this issue.
could you try updated code?

from bitmapfont.

MiltonW avatar MiltonW commented on June 23, 2024

No change I think. When I use HTML5/Flash I have the following behaviour:

     text_retro.size = 0.57;

size

     text_retro.scaleX = 0.57; text_retro.scaleY = 0.57;

scale

Since scaleX/Y seems to work it is not really a problem (for me anyway :) ). Can't reproduce the 'Invalid field access : set_scaleX' anymore.

PS. Does look a bit smoother now that I look at it, but I don't think it has to do with smoothing...

from bitmapfont.

Beeblerox avatar Beeblerox commented on June 23, 2024

strange. this is what i've got on flash target with latest code (with size set to 0.57):
smoothing off
smoothing_off
smoothing on
smoothing_on

from bitmapfont.

MiltonW avatar MiltonW commented on June 23, 2024

Yeah, a bit smoother, but what does it look like without size, and then scale it with scaleX/Y?

from bitmapfont.

Beeblerox avatar Beeblerox commented on June 23, 2024

it looks the same

from bitmapfont.

Beeblerox avatar Beeblerox commented on June 23, 2024

ok, here is another one fix.
it looks like if you change Bitmap's bitmapData then smoothing isn't applying to it anymore. so we have to reapply smoothing

from bitmapfont.

MiltonW avatar MiltonW commented on June 23, 2024

It all doesn't seem to make a difference. All the smoothing does is smooth the jagged edges. The edges aren't there if I don't use size. So then I can use scaleX/Y and it stays crisp.

Try going fullscreen or even bigger and try to keep it this clean, no edges at all:

scale

Again, if I then comment scaling, and use size:

size

This is only on Flash/HTML5. Using size = 0.57 and scaling the entire stage by 3.

from bitmapfont.

Beeblerox avatar Beeblerox commented on June 23, 2024

oh, so you were scaling stage also. and i've tested without it.
I guess it will be impossible to achieve this by using size then

from bitmapfont.

MiltonW avatar MiltonW commented on June 23, 2024

No, I'm not scaling the stage, that was just to make the difference more obvious.

from bitmapfont.

FlashTang avatar FlashTang commented on June 23, 2024

Hi there ,@Beeblerox Now how to disable smoohting ?
I'm using this frok by @flowplay
https://github.com/flowplay/BitmapFont
angelCodeField.smoothing = false; // not working , it's always smoothing, I'm using pxiel font , so need to be non-smoothing
p.s. when set scale to 2 , it's smoothing with white blurry border
Thanks

from bitmapfont.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.