WebGPU-Based WiFi Simulator

Cool visualization but it focuses so much on the ``&#x27;-.,_,.-&#x27;`waves`&#x27;-.,_,.=&#x27;`` and not on the actual coverage pattern of 6-12.5cm waves, so not as actually useful for showing coverage as other tools, but fun as an art project.<p>And of course, I can&#x27;t mention that without shouting out projectM (open-source Milkdrop) that supports WebGL <a href="https:&#x2F;&#x2F;github.com&#x2F;projectM-visualizer&#x2F;projectm&#x2F;blob&#x2F;master&#x2F;EMSCRIPTEN.md">https:&#x2F;&#x2F;github.com&#x2F;projectM-visualizer&#x2F;projectm&#x2F;blob&#x2F;master&#x2F;...</a> and one of the OGs, Geisswerks <a href="https:&#x2F;&#x2F;www.geisswerks.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.geisswerks.com&#x2F;</a><p>If you like that, you might also love NestDrop for music visualization tailored for VJs and with special features to support projecting inside domed surfaces <a href="https:&#x2F;&#x2F;nestimmersion.ca&#x2F;nestdrop.php" rel="nofollow">https:&#x2F;&#x2F;nestimmersion.ca&#x2F;nestdrop.php</a>

Bugs:<p>#1 if you spam the &quot;add a new source&quot; button you eventually get a JavaScript exception logged to the screen due to an array with a fixed max size of 128 elements overflowing.<p>#2 this could be graphics card or driver specific (I have an AMD card), but scrolling just right can can break the simulation due the the text boxes; for example by quickly paging up and down, or scrolling all the way to the bottom and then wiggling the scroll position up and down. Once this happens the bad data propagates until the entire thing is filled with noise, solid black, or solid white. If you then scroll up to 3D mode the screen will be filled with a mess of polygons.

&gt; For example, as you scroll you&#x27;ll notice that the waves are refracting around these text boxes.<p>Now, that&#x27;s useless AND badass.

I once wanted to make something similar, for sound. I wanted to create active noise cancelling &quot;in the room&quot;, instead of via headphones. I pictured these devices combining a microphone and a speaker that you could set up in strategic location. After thinking about it for a bit, I realized that inference would cause areas with silence and others where the sound volume would be doubled. Less than ideal but still possibly interesting. But then I thought about it some more and realized that I needed to think in 3D, which makes the setup orders of magnitude more complex.<p>It seems like that would apply here as well, at least when looking at the effects of refraction?

Badass on the visualization side. The multiple emitter portion and the end of the scroll reminded me of <a href="https:&#x2F;&#x2F;apenwarr.ca&#x2F;beamlab&#x2F;" rel="nofollow">https:&#x2F;&#x2F;apenwarr.ca&#x2F;beamlab&#x2F;</a> which demonstrates beamforming (adjusting the phase of adjacent transmitters to focus power towards a specific receiver). To play with this one the &quot;easiest&quot; way to see what&#x27;s going on is go to the right hand menu, unclick 3 so you just have 2 transmitters, click the &quot;r&quot; button, and then click or click and drag to see how the beam gets optimized (you can see some stats about the received power gain in the righthand side).<p>While this has to be the most fun to watch demonstration I&#x27;ve seen, something like the free tier of Hamina will likely be many times more useful to those wanting to optimize home Wi-Fi layout <a href="https:&#x2F;&#x2F;www.hamina.com&#x2F;planner" rel="nofollow">https:&#x2F;&#x2F;www.hamina.com&#x2F;planner</a>. The downside being they force you to make an account whereas this one lets you use it locally with the power of your own browser. The upside being Hamina gives multiple distilled views of the simulation as focused on common Wi-Fi statistics + features and less focus on displaying the wave simulation itself.

