2011年11月23日 星期三

[AS3] Graphics.beginGradientFill() → 漸層填色

Graphics.beginGradientFill()
public function beginGradientFill(type:String, colors:Array, alphas:Array, ratios:Array, matrix:Matrix = null, spreadMethod:String = "pad", interpolationMethod:String = "rgb", focalPointRatio:Number = 0):void

Matrix.createGradientBox()
public function createGradientBox(width:Number, height:Number, rotation:Number = 0, tx:Number = 0, ty:Number = 0):void

GradientType、SpreadMethod class
















[AS3] 殘影效果 → 加上 z 軸的 Tween












2011年11月22日 星期二

[AS3] 殘影效果 → 加上BlurFilter、GrowFilter慮鏡

GlowFilter(color:uint = 0xFF0000, alpha:Number = 1.0, blurX:Number = 6.0, blurY:Number = 6.0, strength:Number = 2, quality:int = 1, inner:Boolean = false, knockout:Boolean = false)
以指定的參數初始化新的 GlowFilter 實體。
BlurFilter(blurX:Number = 4.0, blurY:Number = 4.0, quality:int = 1)
以指定的參數初始化濾鏡。










[AS3] 殘影效果→Tween動畫路徑

BitmapData.colorTransform()
BitmapData.draw()
Tween()建構函式
public function Tween(obj:Object, prop:String, func:Function, begin:Number, finish:Number, duration:Number, useSeconds:Boolean = false)
建立 Tween 類別的實體。 可以使用建構函數並搭配 new 運算子:var myTween:Tween = new Tween()。


2011年11月21日 星期一

[AS3] 殘影效果拖曳_BitmapData.colorTransform()、draw()

BitmapData.colorTransform()
BitmapData.draw()


[AS3] BitmapData.colorTransform()方法_改變點陣影像指定區域顏色值


BitmapData.colorTransform(rect:Rectangle, colorTransform:flash.geom:ColorTransform):void
使用 ColorTransform 物件調整點陣圖影像指定區域中的顏色值。 如果矩形符合點陣圖影像的邊界,則此方法將會變化整個影像的顏色值。
參數
rect:Rectangle — 定義 ColorTransform 物件套用之影像區域的 Rectangle 物件。
colorTransform:flash.geom:ColorTransform — 用來說明要套用之顏色轉換值的 ColorTransform 物件。




2011年11月20日 星期日

[AS3] hitTestObject()_陸續產生500個紅色塊與500艘飛船的碰撞偵測與爆破、移除、記憶體回收

多對多碰撞的物件導向一對一偵測,不使用陣列

2011年11月13日 星期日

[jQuery] css()、text()

2011年11月12日 星期六

[jQuery] toggle(speed,callback)



<a href=# id="toggleBtn"><span style="font-size: large;">
Click me !!!</span></a>

<div id="info1">
<span style="font-size: large;">來去洗澡 !!!</span></div>

<div id="info2">來去吃飯 !!!

</div>

<script>
$(document).ready(function(){
$('#info1').hide();
$('#toggleBtn').click(function(){
$('#info1').toggle('slow', function(){
$('#info2').toggle('fast');
});
});
});
</script>

[AS3] 簡易ScrollBar

1001111_customScrobar_1.swf


fla下載

Main.as......
package  {
 
 import flash.display.MovieClip;
 import flash.events.MouseEvent;
 import flash.geom.Rectangle;
 import caurina.transitions.*;
 import flash.events.Event;
 
 public class Main extends MovieClip {
  
  public var container:MovieClip;
  public var displayZone:MovieClip;
  public var track:MovieClip;
  public var slider:MovieClip;
  private var bounds:Rectangle;
  private var minScrollValue:Number;
  private var maxScrollValue:Number;
  private var initPOsY:Number;
  
  public function Main() {
   this.initial();
   this.setListener();
   return;
  }
  
  private function initial():void{
   this.initPOsY = this.container.y;
   this.minScrollValue = 0;
   this.maxScrollValue = this.track.height-this.slider.height;
   this.bounds = new Rectangle(this.track.x, this.track.y, this.minScrollValue, this.maxScrollValue);
   this.container.mask = this.displayZone;
   return;
  }
  
  private function setListener():void{
   this.slider.addEventListener(MouseEvent.MOUSE_DOWN,dragHandler);
   this.stage.addEventListener(MouseEvent.MOUSE_UP,dragHandler);
   this.addEventListener(Event.ENTER_FRAME,scrollcontent);
   return;
  }
  
  private function dragHandler(event:MouseEvent):void{
   /*trace(event.type);*/
   switch(event.type){
    case "mouseDown":
     this.slider.startDrag(false,bounds);
    break;
    case "mouseUp":
     this.slider.stopDrag();
    break;
    default:
    break;
   }
   return;
  }
  
  private function scrollcontent(event:Event):void{
   var _percent:Number = (this.slider.y-this.track.y)/(maxScrollValue);
   /*trace("_percent : " + _percent);*/
   Tweener.addTween(this.container,{y:(this.initPOsY - _percent*(this.container.height-this.displayZone.height)),time:1});
   return;
  }
 }
}

2011年11月9日 星期三

[pHOTOsHOP]作圖:FLASH



2011年11月7日 星期一

Chrome瀏覽器 + 從iframe裡調用父視窗裡的函數

我們理解通常可使用「window.parent.函數()」在iframe裡調用父視窗的某個函數
但在作業平台的檔案系統,以Google Chrome瀏覽器預覽HTML,卻總是發現無法如IE、FF、Opera、Safari瀏覽器正常運作。
例如,file:///C:/mypages/mainPage.html

百思不得其解之後,終於發現:
問題其實出在Chrome不允許在檔案系統中使用 parent 參照父視窗。
但在web server下,「window.parent.函數()」則可如常運作。
例如,http://localhost/mypages/mainPage.html