Ocean 學習筆記

2011年4月27日星期三

Bitmap 粒子(一)

package
{
　import flash.display.Bitmap;
　import flash.display.BitmapData;
　import flash.display.Sprite;
　import flash.events.Event;
　import flash.filters.BitmapFilterQuality;
　import flash.filters.BlurFilter;
　import flash.geom.Point;
　[SWF(width="1024", height="768", frameRate="30", backgroundColor="#000000", pageTitle="粒子測試")]
　public class particale extends Sprite
　{
　　private var _bitmapData:BitmapData;
　　private var _photosphereMap:Bitmap;
　　private var _sprite:Sprite = new Sprite(); 　　
　　//活動場景大小
　　private var _mapWidth:Number = 400;
　　private var _mapHeight:Number = 400;
　　//顆粒大小
　　private var _particaleSize:Number = 10;　　
　　//位置與量
　　private var _position:Point;
　　private var _vector:Point;
　　//濾鏡強度
　　private var blurX:Number = 1.5;
　　private var blurY:Number = 1.5;

　　public function particale()
　　{
　　　super();
　　　init();
　　}
　　private function init():void
　　{
　　　initPhotosphereMap();
　　　deployPhotosphere();
　　　initPostiton();
　　　initVector();
　　　onStart();
　　}

加密工具

SWF加密工具

主要讓反向工程破解軟體,反向出來後程式碼內容成為奇怪的結構難以閱讀。

JavaScript

T4nk JS

HTML

Encrypt HTML

將SWF包成.exe

SWFKit

2011年4月26日星期二

BitmapData Draw API 運用 : 將圖片切片

Draw API 圖片切片基本原理
public function draw(source:IbtimapDrawable,x:Number , y:Number , widht:Number , height:Number):Bitmap
{
　var rectangle:Rectangle = new Rectangle(0,0,widht+0.5,height+0.5);
　var bd:BitmapData = new BitmapData(widht+1,height+1);
　var matrix:Matrix = new Matrix(1, 0, 0, 1, -x, -y);
　bd.draw(sourceImage,matrix,null,null,_rectangle);
　return new BitmapData(bd);
}

原理解說:
這是Draw API
public function draw(source:IBitmapDrawable, matrix:Matrix = null, colorTransform:flash.geom:ColorTransform = null, blendMode:String = null, clipRect:Rectangle = null, smoothing:Boolean = false):void

主要是使用ClipRect與matrix搭配來做到切片效果

ClipRect是取一個固定點的可視窗口(將會由Rectangle來定義)，在這窗口外的範圍圖片將不可見，所以我們draw的範圍也就是在這窗口中。
而藉由Matrix的垂直與水平位移來讓圖片各部份移到窗口。
new Rectangle(0,0,widht+1,height+1); 與 new BitmapData(widht+1,height+1);會將長官都加1是因為有些狀況下，因為來源圖片想切的長寬無法整除,會造成無法貼齊圖片的現象，所以簡單的方式是以加1象素來解決。

控制使用實體的數量(一)

假設我需要拼圖切片，而拼圖最大數量為9*9，那麼可能數值有2*2~9*9的實體，但是使用者可能沒有選擇到9*9最大數量來玩拼圖，那麼既然他沒用那麼大就不該產生那麼多，所以如下
可以產出正確的實體數量，數量最大值由輸入參數column來控制，程式如下：

//這裡邏輯可以限定產生最大的實體為(9x9)
private var _storge:Vector.<Object>;
private function creatdInstance(column:int):void
{
　var startCount:int = _storge.length;
　var endCount:int = column*column;
　for( startCount ; startCount < endCount ; startCount++)
　{
　　_storge[startCount] = createImageDrawProxy(startCount);
　}
}
private function selected(column:int):void
{
　creatdInstance(column);
}

//如此當selected被呼叫如下

selected(4);
selected(2);
selected(6);

如此會先產生16個object,但第二次呼叫selected(2)時,因為不能滿足條件所以不會執行,但若是selected(6)在執行,會再從第17個開時產生至36個為止。

另外還有一種控管實體數量的方式叫做Pool,在Flex List組件中的ItemRenderer中即有使用到此觀念，其次在遊戲中畫面中產生的swf數量以及像是google地圖切片顯示也都會使用到Pool方式。

2011年4月25日星期一

避免重複程式碼：flash/flex開發中對於遠端處理常用偵聽式提出

package com.loaderProxy
{
　import flash.events.Event;
　import flash.events.EventDispatcher;
　import flash.events.HTTPStatusEvent;
　import flash.events.IEventDispatcher;
　import flash.events.IOErrorEvent;
　import flash.events.ProgressEvent;
　import flash.events.SecurityErrorEvent;
　public class EventListenerProxy extends EventDispatcher
　{
　　public function EventListenerProxy(target:IEventDispatcher=null)
　　{
　　　super(target);
　　}　　
　　//event handel method
　　public var completeHandler:Function = function(event:Event):void {};
　　public var openHandler:Function = function(event:Event):void{};
　　public var progressHandler:Function = function(event:ProgressEvent):void{};
　　public var securityErrorHandler:Function = function(event:SecurityErrorEvent):void{};
　　public var httpStatusHandler:Function = function(event:HTTPStatusEvent):void{};
　　public var ioErrorHandler:Function = function(event:IOErrorEvent):void{};
　　public function addLoaderEventListener(target:IEventDispatcher):void
　　{
　　　addEventListenerProxy(target , Event.COMPLETE ,completeHandler);
　　　addEventListenerProxy(target , Event.OPEN, openHandler);
　　　addEventListenerProxy(target , ProgressEvent.PROGRESS, progressHandler);
　　　addEventListenerProxy(target , SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
　　　addEventListenerProxy(target , HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);
　　　addEventListenerProxy(target , IOErrorEvent.IO_ERROR, ioErrorHandler);
　　}

　　public function removeLoaderEventListener(target:IEventDispatcher):void
　　{
　　　removeEventListenerProxy(target , Event.COMPLETE ,completeHandler);
　　　removeEventListenerProxy(target , Event.OPEN, openHandler);
　　　removeEventListenerProxy(target , ProgressEvent.PROGRESS, progressHandler);
　　　removeEventListenerProxy(target , SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler);
　　　removeEventListenerProxy(target , HTTPStatusEvent.HTTP_STATUS, httpStatusHandler);
　　　removeEventListenerProxy(target , IOErrorEvent.IO_ERROR, ioErrorHandler);
　　}
　　//EventListener Proxy
　　public function addEventListenerProxy(target:IEventDispatcher , type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
　　{
　　　　target.addEventListener(type, listener, useCapture, priority, useWeakReference);

　　}
　　public function removeEventListenerProxy(target:IEventDispatcher , type:String, listener:Function, useCapture:Boolean = false):void
　　{
　　　target.removeEventListener(type , listener , useCapture );
　　}
　}
}
而更好的話將event handel method所有的method宣告到一個Interface，如此若是需要不同動作處理者，可實作該Interface來實現。

因此可以：
public var handel:IHandelMethod = new LoaderHandelMethod();

addEventListenerProxy(target , Event.COMPLETE ,handel.completeHandler);
如此程式碼可以簡化並能鬆綁個物件間之關係

2011年4月24日星期日

Bad smells in Code：Duplicated Code

Duplicated Code (重複的程式碼)
Duplicated Code會讓程式不好維護，也會讓程式變的冗長，常見的重複狀況如下：

一個Class內有兩個個函式具有相同的運算式，這時可以採用Extract Method
將其提煉出來成為一個函式。
兩個具有兄弟關係的Class(繼承同一個父類別)，兩Class內存在相同運算式的函式，可以使用Pull Up Method方式，將其函式提煉出來放置父類別中，解決Duplicated Code。
兩個沒有關係的Class也會出現相同運算式的程式碼，可以考慮將這重複的運算式寫成另外一個Classb讓其運用，這感覺類似使用策略模式，或是過程代理。

2011年4月16日星期六

MySQL5.1 DataType 日期 (Date)

日期
資料名稱	byte	數值範圍	格式	說明
DATE	3	'1000-01-01'到'9999-12-31'	'YYYY-MM-DD'	日期：允許使用字串或數字為DATE分配值。
DATETIME	8	'1000-01-01 00:00:00'到'9999-12-31 23:59:59'	'YYYY-MM-DD HH:MM:SS'	日期和時間的組合：允許使用字串或數字為DATETIME分配值。
TIMESTAMP(M)	4	'1970-01-01 00:00:00'到2037年	'YYYY-MM-DD HH:MM:SS'	時間戳記：TIMESTAMP用於INSERT或UPDATE操作時記錄日期和時間。如果你不分配一個值，表中的第一個TIMESTAMP列自動設置為最近操作的日期和時間。也可以通過分配一個NULL值，將TIMESTAMP列設置為當前的日期和時間。 TIMESTAMP值返回後顯示為'YYYY-MM-DD HH:MM:SS'格式的字符串，顯示寬度固定為19個字符。如果想要獲得數字值，應在TIMESTAMP 列添加+0。註釋：MySQL 4.1以前使用的TIMESTAMP格式在MySQL 5.1中不支持。
TIME	3	'-838:59:59'到'838:59:59'	'HH:MM:SS'	時間：MySQL以'HH:MM:SS'格式顯示TIME值，但允許使用字串或數字為TIME列分配值。
YEAR (2\|4)	1	二位：70到69(1970~2069)。四位：1901到2155和0000。	YYYY	兩位或四位格式的年。預設是四位格式。在四位格式中，允許的值是1901到2155和0000。在兩位格式中，允許的值是70到69，表示從1970年到2069年。 MySQL以YYYY 格式顯示YEAR值，但允許使用字串或數字為YEAR列分配值。

引用與參考資料：
MySQL官方文件

訂閱：文章 (Atom)

Ocean 學習筆記

2011年4月27日星期三

Bitmap 粒子(一)

加密工具

2011年4月26日星期二

BitmapData Draw API 運用 : 將圖片切片

控制使用實體的數量(一)

2011年4月25日星期一

避免重複程式碼：flash/flex開發中對於遠端處理常用偵聽式提出

2011年4月24日星期日

Bad smells in Code：Duplicated Code

2011年4月16日星期六

MySQL5.1 DataType 日期 (Date)

常拜讀的Blog

關於我自己

2011年4月27日 星期三

2011年4月26日 星期二

2011年4月25日 星期一

2011年4月24日 星期日

2011年4月16日 星期六

2011年4月27日星期三

2011年4月26日星期二

2011年4月25日星期一

2011年4月24日星期日

2011年4月16日星期六