Free Mind Teamwork

2011-06-15T08:47:00.000-07:00

Thank you for your coming. I am really busy recently, and this blog has been not updated for a really long time. Because it's impossible to this website on the internet in today's C...
This maybe the last post for this blog........
I wanna say, good luck.

Web Game Programming In Flex/Flash

2010-05-23T04:39:00.001-07:00

Before this project, I have no idea about how to make Flex Web Games. Once I thought that Flex is aim to Web UI design and Flash is aim to Web Interactive design, so I didn't care about how to make web games with Flex but only with Flash.

Now I get a project to convert a flash as3 intro to be running in any kind of flex web games. It make me feel compicated, and I have to find out how to make web game in Flex?

Inside A Real Flex Game

2010-04-29 Actually this Flex game is developed by FlashDeveloper and compiled by Flex Builder 3 compiler. I have tried it and it can be compiled successfully. And this game use a famous 2D game engine flxiel to do its works. It's good and it's first that I have read a game written by a 2D game engine. Obviously I am shortage of web game programming.

In this project, I have learned lots of new stuffs. Thanks for the project manager "Zhibeiyou". And FlashDeveloper is really a good tool. It can be easily to used to make any kind of application including HaXe and AS2/AS3.

The problem in this game is that the intro doesn't work okay, and I can't test it myself because the internet is still blocked here. It sucks!!!

If I didn't make a mistake, the intro in this game is running okay itself. And I can hardly know that I need to change what? I don't know. It's all right?!.......

以下文章来自

http://www.sogou.com/websnapshot?url=http%3A%2F%2Fforum.j2eemx.com%2Fshowthread.php%3Fs%3Da76510ed878e80654f82e35957e95332%26mode%3Dhybrid%26t%3D930&did=595ec75f50855260-4d38f38e0c942bc0&encodedQuery=%5Bframe+flex&query=%5Bframe+flex&&p=40040100&dp=1&w=01020400

也解释了一个我一直困惑的问题，就是在Flex中的时间轴的问题，如果这一点可以解决，写Flex版的游戏的问题就迎刃而解，而且，我后面的猜想应该是不准确的，一般的Flex游戏的写法应该是按照这个项目来的传统的写法，而不是我想的借助于Flex框架建立的mxml项目，是一个不使用Flex框架的Actionscript项目，这一点很重要，也就不存在两种框架的兼容的问题。

在介紹這個 Tag 之前，先說說 Flash SWF 檔案 Streaming 與 Preloading
很早之前 Flash 為了要做到一邊下載一邊撥放的功能
把資料分別散佈到主時間軸的影格內
只要該影格所需的資料下載完畢，該影格便可進行撥放
我記得以前是號稱 SWF Streaming，不過現在與 RTMP Streaming 相比
恐怕只能稱作 SWF 漸進式下載 (Progressive Download) 而已了
最有代表性的應該就是 Flash Test Movie 時候，上面哪個長條圖了
 結果漸進式下載常常會發生停頓的現象
要另外寫 Preloading 程式...
結果大多數情況下又回到了，全部下載完才能撥放的情況~~
只是可以看到下載進度而已....
要 Preloading 程式能夠正常執行
便需要能夠讓 Preloading 程式在主時間軸影格 1 輸出
其它的內容放在後面的影格
讓 Preloading 程式儘量小可以快速被下載完畢
好執行它的工作
在 Flash 開發工具內有好用的時間軸面板
很容易把 Preloading 程式與其它內容用影格分開來
但是在 Flex Builder 裡面並沒有時間軸面板啊
連怎樣作出多影格的 SWF 都不知道
那要怎樣管理 Preloading 呢?
答案就是標題 Flex Metadata Tag - Frame FactoryClass
先看一個簡單的使用例子：

Main.as package { import flash.display.*; [Frame(factoryClass="Factory")] public class Main extends MovieClip { public function Main():*{ } } } Factory.as
package { import flash.display.*; public class Factory1 extends MovieClip { public function Factory():*{ } } }

