This is a template used in my fast course "building scrollable pages with ScrollTrigger and Threejs" for a vanilla (no ui-framework) project with webgi engine in typescript using parcel bundler.
On my YouTube channel, you can find a step by step video on how to use this source code to build your own pages.
- Chosing a model
- Use WEBGi editor to create images
- Design the page using exported images from WEBGi
- Setup the WEBGi boilerplate into VSCODE
- Change the model
- Create the html and CSS
- Import GSAP and setup the library
- Create the ScrollTrigger animation for the camera
- Final adjustments
First install the dependencies:
npm installTo run the project in development mode:
npm startThen navigate to http://localhost:1234/index.html in a web browser to see the default scene in a viewer.
The assets are stored in the assets directory.
To build the project for production:
npm run buildAbout webgi: https://webgi.xyz/
For the latest version and documentation: WebGi Docs.
For license and terms of use, see the SDK License.