<div dir="ltr">We have one that is just png images.  <div><br></div><img src="cid:15ab9faf5c2d0cad2201" alt="pasted1" class="" style="max-width: 100%; opacity: 1;"><div>you just rotate the arrow when you click: </div><div><br></div><div><div>onCompassDownProportional: evt</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">    </span>"Mouse down in the compass rose.  Turn toward the heading indicated by the mouse position.</div><div><span class="Apple-tab-span" style="white-space:pre">     </span>The further the heading is from our current one, the more we turn."</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">    </span>| hitAngle oldAngle diff factor |</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">   </span>factor := 1.5.  "Divisor of turn to take at each tick.  1 gives immediate full rotation."</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">       </span>hitAngle := 360 - ((32@32) bearingToPoint: (evt position)).</div><div><span class="Apple-tab-span" style="white-space:pre">  </span>hitAngle < 0 ifTrue: [hitAngle := hitAngle + 360].</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>oldAngle := compassArrow angle - 90.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>oldAngle < 0 ifTrue: [oldAngle := oldAngle + 360.].</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">      </span>diff := (hitAngle - oldAngle).</div><div><span class="Apple-tab-span" style="white-space:pre">       </span>lastEvent := evt.</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">   </span>(diff abs) < 1 ifTrue: [</div><div><span class="Apple-tab-span" style="white-space:pre">          </span>^ self</div><div><span class="Apple-tab-span" style="white-space:pre">       </span>].</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">  </span>"Take the shorter path around the compass..."</div><div><span class="Apple-tab-span" style="white-space:pre">      </span>diff > 180 ifTrue: [</div><div><span class="Apple-tab-span" style="white-space:pre">              </span>diff := diff - 360. </div><div><span class="Apple-tab-span" style="white-space:pre">        </span>] ifFalse: [</div><div><span class="Apple-tab-span" style="white-space:pre">         </span>diff < -180 ifTrue: [</div><div><span class="Apple-tab-span" style="white-space:pre">                     </span>diff := 360 + diff.</div><div><span class="Apple-tab-span" style="white-space:pre">          </span>].</div><div><span class="Apple-tab-span" style="white-space:pre">   </span>].</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">  </span>"unless direct, put a ceiling on the amount of spin in a single increment."</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>factor > 1 ifTrue: [</div><div><span class="Apple-tab-span" style="white-space:pre">              </span>diff positive ifTrue: [</div><div><span class="Apple-tab-span" style="white-space:pre">                      </span>diff := diff min: 120.</div><div><span class="Apple-tab-span" style="white-space:pre">               </span>] ifFalse: [</div><div><span class="Apple-tab-span" style="white-space:pre">                 </span>diff := diff max: -120.</div><div><span class="Apple-tab-span" style="white-space:pre">              </span>].</div><div><span class="Apple-tab-span" style="white-space:pre">   </span>].</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">  </span>newAngle := oldAngle + (diff/factor).</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">       </span>self signal: #rotateToNewAngle.</div></div><div><br></div><div>Then just set the rotationAngle on the image. </div><div><br></div><div>All the best,</div><div><br></div><div>Ron Teitelbaum</div><div><a href="http://www.3dicc.com">www.3dicc.com</a> </div><br><div class="gmail_quote"><div dir="ltr">On Fri, Mar 10, 2017 at 3:22 PM Ken G. Brown <<a href="mailto:kbrown@mac.com">kbrown@mac.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div style="word-wrap:break-word" class="gmail_msg">Try <<a href="http://windalert.com" class="gmail_msg" target="_blank">http://windalert.com</a>><div class="gmail_msg">Search for a place on the map, then explore all the widgets. If you see a balloon on the map, click it to reveal options.</div></div><div style="word-wrap:break-word" class="gmail_msg"><div class="gmail_msg"><br class="gmail_msg"></div><div class="gmail_msg">Ken G. Brown</div></div><div style="word-wrap:break-word" class="gmail_msg"><div class="gmail_msg"><br class="gmail_msg"><div class="gmail_msg"><blockquote type="cite" class="gmail_msg"><div class="gmail_msg">On Mar 10, 2017, at 13:09, Tom Rushworth <<a href="mailto:tom.b.rushworth@gmail.com" class="gmail_msg" target="_blank">tom.b.rushworth@gmail.com</a>> wrote:</div><br class="m_-3540911407253273482Apple-interchange-newline gmail_msg"><div class="gmail_msg"><div class="gmail_msg">Hi All,<br class="gmail_msg"><br class="gmail_msg">On 10/03/2017 11:00, tim Rowledge wrote:<br class="gmail_msg"><blockquote type="cite" class="gmail_msg">[snip]<br class="gmail_msg"></blockquote>...For wind speed and direction I think a compass rose and some magnitude indicator like the length of the needle would work.<br class="gmail_msg"><br class="gmail_msg">Why not leave the length of the needle as fixed, and use either:<br class="gmail_msg"><br class="gmail_msg">  (a) the colour, or<br class="gmail_msg">  (b) the number of decoration (e.g. arrowheads)<br class="gmail_msg">      ASCII graphics won't show much, but here goes -<br class="gmail_msg">      -------> gentle breeze<br class="gmail_msg">      ------>><br class="gmail_msg">      ----->>><br class="gmail_msg">      ---->>>><br class="gmail_msg">      --->>>>> gale<br class="gmail_msg"><br class="gmail_msg">for speed? FWIW, I think there is a type of wind speed/direction map that uses a grid of small needles with varying numbers of half arrowheads to show strength.  I can't dig up an example at the moment though.<br class="gmail_msg"><br class="gmail_msg">Regards,<br class="gmail_msg"><br class="gmail_msg">-- <br class="gmail_msg">Tom Rushworth<br class="gmail_msg"><br class="gmail_msg"></div></div></blockquote></div><br class="gmail_msg"></div></div></blockquote></div></div>