Having the damnedest graphical problem! :( (capx included)

Get help using Construct 2

Post » Sat Feb 07, 2015 9:41 pm

I've made the graphical basis for a simple game with ASCII/ANSI graphics. There are three layers; one for the graphics, one for the color (which is added to the ANSI graphics via the multiply effect), and one for the collision layer.

Capx of my project is here: http://www.filedropper.com/zzttest

The problem is that the graphics look weird and 'warped' (darkened in certain spots but not others) at certain zoom levels when I demo this capx in my browser, including the normal 100% zoom browser view in Chrome. It's a problem that's hard to screenshot, even; when you look at the screenshot I took below, the problem may only be 'visible' at certain zoom levels of your browser.

Image

I've tried everything I can in the options menu to fix this, with no luck. How can I fix this? I don't want the game to be zoomable at all even, I want it to be fullscreen or to take up a fixed amount of the screen with no graphics scaling at all. This game will be for use on computers only, never exporting to mobile devices.

Thanks for any help you can offer!
B
6
S
1
G
1
Posts: 91
Reputation: 900

Post » Sun Feb 08, 2015 3:12 am

What is it suppose to look like?
B
136
S
66
G
17
Posts: 1,766
Reputation: 19,865

Post » Sun Feb 08, 2015 3:25 am

The problem is that the graphics look weird and 'warped' (darkened in certain spots but not others) at certain zoom levels when I demo this capx in my browser, including the normal 100% zoom browser view in Chrome. It's a problem that's hard to screenshot, even; when you look at the screenshot I took below, the problem may only be 'visible' at certain zoom levels of your browser.


From my guess from the statement "the problem may only be 'visible' at certain zoom levels', I think you wanna play around with the following configuration:

Pixel rounding
By default Construct 2 objects can be drawn at sub-pixel positions, e.g. (100.3, 200.8). If the browser is using linear filtering, this can make fine pixel art appear blurry. If Pixel rounding is set to On, Construct 2 objects round their position to a whole number before drawing, e.g. (100, 201). This prevents any blurring, and can also prevent "seams" appearing on grids of objects. Note this does not affect their actual X and Y co-ordinates, which can still be between pixels - it only affects where they are drawn on the screen.

Fullscreen scaling
Only has an effect when a fullscreen mode is in use (when Fullscreen in browser is not Off). High quality mode renders at the full resolution of the screen. Low quality mode first renders at the project Window Size, and then simply stretches the result to fill the screen. Low quality mode often improves performance on low-end systems and is often suitable for retro-style pixellated games with Point sampling. However text, downscaled sprites and WebGL shaders appear with better quality and detail in high quality mode.

Sampling
Choose between linear (smooth) and point (pixellated) sampling when resizing images. Linear is recommended for modern games with hi-res graphics, and point is better suited to retro games with blocky pixel art.

Downscaling
Adjusts the tradeoff between rendering quality and memory use when resizing images to smaller than their original size (downscaling). The options are:
Low quality: mipmaps are disabled (reducing memory use), but downscaled sprites may appear blocky or pixellated
Medium quality: mipmaps are enabled. Downscaling sprites generally looks better.
High quality: mipmaps are enabled and the spritesheet after export pads out all images to power-of-two sizes. This can significantly increase memory use, but can resolve two minor rendering issues: light fringing that can sometimes occur along the borders of downscaled objects, or a quality change in the last frame of an animation. Do not use this mode unless a rendering artefact is specifically observed and selecting this mode can be observed to resolve it: the increased memory usage can be very significant, and is not a cost that should be added for no reason



source: https://www.scirra.com/manual/66/projects

Since you are doing ASCII/ANSI graphics, you may wish to turn Pixel rounding on and set Sampling to "Point".

See if this is what you want.
I got a game that you multiply, breath fire with two heads and brawl foes to oblivion with your clones: http://www.newgrounds.com/portal/view/660664 (use Chrome on Windows for best performance)

My sites:
http://twinblazar.deviantart.com
http://twinblazar.newgrounds.com
https://twitter.com/twinblazar
http://www.pixiv.net/member.php?id=15072448
B
28
S
11
G
11
Posts: 410
Reputation: 8,387

Post » Sun Feb 08, 2015 5:41 am

I've done those -- and unfortunately, it makes no visual difference. :(


Alspal -- each of the three 'outer rings' of the image is composed of a single tile, and thus should look totally uniform. rather than the major variations one currently sees.
B
6
S
1
G
1
Posts: 91
Reputation: 900

Post » Sun Feb 08, 2015 8:25 am

Then... how does it actually supposed to look like? Mind do some photoshop and post it for clarity?
I got a game that you multiply, breath fire with two heads and brawl foes to oblivion with your clones: http://www.newgrounds.com/portal/view/660664 (use Chrome on Windows for best performance)

My sites:
http://twinblazar.deviantart.com
http://twinblazar.newgrounds.com
https://twitter.com/twinblazar
http://www.pixiv.net/member.php?id=15072448
B
28
S
11
G
11
Posts: 410
Reputation: 8,387

Post » Sun Feb 08, 2015 8:39 am

The goal is something like you see in this image:

Image

Where each square using the same tile looks identical to any other square using the same tile, none of those weird patches of darkness you see in the top wall of the screenshot from my Capx.
B
6
S
1
G
1
Posts: 91
Reputation: 900

Post » Mon Feb 09, 2015 6:36 am

Sorry I probably still don't understand your issue. I tried doing something like a scene from that image in a .capx, it looks fine for me, does this look weird to you?

Image

https://copy.com/O2my1v7yUKqOK6yK/tiles.capx?download=1
B
136
S
66
G
17
Posts: 1,766
Reputation: 19,865


Return to How do I....?

Who is online

Users browsing this forum: Baidu [Spider], Pulstar, SeuLuis and 3 guests