Demos

Posted on: 8/5/2026 Last Updated: 8/5/2026
Vision Jinx Demos using HTML5 Canvas for visual effect
All Articles

Vision Jinx Demos

Note: In these demos there are page controls in the top right corner for demos that have the ability to play with the page settings. You can expand these controls and edit the page settings on the fly to see what neat things you can create from them.

Wave Explorer This is my default homepage and has page controls in the top right of your screen. This page allows you to play with all sorts of aspects of a wave and produces an electron wave resonance effect where you can see it produce a sphere (Electron orbital wave) from a wave function. If you want a more mathematical explanation of this here is the function in more detail, Wave Explorer Function. You can add this function into Desmos to play with it there as well, Desmos Example. This gives you a unique view of this wave function that I have created.

Collatz Conjecture This is a demo using the Collatz Conjecture to show how positive integers will always produce a 4-2-1 loop. The Collatz conjecture is an unsolved mathematical problem stating that repeated application of a simple arithmetic process will eventually reduce any positive integer to 1. If you can find a positive integer that does not produce a 4-2-1 loop you would have solved one of the most famous unsolved problems in mathematics.

Spiral of Primes This is a visual demonstration of how primes produce spirals. I really like playing with this demo, it has such a unique view of Prime Numbers and Sine Waves.

Conway's Game of Life This is a demo of Conway's Game of Life. This is the traditional version of Conway's Game of Life with a color matrix added, but in cases where this produces an infinite loop I have given it a survival mode where it has the potential to break out of an infinite loop. This makes for an interesting screen saver.

Wavelet Explorer This has to be one of my favorites. There is a lot you can do playing with the page controls. It is important to note that when playing with the "Time Domain" setting, this inverts the wave from external to internal, which basically means you need to invert your settings to see the proper effect. When viewing a wave I will have it expanding from the center outwards, but the Time Domain setting inverts this where you start at the outside working inwards meaning you need to edit the screen controls to adjust for this perspective. It will look confusing at first until you get use to this control mechanism, but it can provide a unique look at a wave from the outside working to the center. You can start with "terms=1" to see a basic sine wave then work your way up from there. If you need a more in-depth explanation, Wikipedia has a Sine Wave page to help you understand the basics of a sine wave.

Wave Equation Explorer This is a demo of how this wave explorer will produce a square, even using 4 axis balls. Even though we think of waves as being well, a wave, this shows how they also produce a square equation. Wave Equation explorer 2.

Wave Resonance Explorer This is a basic Electron Wave Resonance explorer. It gives you a basic look at how an Electron wave works. You can start with a basic sine wave and go from there.

QAM Bezier Lerp I have spent a long time as a Systems Architect for DAA (Distributed Access Architecture) in the telecommunications industry and working with QAM Modulations. This is a basic QAM Lerp function which does a basic Lerp on a QAM grid, just click somewhere on the grid to see it Lerp. Look at the Digital QAM Grid (Wikipedia) for a better perspective of what this demo does with regards to Broadband Communications. Here is a sample of the settings to play with.

Sine Wave This is a basic sine wave and where I started working with sine waves and HTML5 Canvas. The rest of the demos on this page originated from here, just exploring what can be done with a basic wave function.

Tags:
demos collatz conway primes sinewave qam