Infinite scrolling background issue

i'm trying to follow

construct.net/en/forum/construct-3/how-do-i-8/infinite-scrolling-background-151713

construct.net/en/forum/construct-3/general-discussion-7/problem-tiledbackgrounds-set-146663

those links to make infinite scrolling background, but you can see when player move to ↗ ↖ ↘ ↙ the offset doesn't look good.

and the 4 dirs looks weird to when you fast press left and right or up and down.

dropbox.com/s/a8bbjwxxj89ku57/seamless%20bug.c3p

youtu.be/ro3exNF9gLE

It's using 8direction.speed in events 3-6 when setting the offset. That's fine when only moving in one direction but when going diagonal it's too fast. You should use vectorX and vectorY instead.

I won't salvage that example though. One every tick event should do it. The first part sets the offset and the second part corrects it when negative because of how % works.

every tick
set x offset to (Self.ImageOffsetX + Player.8Direction.vectorX* dt) % Self.ImageWidth
set y offset to (Self.ImageOffsetY + Player.8Direction.vectorY* dt) % Self.ImageHeight
set x offset to Self.ImageOffsetX<0?Self.ImageOffsetX+Self.ImageWidth:Self.ImageOffsetX
set y offset to Self.ImageOffsetY<0?Self.ImageOffsetY+Self.ImageHeight:Self.ImageOffsetY

this solves the first issue perfectly.

but still have small shift while player press direction keys.

the enemies are standing still, but it looks like they move small pixels.