Skip to content

Here I have created a 3D Gym website, this website is interactive with scroll gesture. as we scroll the page the 3D model will animate.

Notifications You must be signed in to change notification settings

Pawar-Pratik/3D-Gym-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Disclaimer

Coding

- This website is not responsive, so use only Laptops to checkout (resoution : 1920*1080)
- Links and inputs are not working.
- As website processes 150 frames please give 10 seconds to load website.
- Also I tried to keep website minimal, by using 4 colors.
- Try playing with scrolling gesture.

Website Link

This is my 1st 3D website

Thats why i mainly focused on working of 3D models animation on scroll gesture, I'll make next 3D website more working.

Things I learned

- The animation is done by me, which i created by using Blender.
- And the scroll gesture controlling the animation is done by javascript only.
- Whole designing part is first done on book and then on Figma.
- And at last designed website is developed using HTML & CSS

Most important thing that made this website 3 dimensional

- GSAP
- Scroll Trigger
- Canvas
- Locomotive
- Blender

About

Here I have created a 3D Gym website, this website is interactive with scroll gesture. as we scroll the page the 3D model will animate.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published