Frame FactoryClass 標籤只對 Application Class (Document Class) 有作用
功能是用指定的 Class 取代作為 Application Class
並且在指定的 Class 增加影格數量
從上面的例子來看 Factory Class 便成為新的 Application Class
且具有兩個影格，影格標籤分別為 ["Factory", "Main"]
同時也兼具 Preloading、初始化 Main Insatnce 的任務
接下來，利用 FactoryClass 作一個完整的 Preloading
※FactoryClass 使用要點：
1. 不可以在 Factory Class 內明確引用其它非 Preloading 期間需要用到的 Class，
否則會造成引用的 Class 在影格 1 輸出，失去 Preloading 作用；
應該待讀取完畢後，使用反射 (Reflection) flash.utils.getDefinitionByName 方式取得 Class。
2. SWF 載入完畢後，仍要讓撥放頭 (playhead) 前進，Main Class 才可以被使用。

In this project, it use [Frame] to load a preloader factory class, and then loading a embedded swf to display the loading progress and animations. It works okay in this project.

As the type of the embedded swf is a MovieClip, it will be place in the first frame of the game. And it will display the loading progress by using "framesLoaded == totalFrames" condition. In a flash game, it will work okay because framesLoaded and totalFrames are properties of whole flash document, and it will present the timeline of the flash document.

Now I am wondering if it's loaded as a embedded MovieClip, and add to the preloader by using addChild function. Did "framesLoaded and totalFrames" still work okay? I guess that it will be an independent MovieClip with its own timeline. So the code inside this MovieClip will not work correctly to display the progress of the whole game.

So the wrapper factory class need to access it from the outside. It means we need to change the internal logic of that intro kind of (not tested so far).

1 Write a document class of that intro and move all stuffs ouside first especially the part of displaying "xxx%" and "loading complete event".

2 Add some logics in the outside factory class, and first to load the embedded intro then to count the loading bytes.

Use Flash Component In Flex

We can use flash component in Flex, but it is seldom used in a web game. In adobe official article of flex component kit, you will see how to use that tool to do so. But it's not enough in a real project sometimes.

Change Default Flex Download Progress Bar

Flex has its default download bar, and it will display the loading progress by default. As flex Official help document said, you can change or extend the default download bar to display what you want to do. Because the DownloadProgressBar extends from Sprite with mx.preloaders.IPreloaderDisplay, it's easy to add your MovieClip into the default download bar.

First, you should make a loader in flash as a MovieClip. And then you can just add it into the default download progress bar. So the your loader will displayed at first.

Sometimes you want the user to click a button to be continue. So you need make that button as a independent movieclip, and use it in your download progress bar class. As well you want show the progress in some kind of animation, so that movieclip will be indepent and have a public method to show it.

I have done that already, and as I can see. Whatever your codes inside the frame or outside as a class, Flex will find them correctly: all functions and variables inside frames will be public, and if every function should be match. If you made a method to be a event handler without code to add it, you will never see your object in Flex. It's really convience. From the beginning of AS, flash retain all codes inside frames by default. In AS3, OOP is coming out to be true. So we can just write a class outside to be connected with our assets. The question is that how to migrate AS2 to AS3? Flash give us the way to act all sources as one thing in a document class. It means you can access the code inside frames (first or ??) from outside, and access the code outside from inside frames (shoud be test first?). As flex is coming, it provides us a way to share with assets between Flash and Flex. You can access any class from Flash.SWC in each application. And in the SWC, every assest being exported will be a share library and every method and varible in started frames and outside class will be public to everyone. (To be continued)

Google Map Tutorial - make a shape around the zone

2009-06-07T07:08:00.001-07:00

I am not good at google map API programming, just know little about it really. But I think that it's a good and power tool for applications in the Internet. There are many good tutorials in the Internet. And I think that the better way to learn google map API from different projects, whatever. If you have no goal, it's hard to learn something pratical and useful.

In this script, you may note that there are many coordinates in it. That's the shape coordinates data around the zone. If you want to get that from different area, you can use google earth and its kml function to retrieve it. That's easy to do. Note: all scripts comes from

http://www.carinsurance.com/state/Washington-car-insurance.aspx, thanks for the author.

Google map API: http://code.google.com/apis/maps/documentation/reference.html

Google map KML Reference: http://code.google.com/apis/kml/documentation/kml_tut.html


