Incrementing a value in update causes jittering

🌵 Needle Engine
1

+= a value in update jitters in browsers - Chrome/Edge etc - using attached script to animate UVs on an object, see a snippet below but this seems to jitter

    speed?: number = 0.005;
    update(){
        // @ts-ignore //
        this.mainMaterial.normalMap.offset.y += this.speed;
    }

I will dm @marwie1 :cactus: a private url to see
AnimateUV.ts
jitterbug.gif

Original Post on Discord

by user 103054507105067008

2

The plane is just a simple unity URP lit material which I animate the UVs of

by user 103054507105067008

3

you should usually multiply stuff like that using deltaTime

4

Using this.context.time.deltaTime still has jitters
AnimateUV.ts

https://cdn.discordapp.com/attachments/1059860014937935943/1059861989662408774/badtime.gif?ex=65d4cae5&is=65c255e5&hm=ca00679347292813a7743ea7aa63edee69609abe33dd00ca50baf6c259102703&(image larger than 4 MB)

by user 103054507105067008

5

Looks a bit like two scripts try to modify the same value

6

It is 1 script, I’ll make a simple repro to verify

by user 103054507105067008

7

There are 2 overlapping water planes for this effect but they are separate objects and scripts

by user 103054507105067008

8

And separate materials?

9

Yes, 2 totally separate materials

by user 103054507105067008

10

Here’s a tiny repro

by user 103054507105067008

11

I wonder if it is a floating point issue with the UVs of the plane but the UVS are very simple and the texture is tiling, it seems to jitter in rectangular shaped regions

by user 103054507105067008

12

BugreportWater.zip

by user 103054507105067008

13

Are you just incrementing all the time? Does the jitter get stronger over time?

14

Just incrementing all the time in update if you see the example script above, the jittering is very noticeable always

by user 103054507105067008

15 
    update(){
        // @ts-ignore //
        this.mainMaterial.normalMap.offset.y += (this.context.time.deltaTime * this.speed);
    }

this.speed is just a number that doesn’t change

by user 103054507105067008

16

Does it happen with other maps than the normal map? I’ve seen specifically issues with three.js and animating normal map parameters (e.g. also flickers when animating normal strength)

17

I will try the main texture albedo slot and feed back, that could be helpful to know

by user 103054507105067008

18

If it repros let me know :slightly_smiling_face:

19

Confirmed still happens with albedo map

by user 103054507105067008

20

So with the normals I noticed this jiggling square, the geometry was a grid so it lined up with the polys despite the UVs being simple

https://cdn.discordapp.com/attachments/1059860014937935943/1060242360568664074/normalsdancingsquare.gif?ex=65d62d25&is=65c3b825&hm=ed4dcd08be91ec7ef4cb74d4b860a53d4b719c3ae274b3223c3370529a21a29c&(image larger than 4 MB)

by user 103054507105067008