What started off as a simple effort to Reactify some parallax effects ended up turning into a full-fledged demo. In this video I make an effort to document some of the high-level functionality.
Source code: github.com/townofdon/yt-react...
Demo: townofdon.github.io/yt-react-...
For the final scene, I generated the mountain svgs as well as the picnic table and campfire.
ATTRIBUTIONS / RESOURCES
Was heavily inspired by this CodePen: Simple Image Tag Parallax - codepen.io/RenanB/pen/GZeBNg
Also utilized the following assets / resources in this demo:
- 3D Text Effect in CSS (codepen.io/ryandsouza13/pen/y...)
- Army Backpack (opengameart.org/content/army-...)
- "Hiking Backpack" (skfb.ly/oo7II) by kam is licensed under Creative Commons Attribution-ShareAlike (creativecommons.org/licenses/b....
- Low Poly Tree & Clouds (codepen.io/lukeandrewreid/pen...)
- Low Poly Forest Vectors by Vecteezy (www.vecteezy.com/free-vector/...)
- Low Poly Trees (codepen.io/lukeandrewreid/pen...)
MUSIC
Justnormal, fromhere - szechuan - www.epidemicsound.com/track/K...
Justnormal, fromhere - red orchard - www.epidemicsound.com/track/1...
Bruce Brus - Resolution (Beta Drone 15 Hz) - www.epidemicsound.com/track/z...
Frook - Linen - www.epidemicsound.com/track/H...
Frook - Pouring Down - www.epidemicsound.com/track/2...
#webdev #react #javascript #parallax
2 ноя 2021