1. add this in your html tag: xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml
2. add this in script tag inside the head tag:
src="http://maps.google.com/maps?file=api&v=2&key=" 
3. add this in a script:
//<![CDATA[  
function load() {
 if (GBrowserIsCompatible()) {
var polys = [];
var labels = [];
// === Algorithm from http://alienryderflex.com/polygon/ 
GPolygon.prototype.Contains = function(point) { 
var j=0;
var oddNodes = false; 
var x = point.lng();
var y = point.lat(); 
for (var i=0; i < this.getVertexCount(); i++) {
 j++;
 if (j == this.getVertexCount()) {j = 0;}
if (((this.getVertex(i).lat() < y) && (this.getVertex(j).lat() >= y))
 || ((this.getVertex(j).lat() < y) && (this.getVertex(i).lat() >= y))) {
  if ( this.getVertex(i).lng() + (y - this.getVertex(i).lat()) 
 /  (this.getVertex(j).lat()-this.getVertex(i).lat())
*  (this.getVertex(j).lng() - this.getVertex(i).lng()) oddNodes = !oddNodes
}
}
}
return oddNodes;
}
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl(),
               new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(5, 5)));
var center = new GLatLng(47.391700,-121.570800);
map.setCenter(center,6);
iconDot = new GIcon();
iconDot.image =""; // put your own img url here
iconDot.shadow = ""; // put your own shade img url here
iconDot.iconSize = new GSize(25, 18);
iconDot.shadowSize = new GSize(40, 18);
iconDot.iconAnchor = new GPoint(25, 18);
iconDot.infoWindowAnchor = new GPoint(25,18);
iconDot.infoShadowAnchor = new GPoint(18, 25);
var marker = new GMarker(center, iconDot)
map.addOverlay(marker);
GEvent.addListener(marker,"mouseover", function() {
marker.openInfoWindowHtml("") // put your html code here.
});
var label  = "Washington";
var color = "#88ff00";
var pts = [];
pts[0] = new GLatLng(49.0023,-123.3208);
pts[1] = new GLatLng(49.0027,-123.0338);
pts[2] = new GLatLng(49.0018,-122.065);
pts[3] = new GLatLng(48.9973,-121.7491);
pts[4] = new GLatLng(48.9991,-121.5912);
pts[5] = new GLatLng(49.0009,-119.6082);
pts[6] = new GLatLng(49.0005,-118.0378);
pts[7] = new GLatLng(48.9996,-117.0319);
pts[8] = new GLatLng(47.9614,-117.0415);
pts[9] = new GLatLng(46.506,-117.0394);
pts[10] = new GLatLng(46.4274,-117.0394);
pts[11] = new GLatLng(46.3498,-117.0621);
pts[12] = new GLatLng(46.3384,-117.0277);
pts[13] = new GLatLng(46.2848,-116.9879);
pts[14] = new GLatLng(46.2388,-116.9577);
pts[15] = new GLatLng(46.2022,-116.9659);
pts[16] = new GLatLng(46.1722,-116.9254);
pts[17] = new GLatLng(46.1432,-116.9357);
pts[18] = new GLatLng(46.1009,-116.9584);
pts[19] = new GLatLng(46.0785,-116.9762);
pts[20] = new GLatLng(46.0537,-116.9433);
pts[21] = new GLatLng(45.996,-116.9165);
pts[22] = new GLatLng(46.0008,-118.033);
pts[23] = new GLatLng(45.9998,-118.9867);
pts[24] = new GLatLng(45.932,-119.1302);
pts[25] = new GLatLng(45.9278,-119.1708);
pts[26] = new GLatLng(45.9402,-119.2559);
pts[27] = new GLatLng(45.9354,-119.3047);
pts[28] = new GLatLng(45.922,-119.3644);
pts[29] = new GLatLng(45.9172,-119.4386);
pts[30] = new GLatLng(45.9067,-119.4894);
pts[31] = new GLatLng(45.9249,-119.5724);
pts[32] = new GLatLng(45.9196,-119.6013);
pts[33] = new GLatLng(45.8565,-119.67);
pts[34] = new GLatLng(45.8479,-119.8052);
pts[35] = new GLatLng(45.8278,-119.9096);
pts[36] = new GLatLng(45.8245,-119.9652);
pts[37] = new GLatLng(45.7852,-120.071);
pts[38] = new GLatLng(45.7623,-120.1705);
pts[39] = new GLatLng(45.7258,-120.211);
pts[40] = new GLatLng(45.7057,-120.3628);
pts[41] = new GLatLng(45.6951,-120.4829);
pts[42] = new GLatLng(45.7469,-120.5942);
pts[43] = new GLatLng(45.746,-120.634);
pts[44] = new GLatLng(45.7143,-120.6924);
pts[45] = new GLatLng(45.6721,-120.8558);
pts[46] = new GLatLng(45.6409,-120.9142);
pts[47] = new GLatLng(45.6572,-120.9471);
pts[48] = new GLatLng(45.6419,-120.9787);
pts[49] = new GLatLng(45.6529,-121.0645);
pts[50] = new GLatLng(45.6078,-121.1469);
pts[51] = new GLatLng(45.6083,-121.1847);
pts[52] = new GLatLng(45.6721,-121.2177);
pts[53] = new GLatLng(45.7057,-121.3392);
pts[54] = new GLatLng(45.6932,-121.401);
pts[55] = new GLatLng(45.7263,-121.5328);
pts[56] = new GLatLng(45.7091,-121.6145);
pts[57] = new GLatLng(45.6947,-121.7361);
pts[58] = new GLatLng(45.7067,-121.8095);
pts[59] = new GLatLng(45.6452,-121.9338);
pts[60] = new GLatLng(45.6088,-122.0451);
pts[61] = new GLatLng(45.5833,-122.1089);
pts[62] = new GLatLng(45.5838,-122.1426);
pts[63] = new GLatLng(45.566,-122.2009);
pts[64] = new GLatLng(45.5439,-122.2641);
pts[65] = new GLatLng(45.5482,-122.3321);
pts[66] = new GLatLng(45.5756,-122.3795);
pts[67] = new GLatLng(45.5636,-122.4392);
pts[68] = new GLatLng(45.6006,-122.5676);
pts[69] = new GLatLng(45.6236,-122.6891);
pts[70] = new GLatLng(45.6582,-122.7647);
pts[71] = new GLatLng(45.6817,-122.775);
pts[72] = new GLatLng(45.7613,-122.7619);
pts[73] = new GLatLng(45.8106,-122.7962);
pts[74] = new GLatLng(45.8642,-122.7839);
pts[75] = new GLatLng(45.912,-122.8114);
pts[76] = new GLatLng(45.9612,-122.8148);
pts[77] = new GLatLng(46.016,-122.8587);
pts[78] = new GLatLng(46.0604,-122.8848);
pts[79] = new GLatLng(46.0832,-122.9034);
pts[80] = new GLatLng(46.1028,-122.9597);
pts[81] = new GLatLng(46.1556,-123.0579);
pts[82] = new GLatLng(46.1865,-123.121);
pts[83] = new GLatLng(46.1893,-123.1664);
pts[84] = new GLatLng(46.1446,-123.281);
pts[85] = new GLatLng(46.147,-123.3703);
pts[86] = new GLatLng(46.1822,-123.4314);
pts[87] = new GLatLng(46.2293,-123.4287);
pts[88] = new GLatLng(46.2691,-123.4946);
pts[89] = new GLatLng(46.2582,-123.5557);
pts[90] = new GLatLng(46.2573,-123.6209);
pts[91] = new GLatLng(46.2497,-123.6875);
pts[92] = new GLatLng(46.2691,-123.7404);
pts[93] = new GLatLng(46.235,-123.8729);
pts[94] = new GLatLng(46.2383,-123.9292);
pts[95] = new GLatLng(46.2677,-123.9711);
pts[96] = new GLatLng(46.2924,-124.0212);
pts[97] = new GLatLng(46.2653,-124.0329);
pts[98] = new GLatLng(46.2596,-124.2444);
pts[99] = new GLatLng(46.4312,-124.2691);
pts[100] = new GLatLng(46.8386,-124.3529);
pts[101] = new GLatLng(47.1832,-124.438);
pts[102] = new GLatLng(47.4689,-124.5616);
pts[103] = new GLatLng(47.8012,-124.7566);
pts[104] = new GLatLng(48.0423,-124.8679);
pts[105] = new GLatLng(48.2457,-124.8679);
pts[106] = new GLatLng(48.3727,-124.8486);
pts[107] = new GLatLng(48.4984,-124.7539);
pts[108] = new GLatLng(48.4096,-124.4174);
pts[109] = new GLatLng(48.3599,-124.2389);
pts[110] = new GLatLng(48.2964,-124.0116);
pts[111] = new GLatLng(48.2795,-123.9141);
pts[112] = new GLatLng(48.2247,-123.5413);
pts[113] = new GLatLng(48.2539,-123.3998);
pts[114] = new GLatLng(48.2841,-123.2501);
pts[115] = new GLatLng(48.4233,-123.1169);
pts[116] = new GLatLng(48.4533,-123.1609);
pts[117] = new GLatLng(48.5548,-123.222);
pts[118] = new GLatLng(48.5902,-123.2336);
pts[119] = new GLatLng(48.6901,-123.2721);
pts[120] = new GLatLng(48.7675,-123.0084);
pts[121] = new GLatLng(48.8313,-123.0084);
pts[122] = new GLatLng(49.0023,-123.3215);
var poly = new GPolygon(pts,"#333399",3,1,color,.1);
polys.push(poly);
labels.push(label);
map.addOverlay(poly);
}
else {
alert("Sorry, Google Maps is not compatible with this browser.");
   }
}
//]]>
5. add this in the body tag: onLoad="load()" onunload="GUnload()"
6. add this div tag in your body tag: id="map" style="height:400px;width:400px"

