How do I avoid tile seams with cocoonjs export

Get help using Construct 2

Post » Thu May 22, 2014 6:38 pm

Hi,

I have my project set to:

pixel-rounding=ON
sampling=POINT
Fullscreen in browser=letterbox integer scale
fullscreen scaling=low quality
Use high-dpi displays=NO

yet when I create an IOS app via cocoonJS my game on the device still shows terrible seams at the edges of tiled background objects.

What am I missing? I've successfully exported games before with these settings and saw no seems, I don't think I changed anything, but now I have seams no matter what I try once the games on my device...

Any ideas?

thanks,
Mike
B
49
S
9
G
4
Posts: 426
Reputation: 7,041

Post » Thu May 22, 2014 8:00 pm

I am also having the same problem.
And letterbox scale does nothing because cocoonjs defaults to scale outer.
B
12
S
2
G
1
Posts: 26
Reputation: 835

Post » Fri May 23, 2014 7:15 am

I've still found no solution and will contact the cocoonjs staff, please let me know if you have any luck finding a solution on your end, Bonesy.

Can we really be the only two trying to export games that use background-tile objects (or retro pixel art games for that matter) with cocoonjs?!?

Has anyone successfully exported a retro style pixel art game using cocoon js recently? If so, please show us the exact settings you used in both the capx and on cocoonjs.

thanks,
Mike
B
49
S
9
G
4
Posts: 426
Reputation: 7,041

Post » Fri May 23, 2014 8:11 am

I have exactly the same problem.

I haven't got a lot of time to dedicate to the issue right now, but if I find out anything worthwhile I will most certainly let you both know (and would appreciate it if you do the same :) ).

Good luck
B
13
S
6
Posts: 130
Reputation: 1,553

Post » Fri May 23, 2014 11:31 am

Hi again everyone,

I've just posted this on the cocoon js community forum: http://support.ludei.com/hc/communities ... 2-anymore-

please join in there..the more we make the issue visible to them, the more likely they'll address it quickly.

thanks,
Mike
B
49
S
9
G
4
Posts: 426
Reputation: 7,041

Post » Fri May 23, 2014 2:09 pm

Hi everyone...ed, from the C2 community says he ran into this issue when trying to export form C2 build 169, and when he reverted to using b168 the problem disappeared! I'm going to test this now and if that's the case, report it to Ashley ASAP!

wish me luck,
Mike
B
49
S
9
G
4
Posts: 426
Reputation: 7,041

Post » Sat May 24, 2014 8:09 am

Sadly, I've tried many combinations of versions of C2 and cocoon settings and the seems will NOT go away. Has anyone else had any luck?
B
49
S
9
G
4
Posts: 426
Reputation: 7,041

Post » Sat May 24, 2014 9:46 am

I spotted in the xcode debug window in my latest attempt the following report....is this the problem?
com::ideateca::service::js::core::JSDocument::GetElementById line 234: Not found getElementById: c2canvasdiv IDTK_LOG_INFO: [JS] Invoked in JSValueRef com::ideateca::service::js::core::JSConsole::Log line 102: [Construct 2] Letterbox scale fullscreen modes are not supported on this platform - falling back to 'Scale outer' IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented window addEventListener: online IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented window addEventListener: offline IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented document addEventListener: appMobi.device.update.available IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented document addEventListener: backbutton IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented document addEventListener: menubutton IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented document addEventListener: searchbutton IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented document addEventListener: tizenhwkey IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented canvas addEventListener: webglcontextlost IDTK_LOG_WARNING: [JS] Invoked in void com::ideateca::service::js::WebKitNode::addEventListener line 163: Not implemented canvas addEventListener: webglcontextrestored
B
49
S
9
G
4
Posts: 426
Reputation: 7,041

Post » Sat May 24, 2014 10:28 am

i dont know if this helps but r169 had a new feature that destroyed everything on export.it created huge seams.
i made a bug report about it and in r170 ashley reverted the export process to r168 and everything is ok again.
also the good news are that he finally fixed the tilemap seams under some circumstances. please refer to the changelog of r170.you just have to select the seamless mode from the tilemap properties on the left of the editor.
for me ,for the first time ever i have no seams with the tilemap object and i am super happy about it!
but if for any reason you still have seams another way to fix them is to add your tilemaps as sprites and then overlap them by 0.5 of a px .
lets say you have 128x128 tile-sprites.
you make your grid 127.5x127.5 and you snap them.
seams gone!
B
15
S
6
G
4
Posts: 277
Reputation: 3,948

Post » Sat May 24, 2014 10:37 am

with the method i told you there is no need to use all those dreadful settings! :)
pixel rounding on= destroys spriter animations since they tween subpixel (you should have known that!! you created spriter! :P) and it makes everything choppy when moving.
sampling point= destroys image clarity and quality and especially if you have thin lines in your png then it flickers like crazy!

leterbox integer scale? Noooooo! only integers? the game will look like ...

we have been raging a battle for months to get rid off all these terrible settings and since r170 we won the war!!
why dont you use
pixel rounding off
sampling linear
letterbox scale
try my method with either sprites overlapping by 0.5 of a .px or the new tilemap with seamless mode to on and tell me what you see
cheers!
B
15
S
6
G
4
Posts: 277
Reputation: 3,948

Next

Return to How do I....?

Who is online

Users browsing this forum: DiabloOvermind, Mayfly, tarek2 and 11 guests