Friday, May 9, 2025
spot_img

Recreating a 3D pixel artwork water impact


For the previous few days I have been attempting to recreate an impact from this weblog publish:
https://www.davidhol.land/articles/3d-pixel-art-rendering#water/

Should you scroll down, you will attain the water part through which the creator shares this video
https://www.davidhol.land/articles/3d-pixel-art-rendering/pixel_water_waves.webm

They declare this impact of the white strains (waves) slowly showing and reappearing is finished fully within the fragment shader and with just one texture learn. Quote:

One evening I made a decision to remain up till 3 AM crafting a technique for world-space, view-aligned,
horizontal strains for the little animated waves. The feel beneath is the results of that
journey. This was a time the place I felt that I used to be actually doing technical artwork. Boiling all of it
right down to a texture learn, utilising all the colour channels for features of course,
variance, and timing. I’d wish to thank Materials Maker for the superb procedural tooling.

In addition they share the feel they used
An image of a voronoi pattern. Data seems to be encoded in to the different RGBA channels. RG seem to encode some sort of position while B and A are masks for the cells

I am principally within the R and G channels of this texture as I’ve discovered that B and A are most probably used for some type of masks. This is the identical texture with the R and G channels remoted for simpler viewing

The same voronoi pattern but with the R and G channels isolated to better showcase how those channels look

I requested the creator on bluesky what the R and G channels encode, and he mentioned that the R and G channels encode a course away from the middle of the cell that the pixel is in and that he makes use of this info within the shader to extract the horizontal course regardless of the viewing angle. You possibly can see the complete response right here

I’ve tried experimenting however I nonetheless have not be capable to get something near what’s seen within the video on the weblog publish. Would respect any perception!

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisement -spot_img

Latest Articles