PHP Regular Expression Resource

2009-05-26T22:49:00.001-07:00

I have done some kind of PHP works by using regular expression, and it's very powerful I think. Even though at first I feel it's very hard to understand, yeah, it's a new thing for me, but as you have been using it in the project, you can feel that it's not hard at all. I have read something about Regular Expressions, in wiki, and you can find the most basic one, but not good enough to do with your job. I think, that is the good one for programmer in PHP:

http://www.perl.com/doc/manual/html/pod/perlre.html

I don't want to say anything about how to use it, because I am still a beginner. But I'd like to mention something here to know, if you are finding something within html, you should note that:

<.*>

<.*?>

<(\s|.)*?>

<[^>]*>

The first one will never work because '*' is greedy, so it will eat up '>'. along a '?' is to avoid this situation.

The second will never work well sometimes because '.' will never represent 'newline' by default

The third one will work well but it's not good enough, sometimes in PHP 'preg_match' will retain something between '(' ')'.

The forth seems not good but it's really the good one.

Blogger.com and blogspot.com are both blocked by the insane one here, you know what I mean.

Good Luck！

http://freelancerworker.blogspot.com

Sharing, Simple PHP CURL Class Script

2009-05-24T02:49:00.001-07:00

Hi, I just do some scripts by using curl, and I have made it as a simple class. So I hope it helps for you if you need do something by that. The most important thing is the format of headers. Just like that:

