Tuesday, May 6, 2025
HomeGame DevelopmentRecreating a 3D pixel artwork water impact

Recreating a 3D pixel artwork water impact


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

If you happen to scroll down, you may 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 traces (waves) slowly showing and reappearing is finished fully within the fragment shader and with just one texture learn. Quote:

One night time I made a decision to remain up till 3 AM crafting a technique for world-space, view-aligned,
horizontal traces for the little animated waves. The feel under is the results of that
journey. This was a time the place I felt that I used to be really doing technical artwork. Boiling all of it
right down to a texture learn, utilising all the colour channels for elements of route,
variance, and timing. I’d prefer to thank Materials Maker for the wonderful procedural tooling.

Additionally they share the feel they used
Recreating a 3D pixel artwork water impact

I am principally within the R and G channels of this texture as I’ve found out that B and A are more than likely used for some form of masks. Here 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 stated that the R and G channels encode a route away from the middle of the cell that the pixel is in and that he makes use of this data within the shader to extract the horizontal route regardless of the viewing angle. You’ll be able to 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 admire any perception!

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments