Merge pull request #4 from canuk/add-turn-coordinator

Adds turn coordinator and re-configures example for standard "six-pack"

example.html

@@ -40,21 +40,25 @@ <h2>Realtime indicators</h2>
  <p>This example shows a real time application for each type of indicator.</p>
  <div class="examples">
  <div>
+ <span id="airspeed"></span>
  <span id="attitude"></span>
+ <span id="altimeter"></span> 
+ </div><div>
+ <span id="turn_coordinator"></span>
  <span id="heading"></span>
  <span id="variometer"></span>
- </div><div>
- <span id="airspeed"></span>
- <span id="altimeter"></span>
  </div>
  </div>
 
  <p>The code of this example is quite simple. The html :</p>
- <p><pre><code class="language-javascript">&lt;span id=&quot;attitude&quot;&gt;&lt;/span&gt;
-&lt;span id=&quot;heading&quot;&gt;&lt;/span&gt;
-&lt;span id=&quot;variometer&quot;&gt;&lt;/span&gt;
-&lt;span id=&quot;airspeed&quot;&gt;&lt;/span&gt;
-&lt;span id=&quot;altimeter&quot;&gt;&lt;/span&gt;</code></pre></p>
+ <p><pre><code class="language-javascript">
+ &lt;span id=&quot;airspeed&quot;&gt;&lt;/span&gt;
+ &lt;span id=&quot;attitude&quot;&gt;&lt;/span&gt;
+ &lt;span id=&quot;altimeter&quot;&gt;&lt;/span&gt;
+ &lt;span id=&quot;turn_coordinator&quot;&gt;&lt;/span&gt;
+ &lt;span id=&quot;heading&quot;&gt;&lt;/span&gt;
+ &lt;span id=&quot;variometer&quot;&gt;&lt;/span&gt;
+ </code></pre></p>
 
  <p>And the javascript :</p>
  <p><pre><code class="language-javascript">// Dynamic examples
@@ -63,32 +67,39 @@ <h2>Realtime indicators</h2>
 var variometer = $.flightIndicator('#variometer', 'variometer', {vario:-5, showBox:true});
 var airspeed = $.flightIndicator('#airspeed', 'airspeed', {showBox: false});
 var altimeter = $.flightIndicator('#altimeter', 'altimeter');
+var turn_coordinator = $.flightIndicator('#turn_coordinator', 'turn_coordinator', {turn:0});
 
 // Update at 20Hz
 var increment = 0;
 setInterval(function() {
+ // Airspeed update
+ airspeed.setAirSpeed(80+80*Math.sin(increment/10));
+
  // Attitude update
  attitude.setRoll(30*Math.sin(increment/10));
  attitude.setPitch(50*Math.sin(increment/20));
+
+ // Altimeter update
+ altimeter.setAltitude(10*increment);
+ altimeter.setPressure(1000+3*Math.sin(increment/50));
+ increment++;
 
+ // TC update
+ turn_coordinator.setTurn(30*Math.sin(increment/10));
+
  // Heading update
  heading.setHeading(increment);
 
  // Vario update
  variometer.setVario(2*Math.sin(increment/10));
 
- // Airspeed update
- airspeed.setAirSpeed(80+80*Math.sin(increment/10));
-
- // Altimeter update
- altimeter.setAltitude(10*increment);
- altimeter.setPressure(1000+3*Math.sin(increment/50));
- increment++;
-}, 50);</code></pre></p>
+}, 50); 
+</code></pre></p>
 </div>
 
 <footer>
- jQuery Flight Indicator plugin by Sébastien Matton - License GPLv3
+ jQuery Flight Indicator plugin by Sébastien Matton - License GPLv3<br/>
+ <a title="By Mysid [CC-BY-SA-3.0 (http:https://creativecommons.org/licenses/by-sa/3.0) or GFDL (http:https://www.gnu.org/copyleft/fdl.html)], via Wikimedia Commons" href="http:https://commons.wikimedia.org/wiki/File%3ATurn_coordinator.svg">Turn Coordinator SVG from Wikimedia Commons</a>
 </footer>
 
 <!-- Syntax color -->
@@ -110,27 +121,31 @@ <h2>Realtime indicators</h2>
 var variometer = $.flightIndicator('#variometer', 'variometer', {vario:-5, showBox:true});
 var airspeed = $.flightIndicator('#airspeed', 'airspeed', {showBox: false});
 var altimeter = $.flightIndicator('#altimeter', 'altimeter');
+var turn_coordinator = $.flightIndicator('#turn_coordinator', 'turn_coordinator', {turn:0});
 
 // Update at 20Hz
 var increment = 0;
 setInterval(function() {
+ // Airspeed update
+ airspeed.setAirSpeed(80+80*Math.sin(increment/10));
+
  // Attitude update
  attitude.setRoll(30*Math.sin(increment/10));
  attitude.setPitch(50*Math.sin(increment/20));
+
+ // Altimeter update
+ altimeter.setAltitude(10*increment);
+ altimeter.setPressure(1000+3*Math.sin(increment/50));
+ increment++;
 
+ // TC update - note that the TC appears opposite the angle of the attitude indicator, as it mirrors the actual wing up/down position
+ turn_coordinator.setTurn((30*Math.sin(increment/10))*-1);
+
  // Heading update
  heading.setHeading(increment);
 
  // Vario update
  variometer.setVario(2*Math.sin(increment/10));
-
- // Airspeed update
- airspeed.setAirSpeed(80+80*Math.sin(increment/10));
-
- // Altimeter update
- altimeter.setAltitude(10*increment);
- altimeter.setPressure(1000+3*Math.sin(increment/50));
- increment++;
 }, 50);
 </script>
 </body>