$headers = array(
 'Accept: */*', 
 'Accept-Language: en-US',
 'UA-CPU: x86',
 'User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; .NET CLR 1.1.4322; .NET CLR 2.0.50727)',
  'Host' => 'Host: ',
 'Connection: Keep-Alive');

And you can use HttpWatch Professional to watch the http request detail in IE: http://www.httpwatch.com/, so you can simulate any http request by that.

 class HTTPRequest {
 private $url;
 private $https;
 private $headers;
 private $withCookies;
 private $saveCookies;
 private $cookieFileName;
 private $maxRedirects;
 private $autoRedirect;
  private $outputHeader;
 private $errorMessage;
 private $debug;
 private $ch;
 
 public function __construct()  
 {
  init();
 }
 
 public function init ()
 {
  $this->url = '';
   $this->https = false;
  $this->headers = null;
  $this->withCookies = $this->saveCookies = false;
  $this->cookieFileName = null;
  $this->maxRedirects = null;
  $this->autoRedirect = $this->outputHeader = false;
   $this->errorMessage = null;
  $this->debug = false;
  $this->ch = null;
 }
 
 public function setOptions ($autoRedirect, $maxRedirects, $outputHeader, $debug)
 {
  $this->autoRedirect = $autoRedirect;
   $this->maxRedirects = $maxRedirects;
  $this->outputHeader = $outputHeader;
  $this->debug = $debug;
 }
 // 1. carry cookies in request or not
 // 2. save cookies in a local file
 public function setCookies($withCookies, $saveCookies, $cookieFileName)
  {
  if ($cookieFileName != null) {
   $this->cookieFileName = dirname(__FILE__) . '\\' . $cookieFileName;
  } else {
   $this->cookieFileName = null;
  }
  $this->withCookies = $withCookies;
   $this->saveCookies = $saveCookies;
 }
 
 public function setHeaders ($headers, $noHttps)
 {
  $this->https = $noHttps;
  $this->headers = $headers;
 }
 
 private function request ($method, $url, $body, &$returned)
  { 
  $this->ch = curl_init();
  curl_setopt ($this->ch, CURLOPT_URL, $url);
  curl_setopt ($this->ch, CURLOPT_VERBOSE, true);
  
  if (!strcasecmp ($method, "post"))
  {
   curl_setopt ($this->ch, CURLOPT_POST, true);
    curl_setopt ($this->ch, CURLOPT_POSTFIELDS, $body);
  }
   //curl_setopt ($this->ch, CURLOPT_CONNECTTIMEOUT, 30); 
/*  curl_setopt ($this->ch, CURLOPT_BUFFERSIZE, 32768);
  curl_setopt ($this->ch, CURLOPT_FORBID_REUSE, true);
  curl_setopt ($this->ch, CURLOPT_FRESH_CONNECT, true);
 */  
  curl_setopt ($this->ch, CURLOPT_RETURNTRANSFER, true); 
  curl_setopt ($this->ch, CURLOPT_SSL_VERIFYPEER, $this->https);
  curl_setopt ($this->ch, CURLOPT_HTTP_VERSION, CURL_HTTP_VERSION_1_1);
   curl_setopt ($this->ch, CURLOPT_HTTPHEADER, $this->headers);
   curl_setopt ($this->ch, CURLOPT_FOLLOWLOCATION, $this->autoRedirect); 
  curl_setopt ($this->ch, CURLOPT_HEADER, $this->outputHeader);
  
  if ($this->withCookies === true) {
   curl_setopt ($this->ch, CURLOPT_COOKIEFILE, $this->cookieFileName);
   }
   if ($this->saveCookies === true) {
   if (!empty ($this->cookieFileName)) {
    curl_setopt ($this->ch, CURLOPT_COOKIEJAR, $this->cookieFileName);
   }
  }
  
  $returned = curl_exec ($this->ch);
   if( $returned == false )
  {
   $this->errorMessage = curl_error($this->ch);
   return false;
  }
  return true;
 } 
  
 public function get($url, &$returned)
 {
  return $this->request ('get', $url, null, $returned);
  }
 
 public function post($url, $body, &$returned)
 {
  return $this->request ('post', $url, $body, $returned);
 }
 
 public function error()
 {
  return $this->errorMessage;
  }
 
 public function getInfo(&$info)
 {
  $info = curl_getinfo ($this->ch);
 }
 
 public function getHttpCode ()
 {
  $this->getInfo ($info);
  return $info['http_code'];
  }
 
 public function getHttpMessage ($httpCode)
 {
  if ($httpCode[0] == '2') {
   return 'ok';
  } else if ($httpCode[0] == '3') {
   return 'redirect';
  } else if ($httpCode[0] == '4') {
    return 'failed';
  } else if ($httpCode[0] == '5') {
   return 'server error';
  }
 }
 
 public function close()
 {
  curl_close ($this->ch);
 }
}

