bolosaur's Forum Posts

  • I understand, but are you sure it's not just Construct 2-specific? Because looking at Browser Quest, it actually seems that they're scaling up their graphics from a sprite sheet.

    browserquest.mozilla.org

    cdn.mozilla.net/browserquest/img/1/spritesheet.png

  • Thanks for the update Ashley.

    I tested the fix on both an iPhone 3GS and iPhone 4S.

    On the 3GS I rotated the screen before the HTML5 loader was finished, which once again prompted the glitch to appear. If I however waited for it to load in portrait mode, the fix worked perfectly fine.

    On the 4S I didn't get a HTML5 loader as the app loaded instantly, and in this case the glitch appeared regarldess of whether or not I waited for a bit in portrait mode before I started rotating it.

    Hope this helps.

  • Hi,

    I made quite a few topics about problems I've encountered when making pixelart games, but I figure it might be best to just ask for a best approach rather than exploring what happens if you don't follow best practice. :)

    So how exactly can one make a pixelart game without having the graphics anti-alias in canvas2d? I've been told that the best way to avoid this is to resize the sprites, but by how much, and in what instance? Should the assets be resized, or can this be done with game logic so as to avoid consuming too much memory?

    Thanks a bunch.

  • Oh, I thought you meant V-sync tearing, that's a sampling issue. Have you tried setting 'Pixel rounding' on in project properties?

    Well, here are a couple of tests:

    http://dl.dropbox.com/u/2725629/html5tests/Astrojone_rounding_off_sampling_linear/index.html

    http://dl.dropbox.com/u/2725629/html5tests/Astrojone_rounding_on_sampling_linear/index.html

    http://dl.dropbox.com/u/2725629/html5tests/Astrojone_rounding_off_sampling_point/index.html

    http://dl.dropbox.com/u/2725629/html5tests/Astrojone_rounding_on_sampling_point/index.html

    They all look about the same to me in almost all browsers. The only case in which the tiles don't seam is in Firefox on OSX (which I guess has webgl turned on?) with point rendering enabled, but even so the animated water tiles are still completely desynced. The pixel rounding seems to make no difference in either case.

  • Ashley

    Now that I think about it, there was a simple JavaScript fix that would scroll down the page to hide the address bar.

    The HTML5 game Browser Quest that I mentioned in another thread seems to use the same technique - or at least a similar one - where on the login screen it'll scroll down the page to make the address bar vaguely visible (and the page scrollable, though I don't know why), but once you're logged in the screen locks and the address bar remains permanently hidden.

    You can try it yourself at http://browserquest.mozilla.org/.

    Is this something Construct 2 could utilize?

  • OK so I started building a game composed of 16x16 tiles, among which there are a few animated water tiles.

    However, my game has started tearing on other platforms as well.

    Example: dl.dropbox.com/u/2725629/html5tests/Astrojone5/index.html

    Screenshots:

    http://dl.dropbox.com/u/2725629/tearing_ipad2.png

    http://dl.dropbox.com/u/2725629/tearing_iphone_4s.png

    http://dl.dropbox.com/u/2725629/tearing_win_7.png

    The screenshots were taken with linear rendering, but the currently uploaded demo uses point rendering.

    This is a pretty huge issue to me. Any ideas?

  • Yes. It makes no difference whether it uses point or linear sampling.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads

  • It's only supposed to show a fade-in, but the spritefont object will have tearing.

    I've also had problems with tearing in previous C2 games I've made, so I do think it's an issue.

    Is there anything that can be done about it? Does anyone know if there are any settings in C2 with which you can avoid triggering this effect?

    I think it's an important issue since a lot of people are Firefox users.

    EDIT:

    Also, I've tried the HTML5 game Browser Quest on all browsers on both Windows and OSX, and it doesn't have any problems with tearing whatsoever. If the problem is with Firefox, how come I'm only getting this with Construct 2 games?

  • Thanks for the info.

    I updated the example file to see whether the problem is with the renderer, and it appears that you are correct.

    Example: http://dl.dropbox.com/u/2725629/html5tests/Astrojone_point/index.html

    However, if outdated drivers was the issue, how come it still works in some browsers?

    I'm getting canvas2d with:

    Firefox in Win7

    Opera in Win7

    Safari in Win7

    IE in Win7

    Opera in OSX

    Safari in OSX

    I'm getting webgl with:

    Chrome in Win7

    Firefox in OSX

    Chrome in OSX

    As for iOS devices, you are also correct:

    iPad 2 showed canvas2d

    iPhone 3GS showed canvas2d

    iPhone 4S showed canvas2d

    So do you have any idea why some browsers are showing canvas2d while others aren't?

    EDIT:

    As I mentioned in the other thread about tearing, I've tried the HTML5 game Browser Quest on all browsers on both Windows and OSX, and I haven't experienced any blurring or anti-aliasing issues whatsoever. How come I'm only getting this with Construct 2 games?

  • Thanks for the reply.

    Could you elaborate on what you mean? How isn't it designed to deploy games?

  • Hello,

    First off sorry about all the topics I've been creating, but I'm guessing you'd prefer to have one topic per issue so that others can more easily find them?

    Anyway, I read somewhere that exporting my game to PhoneGap might solve an issue I had regarding resolutions, so I wanted to try it.

    However, when I do export my game to PhoneGap, the screen turns blank on every device I've tested it on.

    Tested on:

    Windows 7

    OSX Lion

    iPad 2

    iPhone 4S

    iPhone 3GS

    Example: dl.dropbox.com/u/2725629/html5tests/Astrojone_phonegap/index.html

    Any ideas?

  • Hello,

    I don't know if this has to do with Construct r91 still being beta, but when I set my games' fullscreen parameter to "letterbox integer scale" the point sampling doesn't seem to be working.

    Example: http://dl.dropbox.com/u/2725629/html5tests/Astrojone_point/index.html

    The Mario sprite to the left is original-sized and shouldn't look as blurry as it does.

    Tested on:

    Firefox (Windows) - Doesn't work

    Internet Explorer (Windows) - Doesn't work

    Safari (Windows) - Doesn't work

    Opera (Windows) - Doesn't work

    Firefox (OSX) - Works

    Opera (OSX) - Doesn't work

    Chrome (OSX) - Works

    Safari (OSX) - Doesn't work

    Any ideas?

    EDIT:

    I asked some other people to test it as well:

    One guy tested in Chrome on Windows 7 - Worked.

    Another guy tested in Firefox on Windows 7 - Worked.

    Another guy tested in Chrome on Windows 7 - Worked.

    Another one tested in Opera on Windows 7 - Didn't work.

    One guy tested on OSX Opera with an old "11 MacBook Pro - Didn't work.

    The second guy tested on Firefox on Windows 7 64-bit with a GTX 560 - Worked.

    Third one was on on Chrome on Windows 7 with a GTX 560 Ti - Didn't work.

    The last guy was on Windows 7 64-bit with Intel HD graphics - Didn't work in Firefox or Internet Explorer, but worked in Chrome

  • Hello,

    I'm developing a pixelart-style project, and I keep getting some weird screen tearing in Firefox on Windows 7.

    All of my drivers are up to date, as is the browser. Also, this is a problem I've experienced with Construcct 2 projects on my old PC as well, so it doesn't appear like this error is limited to my current computer.

    Example file: http://dl.dropbox.com/u/2725629/html5tests/Astrojone/index.html

    My computer is a currentgen MacBook Pro with 8 GB RAM.

    Is there any way to fix this?

    Thanks in advance.

  • Hello,

    I've started building a project and noticed that whenever I switch between landscape and portrait on any of my iDevices, the screen more often than not turns pitch black.

    I've tested this on an iPad 2, iPhone 4S and iPhone 3GS, and in all cases rotating the screen causes the screen to go black.

    Is this a well-known error? Is there something I can do to keep this from happening?

    Also, as a side note, is there any way to prevent the game from going portrait in the first place?

    Thanks.

  • <<edit: information is irrelevant now>>