https://github.com/naftalimurgor/scrollapp
Scroll Magic application
https://github.com/naftalimurgor/scrollapp
blockchain-technology jquery scrollmagic three-js
Last synced: 10 months ago
JSON representation
Scroll Magic application
- Host: GitHub
- URL: https://github.com/naftalimurgor/scrollapp
- Owner: naftalimurgor
- Created: 2019-06-01T18:20:01.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2020-02-27T11:01:51.000Z (about 6 years ago)
- Last Synced: 2025-03-05T07:19:34.549Z (about 1 year ago)
- Topics: blockchain-technology, jquery, scrollmagic, three-js
- Language: HTML
- Homepage: https://how-blockchain-works.herokuapp.com
- Size: 4.19 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**ScrollApp v0.0.1**
_11/03/2019_
**Dependencies**
1. ScrollMagic v2.1
2. Three js
3. Jquery
4. Emmett
5. Greensock
**About**
ScrollApp is a responsive web application built using
above dependencies.
**Running the App(changed)**
**
1. ensure you have npm and node installed installed Get npm and nodejs
2. install express and nodemon by running $ npm i g express nodemon
2. Git clone this repository
3. Run npm install from your terminal(in this case /your/directory$);
4. run npm start from your working dirctory; your server should listen at port 3000
3. or simply click index.html in the public/ directory and see the magic!
Remember to use Google Chrome browser for best Viewing(Currently quirky on Mozilla Firefox :())
**@todo**
1. fix navbar(Currently doing it)
2.
3. fix fonts(Noto Sans Family)
4. fix bugs(lights are off (:-))--Deep cloning, always got debugger tools on
5. Code Refactoring(future)
**How this App works**
1.
classes are injected at page load through jquery library
2. Threejs kicks in with webgl 3D animations(eg the animated squares)
3. ScrollMagic does the Magic and Gymnastics(scroll animations )
**improvements**
1. Addition of express server
2. missing images fix.
Pull requests are are highly welcome, just clone this repository and show me your pull request :)