Sample Flash File Uploader In AS3

2009-02-20T02:26:00.000-08:00

In many cases, we need a web file uploader with progress bar. That's easy in Flash, and I think it is a better way. You know gmail use Flash as its file uploader component. A sample file uploader is extremely easy in Flash, well, compare to that with Javascript and serverside scripts.

And the best is you don't need change your serverside script for that, just like what you do in HTML, the only thing you need note is the field name used by Flash, and it can be changed in actionscript.

Here is a good example in ASP.NET 2.0. And the flash CS3 help document is the best source I ever read so far.In the following codes, I assume you have a fla file and two buttons in it, one is named 'browser_btn', the other is named 'upload_btn'. http://shang-liang.com/blog/flash-upload-file-with-aspnet/


/**
 * File uploader in Actionscript 3.0 with Adobe Flash CS3
 * @author zero
 * @blog http://freelancerworker.blogspot.com
 */ 
import flash.events.*;
import flash.net.FileReference;
import flash.net.FileReferenceList;
import flash.net.FileFilter;
import flash.net.URLRequest;

var file:FileReference;
var uploaderRequest:URLRequest;
var isSelected:Boolean;
var errorMessage:String = null;
var uploadServerURL:String = 'upload.php';

function showErrorMessage():void {
 if ( this.errorMessage == null || this.errorMessage == "" ) {
  return;
 }
}

function showMessage(msg:String):void {
 if ( msg == null)
  return;
 //
}

