Slick Forums

Hello I'm new to game development and Slick2D!

I want to build a pixelated game, but I don't know how to achieve the following things:

• scaling the whole game without having to call .setFilter(Image.FILTER_NEAREST) on every Image I will ever use
• scaling without changing the game logic *

* Example: I've added the following check to the update method of the first game tutorial to ensure that the plane cannot leave the screen. Although when using g.scale(2f, 2f) the call plane.getWidth() still returns 122 despite the plane being larger. Hence the plane can leave the window and the game logic is dependent on the scaling factor.



I'd love to do all the calculations as if the whole game isn't scaled, because I want to keep it as simple as possible.

Please correct me if I am wrong (btw. english isn't my mother tongue).
Thanks for your help!

1. You can't do that. The filter is determined by OpenGL on a per-texture basis. Instead what you should be doing is setting the filter when you load a new sprite sheet. Keep in mind that since it's on a per-texture basis (not per-image), any copies/sub-images/etc of an image will share the same filtering. So you tend to do something like this:


2. getWidth returns the width of your image -- it has no way of knowing whether the "view" or "camera" is being scaled. You need to account for this yourself, i.e. by multiplying the width by the zoom amount. How you implement this is up to you; but I'd suggest reading up on OO "design patterns" before you try and mash together a system.

Thats nice!



Multiplying the width with the zoom factor didn't work, but the following did:


What sort of design patterns where you thinking about? (So I have a point to start)

Thanks for your answers!

Sorry for double post.



I wonder why there is no way to set the default filter, which is obviously Image.FILTER_LINEAR, so that I don't have to setFilter per texture?

Make a static Resources class that you load all your sounds, spritesheets, and images through.

Have a method in the Resources class like this:



and when you want to load an Image do this:



Done

Okay , thank you!

Slick is just a wrapper around OpenGL, which uses LINEAR filtering by default. We could in theory have something like this:

Which would affect all images loaded after that call. This isn't exactly 100% "clean" from a design perspective, since the texture loading is done in another area of Slick (InternalTextureLoader), but many users have asked for it as a feature...

How would you set FILTER_NEAREST for an Animation? I'm getting the animation from a spritesheet, so I tried to set the filter with:



But that didn't seem to have any effect. I also tried to get every image in the animation and manually set the filter, then re-add it to the animation:



But that didn't seem to change anything either. Is there a proper way to do this that I'm missing? Thanks!

Sprite sheets use nearest neighbour filtering by default. And setFilter works fine here... What kind of result are you getting? Try pulling from dev branch as it may be a bug with older versions of Slick.

I am for it, but then I think it should be a clean implementation. (Without knowing the code, would g.setDefaultFilter or InternalTextureLoader.setDefaultFilter work?)

When (if) will you change it?

After consideration, I've realized it would lead to a design error. The filter is set by the Texture, not the Image. For example:


Is it really hard to add an extra parameter to your code?


NB: The latest push allows you to construct an image without needing the "flipped" boolean parameter.