Changeset 3302

Timestamp:

12/19/07 04:35:09 (13 months ago)

Author:

gyuque

Message:

lang/legacy-actionscript/as2draw: added color button

Location:

lang/legacy-actionscript/as2draw

Files:

• AS2Draw.as (modified) (3 diffs)
• AS2Draw.swf (modified) (previous)
• ColorButton.as (added)
• PenButton.as (modified) (3 diffs)
• ToolPalette.as (modified) (1 diff)
• U.as (modified) (2 diffs)
• build.bat (modified) (1 diff)
• index.html (modified) (1 diff)

lang/legacy-actionscript/as2draw/AS2Draw.as

@@ -4 +4 @@
         private var mToolPalette:ToolPalette;
         private var mSelectedPenButton:PenButton;
+        private var mSelectedColorButton:ColorButton;
+        public var DEFAULT_COLORS:Array = [0xffffff, 0xdddddd, 0x888888, 0x000000, 0xf04433, 0xffaf98, 0x80c090];
 
         public function AS2Draw(aRoot:MovieClip)
         {
-                mToolPalette = new ToolPalette(aRoot, 480, 24, 0x888888);
+                mToolPalette = new ToolPalette(aRoot, 480, 56, 0x888888);
                 buildToolPalette(mToolPalette);
 
-                mDrawable    = new Drawable   (aRoot, 0xeeffdd, 480, 200);
-                mDrawable.setY(24);
+                mDrawable    = new Drawable   (aRoot, 0xffffff, 480, 232);
+                mDrawable.setY(56);
         }
         
@@ -17 +19 @@
         {
                 var _this = this;
-                var closure = function(b){_this.pushedPenButton(b);};
                 
-                var p1:PenButton = new PenButton(3);
-                tp.addButton(p1);
-                p1.afterPush = closure;
+                {
+                        var closure = function(b){_this.pushedPenButton(b);};
+                        
+                        var p1:PenButton = new PenButton(3);
+                        tp.addButton(p1);
+                        p1.afterPush = closure;
 
-                var p2:PenButton = new PenButton(8);
-                tp.addButton(p2);
-                p2.afterPush = closure;
+                        var p2:PenButton = new PenButton(8);
+                        tp.addButton(p2);
+                        p2.afterPush = closure;
 
-                var p3:PenButton = new PenButton(16);
-                tp.addButton(p3);
-                p3.afterPush = closure;
+                        var p3:PenButton = new PenButton(16);
+                        tp.addButton(p3);
+                        p3.afterPush = closure;
+                        
+                        pushedPenButton(p1);
+                }
+                
+                tp.appendBlank(8);
+                
+                {
+                        var l = DEFAULT_COLORS.length;
+                        var closure = function(b){_this.pushedColorButton(b);};
+                        for (var i:Number = 0;i < l;i++)
+                        {
+                                var cb:ColorButton = new ColorButton(DEFAULT_COLORS[i]);
+                                tp.addButton(cb);
+
+                                cb.afterPush = closure;
+                        }
+                }
         }
         
@@ -43 +64 @@
         }
 
+        private function pushedColorButton(aButton:ColorButton)
+        {
+                if (mSelectedColorButton)
+                {
+                        mSelectedColorButton.setSelected(false);
+                }
+                
+                mSelectedColorButton = aButton;
+                mSelectedColorButton.setSelected(true);
+        }
+        
         static function main()
         {

lang/legacy-actionscript/as2draw/PenButton.as

@@ -3 +3 @@
         private var mWidth:Number;
         private var mMC:MovieClip;
-        private var buttonWidth:Number  = 28;
-        private var buttonHeight:Number = 23;
+        private var buttonWidth:Number  = 40;
+        private var buttonHeight:Number = 55;
         private var mSelectionColor:Number = 0xddeeff;
         private var mDefaultColor:Number = 0xffffff;
@@ -25 +25 @@
                 mMC = aParent.createEmptyMovieClip("pen-button-w"+mWidth, aIndex);
                 drawSymbol(mMC, mSelected);
-                mMC.useHandCursor = false;
+                mMC.useHandCursor = true;
                 
                 var _this = this;
@@ -49 +49 @@
                 var cy:Number = buttonHeight/2;
         
-                mMC.clear();
+                g.clear();
                 
-                mMC.beginFill(selected ? mSelectionColor : mDefaultColor);
-                U.rect(mMC, 0, 0, buttonWidth, buttonHeight);
-                mMC.endFill();
+                g.beginFill(selected ? mSelectionColor : mDefaultColor);
+                U.rect(g, 0, 0, buttonWidth, buttonHeight);
+                g.endFill();
                 
-                g.lineStyle(mWidth, 0x000000);
+                g.lineStyle(mWidth, 0x000000, selected ? 100 : 60);
                 g.moveTo(cx,    cy);
                 g.lineTo(cx+0.5,cy);

lang/legacy-actionscript/as2draw/ToolPalette.as

@@ -31 +31 @@
         }
         
+        public function appendBlank(aLeft:Number, aRight:Number)
+        {
+                if (aLeft)
+                        mNextLeft += aLeft;
+
+                if (aRight)
+                        mNextRight -= aRight;
+        }
+        
         public function addButton(aBtn)
         {

lang/legacy-actionscript/as2draw/U.as

@@ -1 +1 @@
 class U /*Utility*/
 {
-        public static function rect(g:MovieClip, x:Number, y:Number, w:Number, h:Number)
+        public static function rect(g:MovieClip, x:Number, y:Number, w:Number, h:Number, close)
         {
                 g.moveTo(x  , y  );
@@ -7 +7 @@
                 g.lineTo(x+w, y+h);
                 g.lineTo(x  , y+h);
+                if (close)
+                        g.lineTo(x, y);
         }
 }

lang/legacy-actionscript/as2draw/build.bat

@@ -1 @@
-mtasc -version 7 -swf AS2Draw.swf -main AS2Draw.as -header 480:224:30
+mtasc -version 7 -swf AS2Draw.swf -main AS2Draw.as -header 480:288:30

lang/legacy-actionscript/as2draw/index.html

@@ -20 +20 @@
         <body>
                 <div class="canvas-container">
-                        <object data="./AS2Draw.swf" type="application/x-shockwave-flash" width="480" height="224">
+                        <object data="./AS2Draw.swf" type="application/x-shockwave-flash" width="480" height="288">
                                 <param name="movie" value="./AS2Draw.swf" />
                                 <param name="autostart" value="true" />