Wind simulation prototype

here is the ongoing prototype:

https://windy-opal.vercel.app/

i want to make it more interactive, for general usage u can name any city in the search area , then click on the marker pin , it shall prompt 3 options. you can choose one.its about wind simulation and interaction with obstacle with both static(buildings) and dynamic (engine motors and turbine)
My final goal is to publish it in THREE.JS org showcase. i want to know if it is publishable or should i change further?

CNC are apriicated!
@prisoner849 @Mugen87 @Fyrestar

5 Likes

Could you add more details about how did you use Three.js for this simulation?

1 Like

sure! just a few days for the docs and codes

For the display, it would be nice if you could include more detail on the visual, equivalent to what you can see on the i-phone weather app. (It is probably a feed from the National Weather Service.) I find the i-phone feature useful because we live in a place where the wind (and weather) shift seems to be always nearby.

Other programmers have shown that it is possible to display millions of objects, so (in theory at least) you should be able to increase the number of arrows significantly. You could further optimize by reducing the arrows on the perimeters and increasing them towards the center. Then you could really get a sense of the weather patterns.

But this is a good start!

2 Likes

This is the showcase! You made it! :smiley:
If you meant the threejs examples section.. that’s a different thing.. and usually restricted to simpler demos showing a single specific graphics technique.

for what it’s worth.. here is a wind streaklines visualization that I cannibalized from a 2d codepen version found elsewhere on the web.. it uses 2 rendertargets to simulate the particles (in 2d) and then warps the result to a sphere: earth wind streaklines maybe it can give you some inspiration.

2 Likes

Oh my god! I am speechless looking at your demo! Can’t believe mine could have been a good showcase material over yours!
Thanks a lot for your kind attention. And your inspiration shall make me move further
again thanks a lot!

the question is : can i publish it?

I don’t mind.. I don’t remember where I got the original version. The original was 2d, and had a lot less points.. it might have been a canvas rendered demo..

But I used the originals data loaders and I wrote the shaders and the transformation to sphere from the flat map… and the simulator.. so go ahead and use what you want, but maybe don’t use the map vector lines themselves? I think those came from the original demo, and I wrote code to warp them to a sphere… (along with the simulation which is basically 2d, just rendered in 3d)
Definitely if you want to use the technique to get Lots of streaklines animated on the GPU with the pingpong rendertargets. You can DM me if you have any other questions about it…

1 Like

so, can i submit it for three.js project showcase??

I think you already did. This is the submission page. Whether it gets put onto the threejs main page is up to mysterious powers that be…

But.. that said.. it doesn’t look like the showcase page on the main threejs website has been updated in a long time.

Is it actually a Three.js project? As I already asked, could you share how did you use Three.js? I can see D3 traces in the code, but nothing related to Three.js.

I hope I’m wrong.

no , its a mixture between d3 and Threejs , you are right to the back bone :slightly_smiling_face: . currently working with another project, no sooner had i get free from this task, i certainly gonna share
Blade Element Momentum (BEM) Theory
Computational Fluid Dynamics (CFD)

**Aeroelasticity Models (conceptual)

references:

. Actuator Disk & Momentum Theory**

These formulas govern the global energy extraction from the wind.

  • 1. Actuator Disk & Momentum Theory

  • Rotor Extracted Power

  • The Betz Limit (Maximum Theoretical \(C_{P}\)):

   Blade Element Theory (BEM)

Local Relative Velocity and more, you guys can have a look around with these topics, also i forgot to put Bernoulli’s distribution for the energy retention .
But i am still lack in confidence should i submit or not!!
:peace_symbol: and :folded_hands: - peace and prayer

1 Like

Hello dear mods, can i publish the demo,? waiting for your CnC and approval

Don’t get me wrong, but I see some nuances between your project

and for example one of the projects in the official Three.js gallery

https://domenicobrz.github.io/webgl/projects/blurry-web-spider/

1 Like

wow cool demo! my question is , should i leave the hope of showcasing or i need to make it more improved

I would say, don’t give up! If you can get the data, create more arrows and submit it.

You may read here that your project has to be a Three.js project (something you fail to prove) and that promotion to the home page gallery happens rarely (you cannot force the process).

1 Like

Generally, you can not lose hope, as already said… or you can try to send the Prisoner to his private address some abstract sculptures or paintings, because the motif of abstraction often appears in his works… and he can put it in his living room.

1 Like

@Lukasz_Mestales thanks for you condolence, it has a city mode which is very much different from globe wise wind simulation, it also has vector and line mode, (which is great) also which has pressure mode for indicating data intensity , yes it can be decorated in home, it was suppose to be my university project,which shall be displayed in a big screen, but due to budget cost we cancelled the project. I don’t what can be my next move :face_exhaling:

That was important piece of information. The city and the other non-globe modes are made with Three.js, so I’m finally happy.

The city mode looks interesting, but the wind flow is somewhat not adhering to the buildings. Is the simulation math correctly implemented?

1 Like

@PavelBoytchev it has two more options, turbine and engine, you can check them out :wink:

3 Likes