krikienoid / flagwaver Goto Github PK
View Code? Open in Web Editor NEWA web app for simulating a waving flag.
Home Page: https://krikienoid.github.io/flagwaver/
License: MIT License
A web app for simulating a waving flag.
Home Page: https://krikienoid.github.io/flagwaver/
License: MIT License
I've tried using the "Web" option with a PNG image, but the site shows a white flag instead and I've no idea what the problem is or how I could try fixing it
https://krikienoid.github.io/flagwaver/#?src=https%3A%2F%2Fbillpg.com%2Fflag%2Fmkflag2.png
It works with the same image file if I upload it, but I can't link to that.
Many thanks.
I don't see any license information anywhere in the code or on the website.
What is the code licensed under? I'd like to use it in my project, slightly modified (basically removed the controls and hardcoded the options), with an attribution of course. Can I do that?
Hi, I hope you'll be happy to learn that I've been using your wonderful program for a few years now to create a minor patriotic song/anthems channel on YouTube (https://www.youtube.com/c/CaesarASchanzenbach).
Thank you for adding a major update last winter, it has helped my channel tremendously and given me new creative ideas. Two suggestions for you to make the experience even better:
All the best,
Caesar A. Schanzenbach
Is there a way to download flags once created? Thank you.
I've noticed that the flag gets slightly truncated at the hoist, presumably because the flag is treated as being affixed directly to the axis of the flagpole and so some of it is effectively hidden within the flagpole; this is more noticeable with some flag designs. To compensate for this I suggest that FlagWaver adds a transparent strip or a white strip or both to the hoist edge of the flag image. In addition to solving the issue of part of the flag being lost, an added transparent strip would more realistically simulate the appearance of a flag hoisted by ropes, while an added white strip would simulate hoist tape.
Mockups:
On chromium getting this in the console:
three.min.js:613 THREE.WebGLShader: Shader couldn't compile.
Can confirm three.js works on same browser when visiting other sites.
can you add different types of flagpoles?
Would it be possible to make it so that double-sided flags, like the national flag of Paraguay and the state flag of Oregon, can be displayed correctly?
I came up with this idea last night, and I think it would be a good addition to the program.
There should be a scroll-able option that lets you lower and raise the flag.
Flag waver is great and all, but the wind you simulate swings around a lot and varies in strength.
The feature suggestion here is to add controls so the user can customise the wind they want. So blowing from a particular direction and at a certain strength.
kindly, I am using the flagwaver in my project, called Sheepletown, on opensea.io . I would appreciate if you can kindly provide me with an Ethereum receiving address you have, I will please like to share the earning of the NFT sales and royalty with you. This project is so cool. You hit it right on the head with this one. Now that I see your github,, I saw that you also have created other projects (That I am eager to check once I finish this message to you).
I am trying to figure out how to save the flagwaver with the banners I want flying. lol.
I am an author, and will soon make my novel available online. The novel includes NFTs that are part of the whole project.
Kindly please let me have your ETH receiving address in a message on twitter, mine is @thesheepletown or @sheepleone.
This is not an Issue per say but this was the only way I can communicate with you. I am new here on Github and not a developer, at all.
Waiting for your communication plz. Thx, SheepleOne
When I attempt to access the website on my MacBook Pro through Safari, the page fails to load due to a problem repeatedly occurring. It still loads on Google Chrome and on Safari on iPhone as well, but I was wondering if this was a problem you were aware of and can be easily fixed. Thank you.
Hello i really like this project of yours.
I would like to suggest adding a green screen or blue screen as a selectable background, so this way every user could use his/her own background. This is also very helpful with using the flag in livestreams or videos.
Hi krikienoid,
I really liked flagwaver and I want to use it in one of my pages. But I have a problem with the flag picture. I hid the controls. But couldn't set my image as default. (Not by URL or File Uploading).
When I download your code the page doesn't run the flag picture. It just has the Material.
it would be kind of you to answer ASAP.
Regards.
[email protected]
The flag sometimes goes through itself. Hope it gets fixed.
Can there be a way to have the wind direction still controllable but have the speed randomized? I don't know how to code so maybe thats hard but I think that would be a cool control.
I've noticed with a swallowtail design I've made that even as a png with a transparent background, the flag still moves as if it were rectangular. Is this an oversight or is it simply too difficult to program a simulation for this type of flag?
Thank you again for adding the capability to upload a custom background behind the flag. However, I've run into the issue of finding images that properly work with the software—the images are automatically positioned, stretched/enhanced, and blurred. Is there a way you could allow the user to resize custom backgrounds? If that is unfeasible, could you please provide the preferred format for photos?
Thanks for your reply, as you point i open the issue here. I want to load a flag from a local file on my computer but using js code instead the button, can you help me? thanks a lot.
The flag disappears and is laggy.
I've tried running FlagWaver on Microsoft Edge, but it lagged and made the entire window freeze!
Once you open the flag-waver web page, if you open the flag settings and disable wind the flag droops down and beings to rotate on the pole, While still drooping down.
Custom background is awesome. It just miss something, please add transparent background (no background at all). thank you
Abimt
It would be nice to be able to show multiple flags in a line.
What is done with the files/images users submit? Are they stored or deleted? If they are stored, for how long? Will they be shared with any third parties?
On exceptionally long flags, the spring/weight gets a little whacky. I am wondering if it's possible to assign 0% weight to alpha channel portions of flags, so in the above example it would get lighter as it tapers.
A bonus would be that alpha is seen as a sort of "cutting tool", such that flags with streamers can function properly, as each streamer is seen as an independent body, anchored to the main body. I am not entirely familiar with how physics engines work so I don't know how plausible that is.
Is possible to save image into gif animation?
Could there please be a button which generates some HTML that will embed the flag-waving into a website?
Is it possible to "raise" and "lower" the flag, and for it to fly halfmast??
Build fails with the following message:
[15:35:06] Error in plugin "gulp-better-rollup"
Message:
Could not resolve '../globals/hashStore' from src/assets/js/app/middleware/hashStoreMiddleware.js
Details:
code: UNRESOLVED_IMPORT`
add a button to let flag fly away (basically button to disconnect flag from pole)
thanks for good job!
my fork - http://vvl99.narod.ru/flag3/f310TT.html
http://vvl99.narod.ru/flag3/f362.html
https://jpegshare.net/images/c2/7a/c27a351da2fe487fcb64a2b137794d77.png
I suggest adding:
return t.position.set(6, 5, 0)
return t.position.set(-6, 5, 0)
r = new T.MeshPhysicalMaterial({
color: "#fff",
metalness: .93,
roughness: .32,
clearcoat: 1,
clearCoatRoughness: 1,
opacity: 1
})
var a = new T.MeshStandardMaterial({
color: "#fff",
metalness: .6,
roughness: .6,
side: T.DoubleSide,
map: n
})
It'd be great to be able to share a video/photo directly from the app. Currently I have to make a screen recording or screenshot.
An option to embed a specific waving flag in another site would also be useful.
The flagwaver hasn't waved for me for a couple of weeks or so. I just get intermittent stills. Kinda gives me the idea, but it's just not the same.
Please how can someone download the flag as a gif?
The flag and the page it self is toog laggy, the flag does wave, but it doesn't look good, the "all options" menu takes a while to open.
This problem has been going on for 2 months; i'm currently using Windows 10, and the problem is problem this problem is only happening to me.
I have a problem. I try to upload an image and they don't let me load it.
Bandera
Hello Friends,
Based on the work done I want to create a flag ceremoney simulation (Where we add 3 flags) and they are raised... As in a sport event where you have the 3 flags of the gold silver bronze medals and on the ceremony the gold medalist flag is raised hisger than every other, the silver is second and the bronze is third, ANY ONE can help?
trying to make a discord bot and wanted to try implementing a /flag command
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.