I think I clicked the link at the bottom to add new sources to the simulation a few times too many:<p>Unexpected Application Error!<p>offset is out of bounds<p>RangeError: offset is out of bounds at Float32Array.set (&lt;anonymous&gt;) at Pi.makeUniformBuffer (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:32:118833" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:32:118833</a>) at Pi.updateUniforms (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:32:117585" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:32:117585</a>) at Pi.setState (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:32:114537" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:32:114537</a>) at <a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:70:2373" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:70:2373</a> at Vc (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:24370" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:24370</a>) at la (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:42602" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:42602</a>) at aS (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:41415" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:41415</a>) at ro (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:40441" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:40441</a>) at im (<a href="https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:37031" rel="nofollow">https:&#x2F;&#x2F;wifi-solver.com&#x2F;dist&#x2F;bundle-UKQ5A5W6.js:8:37031</a>)

Another interesting similar project: <a href="https:&#x2F;&#x2F;cemsim.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;cemsim.com&#x2F;</a> (I&#x27;m not the author)

I was expecting here SDR radio processing: noise read from GPIO&#x27;s passed to a web browser with a pipe, showing activity on all channels at once.

When I run the Waveguide Simulator demo on my Alienware M15 Ryzen Ed. R5 (has a RTX 3070; Windows 11 Pro, Chrome v129), I hear a distinct high pitched flutter noise emanating from my laptop. I thought it was from the speakers, but no, with my volume down it was still present as long as the simulator was playing. Weird, but very cool demo (probably my hardware, never hear this during games or other WebGPU demos). The realistic house simulation yields a different signature in the sound.

I have a Wifi 6E router, so I wonder if 6GHz vs 5 vs 2.4 acts noticeabley differently here? Is the overall shape the same or does the frequency make a big difference?

See also the blog post here discussing this project:<p><a href="https:&#x2F;&#x2F;jasmcole.com&#x2F;2024&#x2F;10&#x2F;18&#x2F;a-decade-of-wifi&#x2F;" rel="nofollow">https:&#x2F;&#x2F;jasmcole.com&#x2F;2024&#x2F;10&#x2F;18&#x2F;a-decade-of-wifi&#x2F;</a>

I need this, but for heatpump noise.<p>It&#x27;s mostly broadband noise that can be simulated by simpler methods, but visualizing possible resonance patterns for the low-frequency emissions from the compressor (which typically runs at 20Hz, 40Hz, ..., 120 Hz) would be good to know.<p>Although I am not sure how the 2d simulation result carries over to the 3d world...

I wonder if there is something like this but open-source, so I could customize this. I&#x27;m looking for a tool to solve UWB positioning (for indoor navigation) - to be able to know where to optimally place various UWB anchor points.

&quot;Sorry, WebGPU is not supported on your device&quot; Firefox, Nvidia<p>A. Why?<p>B. What a bad error message

WeBGPU support is increasing but it isn’t yet above 70% of devices: <a href="https:&#x2F;&#x2F;web3dsurvey.com&#x2F;webgpu" rel="nofollow">https:&#x2F;&#x2F;web3dsurvey.com&#x2F;webgpu</a>

Similar concept in shadertoy:<p><a href="https:&#x2F;&#x2F;www.shadertoy.com&#x2F;view&#x2F;st3XWX" rel="nofollow">https:&#x2F;&#x2F;www.shadertoy.com&#x2F;view&#x2F;st3XWX</a>

Won&#x27;t run for me on Firefox or Chromium on Debian 12.

This is <i>exceptionally</i> cool.<p>A while ago I was trying to find realistic examples of what WiFi &quot;looks like&quot;, to try to get an intuitive sense of how it operated in a house or outside a building -- to what extent it spreads in the same way as a normal lightbulb, or to what extent its vastly larger wavelength complicated the picture.<p>At the time, literally the only visualization I was able to find was this artistic seemingly nonsense:<p><a href="https:&#x2F;&#x2F;inspirationist.net&#x2F;what-wifi-looks-like&#x2F;" rel="nofollow">https:&#x2F;&#x2F;inspirationist.net&#x2F;what-wifi-looks-like&#x2F;</a><p>So I&#x27;m very happy to see this tool. I&#x27;d be even more curious to see a non-animated version that lets you drag your router around and see &quot;illumination&quot; of the overall signal to see how it changes, continuing to take into account how reflections confuse and degrade the usable signal, etc. Instead of the animation of slow wave propagation. Maybe that exists somewhere?

Seems Firefox on Linux isn&#x27;t supported. I&#x27;ll give this a look another time.

It&#x27;s so frustrating that WebGPU support was released 1.5 years ago on Chrome, and yet is still unavailable on all other browsers.<p>This is a real killer feature that will dramatically slow adoption of non-Chromium browsers, even with Google defanging ad blockers.

What are the system requirements to run this? Fairly &#x27;standard&#x27; Linux system running Chrome here.<p>&quot;Sorry, there was an error starting the simulation<p>Sorry, WebGPU is not supported on our device<p>WiFi Solver may not be compatible with your device.&quot;