.. include:: custom_tools.txt

.. _multi-wheel demo:

****************
Multi-Wheel Demo
****************

Have a look at the following items to see how easy it is to have
more than one WordWheel on a single web page:

- this page's source and search for "ww-group-container", and
  check out the contents of the ``<script>`` element;
- ``custom.css`` file, search for "ww-group-container" to
  see how the layout was controlled by merely 3 lines of CSS.

.. raw:: html

    <div class="ww-group-container">
        <script>
            try {
                /* Default Configuration:
                 * ----------------------
                 * idHeight_cm = 15;
                 * idWidth_cm = 26.67;
                 * idEyeZDistance_cm = 76;
                 * idWheelZDistance_cm = 0;
                 * idWheelRadius_cm = this.idHeight_cm - 2;
                 * idEllipseZAxisFactor = 15.0;
                 * idWordHeight_cm = 3;
                 * idAngleBetweenWords_deg = 30;
                 * idAttachAngle_deg = 5;
                 * idDetachAngle_deg = 355;
                 * idRotationRate_deg_per_sec = 30;
                 * idFadeOutRate = 0.15;
                 * isaWordList = ['This', 'is', 'a', 'WordWheel.'];
                 * iboolRotationForward = true;
                 * iboolUseColorDistance = true;
                 * iboolDarkBackground = true;
                 * iboolDebugging = false;
                 * iboolRepeat = true;
                 */
                cfg1 = {
                    idHeight_cm: 5,
                    idWidth_cm: 8,
                    idAngleBetweenWords_deg: 30,
                    idRotationRate_deg_per_sec: 30,
                    idWheelRadius_cm: 2.1,
                    idWordHeight_cm: 1.5,
                    idEllipseZAxisFactor: 30.0,
                    iboolDarkBackground: true
                };

                /* Deep copy `cfg1` 3 times for customizing per example. */
                cfg2 = JSON.parse(JSON.stringify(cfg1));
                cfg2.idAngleBetweenWords_deg = 25;
                cfg2.idRotationRate_deg_per_sec = 60;
                cfg2.iboolRotationForward = false;

                cfg3 = JSON.parse(JSON.stringify(cfg1));
                cfg3.iboolUseColorDistance = false;
                cfg3.iboolRepeat = false;
                cfg3.idAngleBetweenWords_deg = 60;
                cfg3.iboolRotationForward = false;
                cfg3.idAttachAngle_deg = 90;
                cfg3.idDetachAngle_deg = 270;
                cfg3.idFadeOutRate = 0.05;
                /* Note:  we do not need reverse the angles for attach- and
                 * detach angles -- just set `iboolRotationForward` to `false`.
                 * "Reverse rotation" is merely simulated by reversing the sign of
                 * Math.sin() result when computing values for the Word object. */

                cfg4 = JSON.parse(JSON.stringify(cfg1));
                cfg4.idRotationRate_deg_per_sec = 15;
                cfg4.iboolDarkBackground = false;

                str1 = "Now is the time for all good men to come to the aid of their country!";
                str2 = `Word of the day:  Khazar.  I am pretty sure this word is going to become part of your vocabulary soon, if it isn't already.  The Khazars are a "tribe" of people, who at least since at least 400 A.D., having been thriving using DECEPTION and HARMING OTHERS as a way of living.  It is their modus operandi.  400 .A.D. is when the King of Russia very rightly forced them out of Russia.  Do you know where they went and where they are now???  Hint:  this is not a $60,000 question, nor is it a $1,000,000 question—it's a $1,000,000,000,000,000,000 question—yes, it's THAT IMPORTANT!
                        The Khazars have been impacting your life drastically ever since you were born.  They have literally created the conflict behind, and financed both sides of every war since Napoleon, by controlling only a small number of people in positions of power in each country involved.
                        The only reason humanity doesn't wipe them out for their horrifyingly-destrictive impact on the world is that they are experts at infiltration and remaining hidden.
                        They assassinate people that go against them....  President Lincoln, JFK, MLK, Robert F. Kennedy, and John Lennon were assassinated because they knew about, and posed a threat to the Khazars, partly to squelch the threat, and partly to warn others to "back off".  Many others have suffered black propaganda campaigns or been sent to prison on false charges using controlled judges and juries.
                        Part of the reason that the (lying) legacy media carries harmful lies designed to get you to hate Trump all day long, 24/7 for the last 9 years (probably the most extensive black-propaganda campaign in recorded history), is because Trump poses a direct threat to the Khazars.  He is both aware of them and has been the front man for their take-down, though the team that is taking them down operates behind the scenes, and for safety reasons, their identities have never been released and probably never will.  USAID (and other similar "agencies" in other countries) have been a huge source of (covert) finance for them, and the massive influx of illegal aliens is part of their agenda to destroy the United States and other sovereign countries.  As of April 2025, Sweden, Germany, UK, Ireland and many other countries are both in a complete state of turmoil because of that influx.
                        Most people aren't even aware aware of their existence.  Part of their hiding tactics are to turn would-be enemies against each other and keep them focused on fighting each other as part of remaining undetected....  They are why so many people are sick and dying all around you this very minute....  Think of all the planning and organization it took to do that!!!  It is beyond most people's capacity to even imagine, much less comprehend, unless you've been studying the Khazars for a while, and learned the horrifying extent of their tentacles....
                        Those in the know call them, "The Khazarian Mafia".`;
                str2 = "All that we are is the result of what we have thought. —Buddha";
                str3 = "If you were to decide to improve the world in some way, how would you do it?";
                str4 = '"Be the change that you wish to see in the world." —Mahatma Ghandi';

                let ww1 = new WordWheel(str1, cfg1);
                let ww2 = new WordWheel(str2, cfg2);
                let ww3 = new WordWheel(str3, cfg3);
                let ww4 = new WordWheel(str4, cfg4);
                ww1.emitHtmlElements();
                ww2.emitHtmlElements();
                ww3.emitHtmlElements();
                ww4.emitHtmlElements();
            } catch (e) {
                alert(e.toString());
            }
        </script>
    </div>