sekaiamber/flagwaver

FlagWaver

A web app for simulating a waving flag.

krikienoid.github.io/flagwaver

Features

• Upload images from the web or from your computer.
• Supports flag cloths with different aspect ratios.
• Set the hoist side and flag orientation.

Development

This project uses a Gulp-powered build system with these features:

• Sass compilation and prefixing
• Rollup JavaScript bundler
• Built-in BrowserSync server
• For production builds:
  • CSS compression
  • JavaScript compression

Build

• Run npm install to install dependencies after pulling down the repository for the first time.
• Run npm start to build the project and run the website locally. The finished site will be created in a folder called dist and will be viewable in the browser at http://localhost:8000.
• Run npm run build to build the project to the dist directory with production ready assets.

Resources

• Advanced Character Physics by Thomas Jakobsen Character
• Cloth modeling - Wikipedia
• Real-time Cloth Animation

Credits

Written by krikienoid. Based on previous work by flagtest.nz and Joshua Koo.