function showProgressMessage(msg:String):void {
 if (msg == null)
 {
  return;
 }
}

// initialize 
function init() {
 this.browser_btn.addEventListener(MouseEvent.CLICK, btnBrowser_click);
 this.upload_btn.addEventListener(MouseEvent.CLICK, btnUpload_click);

 this.file = new FileReference();

 this.file.addEventListener(Event.SELECT, file_onSelected);
 this.file.addEventListener(Event.OPEN, file_onOpen);
 this.file.addEventListener(Event.CANCEL, file_onCancel);
 this.file.addEventListener(ProgressEvent.PROGRESS, file_onProgress);
 this.file.addEventListener(Event.COMPLETE, file_onComplete);
 this.file.addEventListener(SecurityErrorEvent.SECURITY_ERROR, file_onErrorSecurity);
 this.file.addEventListener(HTTPStatusEvent.HTTP_STATUS, file_onErrorHTTP);
 this.file.addEventListener(IOErrorEvent.IO_ERROR, file_onErrorIO);
  this.file.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA, file_onUploadCompleteData);

 this.isSelected = false;
}

// start browsing
function btnBrowser_click(evt:MouseEvent) {
 var mp3Filter:FileFilter = new FileFilter("Mp3 (*.mp3)", "*.mp3");
 //var textFilter:FileFilter = new FileFilter("Text Files (*.txt, *.rtf)", "*.txt; *.rtf");

 try {
  var success:Boolean = this.file.browse(new Array (mp3Filter));
 } catch (error:Error) {
  this.errorMessage = "Internal error, retry.";
  trace("Unable to browse for files.");
 }
 showErrorMessage();
}

// after selecting a file
function file_onSelected(evt:Event):void {
 trace("selecting");
 this.isSelected = true;
 //this.fileName_txt.text = "" + this.file.name;
 showMessage ('');
 showProgressMessage ('');
}

function file_onCancel(evt:Event):void {
 trace("cancel");
 this.isSelected = false;
}

function btnUpload_click(evt:MouseEvent) {
 var url:String = null;
 trace("upload.click");
 disableSubmit(true);
 if (this.isSelected) {
  onUploading();
 } else {
  showMessage ('You have not choose the file.');
  disableSubmit(false);
 }
}

// begin uploading
function file_onOpen(evt:Event):void {
 showMessage("start working...");
 trace("open");
}

var sizeLoaded;
var sizeTotal;
// in uploading
function file_onProgress(evt:ProgressEvent):void {
 sizeLoaded = evt.bytesLoaded;
 sizeTotal = evt.bytesTotal;

 //this.progressBar_mc.width = (sizeLoaded / sizeTotal) * 500;
 showProgressMessage(Math.round(sizeLoaded * 100 / sizeTotal) + "%");
 trace("on progress");
}

// complete
function file_onComplete(evt:Event):void {
 trace("Complete");
 disableSubmit (false); 
 showMessage("Finished uploading.");
}

// After data is received from the server after a 
// successful upload. This event is not dispatched 
// if data is not returned from the server. 
function file_onUploadCompleteData(evt:DataEvent):void {
 trace ('upload.complete.data');
 var msg:String = String (evt.data);
 showMessage (msg); 
}

function file_onErrorSecurity(evt:SecurityErrorEvent) {
 trace ("Security Error");
 var msg = evt.text;
 disableSubmit (false); 
 showMessage("Security Fault, message: " + msg);
}

function file_onErrorHTTP(evt:HTTPStatusEvent):void {
 trace("HTTP Error");
 var msg = evt.status;
 disableSubmit (false); 
 showMessage("HTTP Fault, HTTP status:" + msg);
}

function file_onErrorIO(evt:IOErrorEvent):void {
 trace("IO Error");
 var msg = evt.text;
 disableSubmit (false);
 showMessage("Internal IO fault, message: " + msg);
}

function onUploading():void
{
 var url:String = null;
 url = this.uploadServerURL;
 
 if ( url != null ) {
  this.progressBar_mc.width = 0;
  this.progressBar_mc.visible = true;
  //showMessage('');
  this.uploadRequest = new URLRequest(url);
  this.uploadRequest.method = URLRequestMethod.POST;
  try {
   this.file.upload(this.uploadRequest, 'new_file');
  } catch (error:Error) {
   this.errorMessage = "Internal fault, retry.";
  }
  showErrorMessage();
  return;
 } else {
  this.errorMessage = "You need a server to load.";
  showErrorMessage ();
  disableSubmit (false);
 }
}

