Separate Halcyon (rendering) into standalone target without Flex dependency; JavaScri...

[potlatch2.git] / net / systemeD / halcyon / WayUI.as

diff --git a/net/systemeD/halcyon/WayUI.as b/net/systemeD/halcyon/WayUI.as
index 6ceff854689bf0e087da3794f339ff9b9999f05b..48a0efc69d151625db891e197dc97893d16ef923 100755 (executable)
--- a/net/systemeD/halcyon/WayUI.as
+++ b/net/systemeD/halcyon/WayUI.as
@@ -8,6 +8,7 @@ package net.systemeD.halcyon {
        import flash.text.GridFitType;
        import flash.text.TextField;
        import flash.text.TextFormat;
        import flash.text.GridFitType;
        import flash.text.TextField;
        import flash.text.TextFormat;

+       import flash.events.*;

        import net.systemeD.halcyon.styleparser.*;
     import net.systemeD.halcyon.connection.*;
 
        import net.systemeD.halcyon.styleparser.*;
     import net.systemeD.halcyon.connection.*;
 


@@ -15,20 +16,21 @@ package net.systemeD.halcyon {
         private var way:Way;
 
                public var pathlength:Number;                           // length of path
         private var way:Way;
 
                public var pathlength:Number;                           // length of path

-
+               public var patharea:Number;                                     // area of path
+               public var centroid_x:Number;                           // centroid
+               public var centroid_y:Number;                           //  |

                public var layer:int=0;                                         // map layer
                public var map:Map;                                                     // reference to parent map
                public var layer:int=0;                                         // map layer
                public var map:Map;                                                     // reference to parent map

-               public var stroke:Sprite;                                       // instance in display list
-               public var fill:Sprite;                                         //  |
-               public var roadname:Sprite;                                     //  |
+               public var sprites:Array=new Array();           // instances in display list
+        private var hitzone:Sprite;

 
                public static const DEFAULT_TEXTFIELD_PARAMS:Object = {
                        embedFonts: true,
                        antiAliasType: AntiAliasType.ADVANCED,
                        gridFitType: GridFitType.NONE
                };
 
                public static const DEFAULT_TEXTFIELD_PARAMS:Object = {
                        embedFonts: true,
                        antiAliasType: AntiAliasType.ADVANCED,
                        gridFitType: GridFitType.NONE
                };

-               [Embed(source="fonts/DejaVuSans.ttf", fontFamily="DejaVu", fontWeight="normal", mimeType="application/x-font-truetype")]
-               public static var DejaVu:Class;
+//             [Embed(source="fonts/DejaVuSans.ttf", fontFamily="DejaVu", fontWeight="normal", mimeType="application/x-font-truetype")]
+//             public static var DejaVu:Class;

                public var nameformat:TextFormat;
 
 
                public var nameformat:TextFormat;
 
 


@@ -36,26 +38,54 @@ package net.systemeD.halcyon {
                        this.way = way;
                        this.map = map;
             init();
                        this.way = way;
                        this.map = map;
             init();

+            way.addEventListener(Connection.TAG_CHANGE, wayTagChanged);

                }
                
                }
                

+        private function wayTagChanged(event:TagEvent):void {
+            redraw();
+        }
+

                private function init():void {
                private function init():void {

-                       var lx:Number, ly:Number;
+                       recalculate();
+                       redraw();
+                       // updateBbox(lon, lat);
+                       // ** various other stuff
+               }
+
+               // ------------------------------------------------------------------------------------------
+               // Calculate length etc.
+               // ** this could be made scale-independent - would speed up redraw
+               
+               public function recalculate():void {
+                       var lx:Number, ly:Number, sc:Number;
+                       var cx:Number=0, cy:Number=0;

                        pathlength=0;
                        pathlength=0;

+                       patharea=0;

                        
                        

+                       lx = way.getNode(way.length-1).lon;
+                       ly = way.getNode(way.length-1).latp;

                        for ( var i:uint = 0; i < way.length; i++ ) {
                 var node:Node = way.getNode(i);
                        for ( var i:uint = 0; i < way.length; i++ ) {
                 var node:Node = way.getNode(i);

-                var lat:Number = node.lat;
-                var lon:Number = node.lon;
-//                             updateBbox(lon, lat);
-                               if ( !isNaN(lx) ) {
-                    pathlength += Math.sqrt( Math.pow(lon-lx,2)+Math.pow(lat-ly,2) );
-                }
-                               lx=lon; ly=lat;
+                var latp:Number = node.latp;
+                var lon:Number  = node.lon;
+                               if ( i>0 ) { pathlength += Math.sqrt( Math.pow(lon-lx,2)+Math.pow(latp-ly,2) ); }
+                               sc = (lx*latp-lon*ly)*map.scalefactor;
+                               cx += (lx+lon)*sc;
+                               cy += (ly+latp)*sc;
+                               patharea += sc;
+                               lx=lon; ly=latp;

                        }
 
                        pathlength*=map.scalefactor;
                        }
 
                        pathlength*=map.scalefactor;

-                       redraw();
-                       // ** various other stuff
+                       patharea/=2;
+                       if (patharea!=0 && way.isArea()) {
+                               centroid_x=map.lon2coord(cx/patharea/6);
+                               centroid_y=map.latp2coord(cy/patharea/6);
+                       } else if (pathlength>0) {
+                               var c:Array=pointAt(0.5);
+                               centroid_x=c[0];
+                               centroid_y=c[1];
+                       }

                }
 
                // ------------------------------------------------------------------------------------------
                }
 
                // ------------------------------------------------------------------------------------------


@@ -64,88 +94,96 @@ package net.systemeD.halcyon {
                public function redraw():void {
             var tags:Object = way.getTagsCopy();
 
                public function redraw():void {
             var tags:Object = way.getTagsCopy();
 

-                       // ** remove previous version from any layer/sublayer
+                       // remove all currently existing sprites
+                       while (sprites.length>0) {
+                               var d:DisplayObject=sprites.pop(); d.parent.removeChild(d);
+                       }
+
+                       // which layer?

                        layer=5;
                        if ( tags['layer'] )
                 layer=Math.min(Math.max(tags['layer']+5,-5),5)+5;
 
                        // set style
                        layer=5;
                        if ( tags['layer'] )
                 layer=Math.min(Math.max(tags['layer']+5,-5),5)+5;
 
                        // set style

-                       var styles:Array=map.ruleset.getStyle(false, tags, map.scale);
-                       var sublayer:uint=0; if (styles[0] && styles[0].sublayer) { sublayer=styles[0].sublayer; }
-
-                       // find/create sprites
-                       if (stroke) {
-                               fill.graphics.clear(); 
-                               stroke.graphics.clear(); 
-                               roadname.graphics.clear();
-                               while (roadname.numChildren) { roadname.removeChildAt(0); }
-                       } else {
-                               fill=new Sprite(); addToLayer(fill,0);
-                               stroke=new Sprite(); addToLayer(stroke,1,sublayer); 
-                               roadname=new Sprite(); addToLayer(roadname,2); 
-                       }
-                       var g:Graphics=stroke.graphics;
-                       var f:Graphics=fill.graphics;
-
-                       // ShapeStyle
-                       // ** do line-caps/joints
-                       var doStroke:Boolean=false, doDashed:Boolean=false;
-                       var doFill:Boolean=false, fill_colour:uint, fill_opacity:Number;
-                       var doCasing:Boolean=false, doDashedCasing:Boolean=false;
-                       if (styles[0]) {
-                               var ss:ShapeStyle=styles[0];
-                               if (ss.isStroked) {     doStroke=true;
-                                                                       doDashed=(ss.stroke_dashArray.length>0);
-                                                                       g.lineStyle(ss.stroke_width, ss.stroke_colour, ss.stroke_opacity/100,
-                                                                                               false,"normal", ss.stroke_linecap,ss.stroke_linejoin); }
-                               if (ss.isCased)   { doCasing=true;
-                                                                       doDashedCasing=(ss.casing_dashArray.length>0);
-                                                                       f.lineStyle(ss.casing_width, ss.casing_colour, ss.casing_opacity/100,
-                                                                                               false,"normal", ss.stroke_linecap, ss.stroke_linejoin); }
-                               if (ss.isFilled)  { doFill=true;
-                                                                       fill_colour = ss.fill_colour;
-                                                                       fill_opacity= ss.fill_opacity/100; }
-                       }
+                       var styles:Array=map.ruleset.getStyles(false, tags, map.scale);
+                       for each (var s:* in styles) {

 
 

-                       // draw line
-                       if (doFill)
-                f.beginFill(fill_colour,fill_opacity);
-                       if (doStroke)
-                g.moveTo(map.lon2coord(way.getNode(0).lon), map.latp2coord(way.getNode(0).latp));
-                       if (doFill || doCasing)
-                f.moveTo(map.lon2coord(way.getNode(0).lon), map.latp2coord(way.getNode(0).latp));
-
-                       if (doDashed)
-                dashedLine(g,ss.stroke_dashArray);
-                       else if (doStroke)
-                solidLine(g);
+                               if (s is ShapeStyle) {
+                                       var stroke:Shape, fill:Shape, roadname:Sprite, f:Graphics, g:Graphics;
+                                       var doStroke:Boolean=false, doDashed:Boolean=false;
+                                       var doFill:Boolean=false, fill_colour:uint, fill_opacity:Number;
+                                       var doCasing:Boolean=false, doDashedCasing:Boolean=false;
+
+                                       // Set stroke style
+                                       if (s.isStroked)  {
+                                               stroke=new Shape(); addToLayer(stroke,1,s.sublayer); g=stroke.graphics;
+                               g.moveTo(map.lon2coord(way.getNode(0).lon), map.latp2coord(way.getNode(0).latp));
+                                               g.lineStyle(s.stroke_width, s.stroke_colour, s.stroke_opacity/100,
+                                                                       false, "normal", s.stroke_linecap, s.stroke_linejoin);
+                                       }
+
+                                       // Set fill and casing style
+                                       if (s.isFilled || s.isCased) {
+                                               fill=new Shape(); addToLayer(fill,0); f=fill.graphics;
+                               f.moveTo(map.lon2coord(way.getNode(0).lon), map.latp2coord(way.getNode(0).latp));
+                                               if (s.isCased)  { f.lineStyle(s.casing_width, s.casing_colour, s.casing_opacity/100,
+                                                                                 false, "normal", s.stroke_linecap, s.stroke_linejoin); }
+                                               if (s.isFilled) { f.beginFill(s.fill_colour,s.fill_opacity/100); }
+                                       }
+
+                                       // Draw stroke
+                                       if (s.stroke_dashArray.length>0) { dashedLine(g,s.stroke_dashArray); }
+                                                          else if (s.isStroked) { solidLine(g); }

                        
                        

-                       if (doDashedCasing) {
-                dashedLine(f,ss.casing_dashArray);
-                f.lineStyle();
-            }
-                       if (doFill) {
-                               f.beginFill(fill_colour,fill_opacity); 
-                               solidLine(f);
-                               f.endFill(); 
-                       } else if (doCasing && !doDashedCasing) {
-                solidLine(f);
-            }
+                                       // Draw fill and casing
+                                       if (s.casing_dashArray.length>0) { dashedLine(f,s.casing_dashArray); f.lineStyle(); }
+                                       if (s.isFilled)                                  { f.beginFill(s.fill_colour,s.fill_opacity/100); 
+                                                                                                          solidLine(f); f.endFill(); }
+                                       else if (s.isCased && s.casing_dashArray.length==0) { solidLine(f); }
+
+
+                               } else if (s is TextStyle && s.tag && tags[s.tag]) {
+                                       roadname=new Sprite(); addToLayer(roadname,2);
+                                       nameformat = s.getTextFormat();
+                                       var a:String=tags[s.tag]; if (s.font_caps) { a=a.toUpperCase(); }
+                                       if (s.isLine) {
+                                               writeNameOnPath(roadname,a,s.text_offset ? s.text_offset : 0);
+                                               if (s.pullout_radius>0) { roadname.filters=s.getPulloutFilter(); }
+                                       } else if (centroid_x) {
+                                               s.writeNameLabel(roadname,tags[s.tag],centroid_x,centroid_y);
+                                       }
+

 
 

-                       // TextStyle
-                       // ** do pull-out
-                       if (styles[2] && styles[2].tag && tags[styles[2].tag]) {
-                               var ts:TextStyle=styles[2];
-                               nameformat = new TextFormat(ts.font_name   ? ts.font_name : "DejaVu",
-                                                                                       ts.text_size   ? ts.text_size : 8,
-                                                                                       ts.text_colour ? ts.text_colour: 0,
-                                                                                       ts.font_bold   ? ts.font_bold : false,
-                                                                                       ts.font_italic ? ts.font_italic: false);
-                               var a:String=tags[ts.tag]; if (ts.font_caps) { a=a.toUpperCase(); }
-                               writeName(roadname,a,ts.text_offset ? ts.text_offset : 0);
+                               } else if (s is ShieldStyle) {
+                                       // ** to do
+                               }

                        }
                        }

-                       // ShieldStyle - 3
-                       // ** to do
+
+            if ( styles.length == 0 ) {
+                // there's no styles... so add a thin trace
+                var def:Sprite = new Sprite();
+                def.graphics.lineStyle(0.5, 0x808080, 1, false, "normal");
+                solidLine(def.graphics);
+                addToLayer(def, 1);
+            }
+
+            // create a generic "way" hitzone sprite
+            hitzone = new Sprite();
+            hitzone.graphics.lineStyle(4, 0x000000, 1, false, "normal", CapsStyle.ROUND, JointStyle.ROUND);
+            solidLine(hitzone.graphics);
+            addToLayer(hitzone, 2);
+            hitzone.visible = false;
+
+            var listenSprite:Sprite = new Sprite();
+            listenSprite.hitArea = hitzone;
+            addToLayer(listenSprite, 2);
+            listenSprite.buttonMode = true;
+            listenSprite.mouseEnabled = true;
+            listenSprite.addEventListener(MouseEvent.CLICK, mouseEvent);
+            listenSprite.addEventListener(MouseEvent.DOUBLE_CLICK, mouseEvent);
+            listenSprite.addEventListener(MouseEvent.MOUSE_OVER, mouseEvent);
+            listenSprite.addEventListener(MouseEvent.MOUSE_OUT, mouseEvent);
+

                }
                
                // ------------------------------------------------------------------------------------------
                }
                
                // ------------------------------------------------------------------------------------------


@@ -237,7 +275,7 @@ package net.systemeD.halcyon {
                // based on code by Tom Carden
                // ** needs styling
                
                // based on code by Tom Carden
                // ** needs styling
                

-               private function writeName(s:Sprite,a:String,textOffset:Number=0):void {
+               private function writeNameOnPath(s:Sprite,a:String,textOffset:Number=0):void {

 
                        // make a dummy textfield so we can measure its width
                        var tf:TextField = new TextField();
 
                        // make a dummy textfield so we can measure its width
                        var tf:TextField = new TextField();


@@ -279,6 +317,8 @@ package net.systemeD.halcyon {
                private function rotatedLetter(char:String, t:Number, w:Number, h:Number, a:Number, o:Number):TextField {
                        var tf:TextField = new TextField();
                        tf.embedFonts = true;
                private function rotatedLetter(char:String, t:Number, w:Number, h:Number, a:Number, o:Number):TextField {
                        var tf:TextField = new TextField();
                        tf.embedFonts = true;

+            tf.mouseEnabled = false;
+            tf.mouseWheelEnabled = false;

                        tf.defaultTextFormat = nameformat;
                        tf.text = char;
                        tf.width = tf.textWidth+4;
                        tf.defaultTextFormat = nameformat;
                        tf.text = char;
                        tf.width = tf.textWidth+4;


@@ -296,11 +336,21 @@ package net.systemeD.halcyon {
                
                // Add object (stroke/fill/roadname) to layer sprite
                
                
                // Add object (stroke/fill/roadname) to layer sprite
                

-               private function addToLayer(s:Sprite,t:uint,sublayer:int=-1):void {
+               private function addToLayer(s:DisplayObject,t:uint,sublayer:int=-1):void {

                        var l:DisplayObject=Map(map).getChildAt(layer);
                        var o:DisplayObject=Sprite(l).getChildAt(t);
                        if (sublayer!=-1) { o=Sprite(o).getChildAt(sublayer); }
                        Sprite(o).addChild(s);
                        var l:DisplayObject=Map(map).getChildAt(layer);
                        var o:DisplayObject=Sprite(l).getChildAt(t);
                        if (sublayer!=-1) { o=Sprite(o).getChildAt(sublayer); }
                        Sprite(o).addChild(s);

+                       sprites.push(s);
+            if ( s is Sprite ) Sprite(s).mouseEnabled = false;

                }
                }

+
+        private function mouseEvent(event:MouseEvent):void {
+            map.wayMouseEvent(event, way);
+        }
+
+        public function setHighlight(highlight:Boolean):void {
+            hitzone.visible = highlight;
+        }

        }
 }
        }
 }