In this ALL YOUR HTML stream and coding session we’ll be creating a teleportation-like transition with Three.js using some quaternions, and fragment shaders! The original effect comes from Marseille 2021 by La Phase 5.
This coding session was streamed live on December 5, 2021.
Support: https://www.patreon.com/allyourhtml
Setup: https://gist.github.com/akella/a19954…
The post Teleportation Transition with Three.js appeared first on Codrops.
Print
Share
Comment
Cite
Upload
Translate
APA
Yuriy Artyukh | Sciencx (2024-04-18T17:02:34+00:00) » Teleportation Transition with Three.js. Retrieved from https://www.scien.cx/2021/12/06/teleportation-transition-with-three-js/.
MLA" » Teleportation Transition with Three.js." Yuriy Artyukh | Sciencx - Monday December 6, 2021, https://www.scien.cx/2021/12/06/teleportation-transition-with-three-js/
HARVARDYuriy Artyukh | Sciencx Monday December 6, 2021 » Teleportation Transition with Three.js., viewed 2024-04-18T17:02:34+00:00,<https://www.scien.cx/2021/12/06/teleportation-transition-with-three-js/>
VANCOUVERYuriy Artyukh | Sciencx - » Teleportation Transition with Three.js. [Internet]. [Accessed 2024-04-18T17:02:34+00:00]. Available from: https://www.scien.cx/2021/12/06/teleportation-transition-with-three-js/
CHICAGO" » Teleportation Transition with Three.js." Yuriy Artyukh | Sciencx - Accessed 2024-04-18T17:02:34+00:00. https://www.scien.cx/2021/12/06/teleportation-transition-with-three-js/
IEEE" » Teleportation Transition with Three.js." Yuriy Artyukh | Sciencx [Online]. Available: https://www.scien.cx/2021/12/06/teleportation-transition-with-three-js/. [Accessed: 2024-04-18T17:02:34+00:00]
rf:citation » Teleportation Transition with Three.js | Yuriy Artyukh | Sciencx | https://www.scien.cx/2021/12/06/teleportation-transition-with-three-js/ | 2024-04-18T17:02:34+00:00
https://github.com/addpipe/simple-recorderjs-demo