function disableSubmit(disabled:Boolean):void
{
 if ( disabled )
 {
  this.browser_btn.enabled = false;
  this.browser_btn.mouseEnabled = false;
  
  this.upload_btn.enabled = false;
  this.upload_btn.mouseEnabled = false;
 } else
 {
  this.browser_btn.enabled = true;
  this.browser_btn.mouseEnabled = true;
  
  this.upload_btn.enabled = true;
  this.upload_btn.mouseEnabled = true;
 }
}
init();

Flash AS3: draw and send a picture to save

2008-12-20T13:44:00.000-08:00

Sounds good? Yeah, I think so. Just do it in AS3.

Preparing before doing this:

1. You know, flash can make http communication with web server. So it means we can send some data to the web server by "POST".

2.The web application can receive the data and reconstruct it into a picture, then send it to your friend by mail or else.

3.The key is, we need make this HTTP REQUEST, POST the picture as binary data. So, it need be converted first into JPEG or else.

4.The question is : how to get JPEG binary codes?

That's it, you can find it in Adobe Asserts.

1. Adobe has a JPEG Encoder Class, you can find it in internet. We can use it. class JPEGEncoder

2. It's easy to do the next work:


var pageUrlToReceivePicture;
var bmd:BitmapData = new BitmapData(this.mcPic.width, this.mcPic.height);
bmd.draw(this.mcPic);

//.....................
// most important part
var jpg:JPEGEncoder = new JPEGEncoder(75);
var _jpgData:ByteArray = jpg.encode(bmd); 
var urlRequest:URLRequest = new URLRequest(pageUrlToReceivePicture); 
urlRequest.data = _jpgData; 
urlRequest.contentType ="application/octet-stream" 
urlRequest.method = URLRequestMethod.POST; 
//most import part
//........................

var urlLdr:URLLoader = new URLLoader(); 
urlLdr.load(urlRequest); 
urldr.addEventListener(Event.COMPLETE, onComplete); 
urlLdr.addEventListener(IOErrorEvent.IO_ERROR, onIOError);

3. OK, it's just a example.

Better example:
http://gotoandlearnforum.com/viewtopic.php?f=35&t=19785

Blessing you and good luck.
Zero

Flash AS3: a preloader for internal loading.

2008-12-17T14:03:00.001-08:00

Internal Loading with AS3 is rather different from AS2, and it has so many good articles for discussion. I have done three little project about migrate AS2 game to AS3, so I just have little expreience on it.

If we use document class in as3, we need notice:

Dynamically creating instance by "new" and "export" options, you need clear "export in first frame" option in asserts Linkage Property.

Then you need put those asserts instance into keyframes ahead, and start your movies by gotoAnd... in the later keyframe. Otherwise, it will be failed to use "new"...(I don't know why, but it did so...)

package{ import flash.display.MovieClip; import flash.display.LoaderInfo; import flash.events.*; public class main extends MovieClip { // Progress handler private function onLoading(event:ProgressEvent):void { var loadpre:int=event.bytesLoaded/event.bytesTotal*100; trace(loadpre); } // completing loading private function loadComplete(event:Event):void { trace("ok loading"); gotoAndStop(3); var a = new balloon(); addChild(a); a.x = 20; a.y = 20; } private function onLoadingError(event:IOErrorEvent):void { } public function main():void { this.loaderInfo.addEventListener(ProgressEvent.PROGRESS,onLoading); this.loaderInfo.addEventListener(Event.COMPLETE,loadComplete); this.loaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onLoadingError); trace("main"); } } }
Hope it helps.
http://gotoandlearnforum.com/viewtopic.php?f=35&t=22172

Now good luck to you all.
Zero

Free Mind Teamwork

2008-12-17T13:40:00.000-08:00

Free Mind Teamwork is a team for programming project, we also do agriculture business. I learn English for freedom, and I like to know people all around the world, to exchange our culture and life, if it's lucky, we can be friends.

The major projects I have done are:
flash actionscript 2 or 3 game programming
web application with PHP&&Mysql
web application in ASP.NET 2.0 with C# && ASP.NET ajax 1.0

Although it's only one person in this team(me) so far. I think, it will grow up in future. Here is a good place to learn from others and show my works.