A web app for simulating a waving flag.
krikienoid.github.io/flagwaver
FlagWaver is a web app that lets you upload your own image and turn it into a flag. It is a visualization tool that simulates a waving flag in 3D. You can change the hoist direction, wind, background, and more.
See the wiki for details.
This project uses a Gulp powered build system to manage tasks such as transpilation and minification. Code files from the src
directory are compiled and output to the dist
directory.
Dev tools - Gulp, Rollup, Babel, Terser, Sass, Autoprefixer, clean-css
Frontend - Preact, React Redux, Redux, Spectre.css, three.js
npm install
to install dependencies after pulling down the repository for the first time.npm run 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
.npm run start-test
to build the project to the dist
directory with production ready assets.Written by krikienoid. Based on previous work by flagtest.nz and Joshua Koo.
Code released under the MIT License.
All art assets included in this project are distributed under their respective licenses.