Ripple Effect on a Texture with Three.js

A coding session that deconstructs the ripple effect seen on homunculus.jp.

The post Ripple Effect on a Texture with Three.js appeared first on Codrops.


This content originally appeared on Codrops and was authored by Yuriy Artyukh

In this ALL YOUR HTML coding session you will learn how to recreate the interesting ripple effect seen on the homunculus.jp website with Three.js. We’ll have a look at render targets and use a little bit of math.

This coding session was streamed live on November 21, 2021.

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

The post Ripple Effect on a Texture with Three.js appeared first on Codrops.


This content originally appeared on Codrops and was authored by Yuriy Artyukh


Print Share Comment Cite Upload Translate Updates
APA

Yuriy Artyukh | Sciencx (2021-11-22T13:13:38+00:00) Ripple Effect on a Texture with Three.js. Retrieved from https://www.scien.cx/2021/11/22/ripple-effect-on-a-texture-with-three-js/

MLA
" » Ripple Effect on a Texture with Three.js." Yuriy Artyukh | Sciencx - Monday November 22, 2021, https://www.scien.cx/2021/11/22/ripple-effect-on-a-texture-with-three-js/
HARVARD
Yuriy Artyukh | Sciencx Monday November 22, 2021 » Ripple Effect on a Texture with Three.js., viewed ,<https://www.scien.cx/2021/11/22/ripple-effect-on-a-texture-with-three-js/>
VANCOUVER
Yuriy Artyukh | Sciencx - » Ripple Effect on a Texture with Three.js. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/22/ripple-effect-on-a-texture-with-three-js/
CHICAGO
" » Ripple Effect on a Texture with Three.js." Yuriy Artyukh | Sciencx - Accessed . https://www.scien.cx/2021/11/22/ripple-effect-on-a-texture-with-three-js/
IEEE
" » Ripple Effect on a Texture with Three.js." Yuriy Artyukh | Sciencx [Online]. Available: https://www.scien.cx/2021/11/22/ripple-effect-on-a-texture-with-three-js/. [Accessed: ]
rf:citation
» Ripple Effect on a Texture with Three.js | Yuriy Artyukh | Sciencx | https://www.scien.cx/2021/11/22/ripple-effect-on-a-texture-with-three-js/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts