เปิด Flash Intermediate Course ครับ

January 13th, 2012 · · Uncategorized No comments

เนื้อหาระดับกลางขึ้นไปนะครับ หัวข้อและรายละเอียดตามนี้ครับ
Flash Intermediate++ Course

Minimum Requirement
- เขียน AS3 ได้พอสมควร
- มี Laptop ส่วนตัว (ใช้สำหรับเรียน
Course Details:
1.   Structure of display (Flash / Layer / …)
2.   Animation (Timeline / Script )
3.   Math for Animation / Game
4.   Working with Sound / Edit / Tool
5.   Class and Method / MVC / Singleton
6.   Working with BitmapData / Filters
7.   Working with Event / CustomEvent
8.   Working with backend (XML, Save score, ExternalInterface)
9.   Working with camera and microphone
10.   Game Structure (User Interface)
11.   Create personal code library for reused (Preload, Xml loader)
12.   Tips & Technique & Debug & Optimization

30 ชม. อาทิตย์ละ 2 ครั้ง เสาร์-อาทิตย์ ครั้งละ 3 ชม.
ค่าเรียน 10,000 บาท ขอปรับราคานะครับ เนื่องจากเท่าที่ดู
ผมว่าเนื้อหาต้องกลั่นกรองออกมาเยอะมากทีเดียวครับ
แต่เนื่องจากเป็นคอสแรกจึงลดค่าเรียนเหลือ 5,000 ครับ
และเปิดรับสอนแค่ 5 คนครับ ใครสนใจโพสต่อไว้ ได้เลยครับ
สถานที่ จะแจ้งให้ทราบอีกทีนะครับ ตอนนี้กำลังหาอยู่ครับ :)

ข้อมูลอื่นๆ ติดต่อเพิ่มเติมได้คับ
083-0797788
เอ

ข้อมูลผู้สอน? (ผมเอง) คร่าวๆ นะคับ
ปัจจุบันเป็น Flash developer อยู่บริษัท codegent bangkok
เริ่มใช้ Flash มาตั้งแต่ช่วงเรียนปี 4 ปัจจุบัน อายุงานประมาณ
12 ปีครับ คงไม่ต้องบอกอายุตัวเองนะคับ :)
http://www.cosmodesktop.com/

ถ้าคนเรียนไม่ถึง 4 คน ขออนุญาติยกเลิกคอสนี้นะครับ (ตอนนี้มี 1 คนแล้วครับ)
แต่ถ้ายกเลิก คงจะปรับเป็นคอสเบสิกเพื่อปวงชนแทนครับ :)

 

ตัวอย่างผลงานครับ

Flash Site:
Searcys  ได้รับรางวัล FITC, W3
Hoxton Hotel
Independent Model

AR:
Spongebob

Game:
Highway to bunny heaven

Ecard:
Youth Music

หลุมพลาง Auto Scaling feature จาก corona

December 20th, 2011 · · Mobile App, Tips No comments - Tags: , ,

เคสนี้เรียกว่า “ขุดหลุมฝังตัวเอง” เกิดการแสดงขนาดภาพเพี้ยนในเกมส์ จากการพยายาม swap ภาพเองเมื่อ resolution ของ devices สูง

จากกำหนดการแสดงผลของ Application ไว้ที่ resolution ต่ำๆ เช่น 320×480 และทำการแสดงผลภาพบน retina display / ipad corona จะทำการปรับภาพเป็น dynamic scale โดยหากภาพที่ใช้การโหลดรูปแบบ newImageRect() จะได้รับการเปลี่ยนภาพให้โดยอัตโนมัติ เป็นชุด 2x แต่ภาพที่โหลดแบบ newImage() ต้องใส่ parameter เพื่อบังคับให้แสดงแบบไม่ dynamic scale เพิ่ม เมื่อทำการเปลี่ยนภาพเองผ่านโปรแกรม !!

ที่สำคัญ คือ simulator จะไม่แสดง error แต่เมื่อทดสอบใน devices จึงจะพบ…T T

การเคลื่อนไหวแบบสวิง

November 8th, 2011 · · Experimental, Math, Uncategorized No comments

การสร้างการเคลื่อนไหวผ่านสคริป สำหรับการเคลื่อนไหวแบบแกว่งไปมา เป็นลูกตุ้มหรือคลื่น บางครั้งอาจจะดูเหมือนยาก แต่จริงๆ แล้วสามารถทำได้ง่ายๆ ด้วยฟังก์ชั่น math.cos() นั่นเอง

สมการ: math.cos(n)*force
- n คือ ค่าองศาที่เพิ่มขึ้นตามเวลา
- force คือ amplitude ที่เราต้องการ

ผลลัพธ์อย่างที่เห็นครับ :)
Simple Swing

Ten Principles for Good Design

July 21st, 2010 · · Design No comments

I’m really like this presentation and the ideas of the “Good Design”, thinks that can apply to any kind of work even the web site.

1. Good design is innovative.
2. Good design makes a product useful.
3. Good design is aesthetic.
4. Good design makes a product understandable.
5. Good design is unobtrusive.
6. Good design is honest.
7. Good design is long-lasting.
8. Good design is thorough down to the last detail.
9. Good design is environmentally friendly.
10. Good design is as little design as possible.
Dieter Rams (1985).

Scale 9 Grid with Gradient work around!!

May 27th, 2010 · · Tips No comments

Today I’ve try to create a scale 9 shape with gradient fill in its shape and found that when create the scale 9 from IDE the gradient will not slice into scale 9 properly. So the result look like it is stretch. The work around that I found after googling for a while is use “Union” command to the out side border of the scale 9 by select menu “Modify/Objects/Union” and it work !! :)

การอ่านค่า flashvars จาก swf ที่ถูกโหลดเข้ามา

March 31st, 2010 · · Tips No comments

ปัญหาในการพยายามโหลดค่า flashvars จาก swf ที่ถูกโหลดเข้ามาภายใน swf อีกตัว เป็นปัญหาที่เรียกได้ว่าน่าปวดหัวไม่น้อยทีเดียว แต่จริงๆ แล้ววิธีแก้ปัญหานั้นไม่ยากครับ หลังจากที่ผมพยายามแก้ปัญหาและหาข้อมูลอยู่พักใหญ่ ในที่สุดก็ได้ข้อสรุป คือ

ที่ตัว Main นะครับ เวลาอ่านค่า flashvars จะใช้คำสั่ง

var myVar:String = this.root.loaderInfo.parameters.whatever;

ในขณะที่ถ้าต้องการอ่านค่า flashvars จาก swf ที่ถูกโหลดเข้ามาจะต้องเปลี่ยนคำสั่งเป็น

var myVar:String = stage.loaderInfo.parameters.whatever;

การเรียกผ่านตัวแปร stage จะเป็นการเรียกไปยัง display container ของ swf ที่ถูกโหลดเข้ามานั่นเอง

และหากยังไม่ได้ ก็ยังมีอีกวิธี โดยการส่งค่าตัวแปรต่างๆ เข้าไปตอนโหลด swf อีกตัวนั่นเอง

//:: Store loader info
var lInfo:Object = this.root.loaderInfo.parameters;
//:: Flashvars
var fVars:String = "?whee=nada"; //:: Getting the syntax change (? --> &) out of the way with a dummy var

//:: Set path + data
for (var flashVar in lInfo)
{
fVars += "&" + flashVar + "=" + lInfo[flashVar];
}

var myRequest:URLRequest = new URLRequest(String(“/myPath.swf” + fVars));

ที่มา: http://ragona.com/blog/pass-flashvars-loaded-swf/

Today I want to add Hibernate feature to Vista?

August 13th, 2009 · · Tips No comments - Tags:

And I can’t find it in the control panel / power management section. After google around then I found the solution.

To disable hibernation:
Click Start. Type “powercfg /hibernate off” and then Press Ctrl+Shift+Enter.
To enable hibernation:
Click Start. Type “powercfg /hibernate on” and then Press Ctrl+Shift+Enter.

A command prompt will appear and disappear. The program doesn’t give you any feedback anyway, so you’re not missing anything.
By press Ctrl+Shift+Enter is a shortcut to run a program as an Administrator.

Sparker

February 12th, 2009 · · Experimental, Math 3 comments - Tags: , ,

This is another fun animation from simple math. Mainly function that I use are:

  • linear equation : y = ax + b
  • Brownian
  • Circle : radius to point

For tweening between each mode was done by TweenLite and the sparking techniq
is base on flash drawing api and linear equation with some tune on the variable.

My Sparker

My Sparker

have fun :)

ฟันธงโหลดภาษาไทยใน XML ด้วย AS3 จาก ServerSide

January 24th, 2009 · · Experimental, Tips 6 comments - Tags: ,

หัวข้อนี้ไม่เขียนภาษาไทยคงจะแปลก เพราะเกี่ยวกับการดึงข้อมูลภาษาไทย จากไฟล์ XML หรือจากการส่งข้อมูลจาก Server แบบ XML Format เรื่องของเรื่องคือ พอดีได้มีโอกาสต้องทำงานดึงข้อมูลภาษาไทยมาแสดงบนหน้าเว็บ ซึ่งเนื้องานที่ทำอยู่ทุกที ไม่ค่อยได้ใช้ภาษาไทยเท่าไหร่ สรุปคือ เกิดปัญหาขึ้น แสดงได้บ้าง ไม่ได้บ้าง มี random character แปลกๆ ต่อท้ายข้อมูลที่โหลดมาบ้้าง ทำให้เกิด XML not well-formed ฟ้องขึ้นมา (ตัวอย่าง well formed xml) สุดท้ายไ้ด้ความช่วยเหลือจาก katopz และ joke และทำให้แก้ปัญหาไปได้ จึงอยากเอามาแบ่งปัน เผื่อว่าจะช่วยลดเวลาในการแก้ปัญหาของท่านอื่นๆ ได้ต่อไป ดังนี้

1. ฝั่ง flash โหลด XML ตามปกติ แต่ห้ามใช้ System.useCodePage = true; ถ้ามีให้ comment ทิ้งไป เนื่องจากเราจะใช้การ encode ข้อมูลแบบ UTF-8 ซึ่งจะกำหนดมากจาก xml ที่โหลดเข้ามา หากกำหนดให้ใช้ System.useCodePage จะเป็นการบังคับให้แฟลชใช้การ encode ข้อมูลตาม System default ของเครื่องผู้ใช้ ซึ่งเมื่อส่งข้อมูลมาแบบ UTF-8 แน่นอนว่าภาษาไทยมันจะแสดงไม่ได้อย่างแน่นอน และการเตรียมการฝั่ง Flash จะจบเพียงแค่นี้ (จริงๆ)

ส่วนวิธีการอ่านข้อมูล XML ลองอ่านกระทู้ของน้องก่อ ดูนะครับ เขียนไว้ละเอียดดีครับ
- ทำงานกับฐานข้อมูลแบบ Online ด้วย Flash และ PHP
- Flash+XML ตอนที่ 1

2. ถัดมาส่วนที่เป็นเทคนิคสำคัญในการที่จะทำให้ส่งข้อมูลภาษาไทยสำเร็จ คือ ฝั่ง XML นี่เอง ที่สำคัญอย่างยิ่ง ดังนี้

2.1 ข้อมูลที่ส่งมาทั้งหมด ต้อง encode เป็นแบบ UTF-8 (วิธีแปลงไฟล์เพื่อทดสอบง่ายๆ คือ ใช้ notepad เปิด xml ไฟล์ก่อน หลังจากนั้นเลือก Save As และเลือก Encoding เป็น UTF-8 ก็จะได้ไฟล์ไว้ทดสอบ – credit: katopz)

2.2 ข้อมูลภาษาไทยทั้งหมด ควรที่จะเก็บอยู่ภายใน tag value ของ xml ไม่ใช่ attribute และครอบข้อมูลภาษาไทยทั้งหมดด้วย <![CDATA[ภาษาไทย]]]> (credit: katopz และ joke) เช่น

<xml>
<title><![CDATA[กรุงเทพมหานคร]]></title>
<link>http://www.bangkok.com</link>
</xml>

2.3 ใส่ header ของ XML Data ที่ส่งกลับมาเป็น <?xml version=”1.0″ encoding=”utf-8″ ?>

2.4 หากยังไม่ได้ ให้ตรวจสอบอีกครั้งว่าข้อมูลที่ส่งมา encode เป็น UTF-8

2.5 หากยังไม่ได้ ให้ตรวจสอบอีกครั้งว่าข้อมูลที่ส่งมา encode เป็น UTF-8 และไม่ได้ encode ซ้ำซ้อนเพราะจะทำให้ข้อมูลผิดพลาดได้

2.6 หากยังไม่ได้ ทดสอบด้วยไฟล์ที่ได้มากจาก notepad และ encode ด้วย UTF-8

ถ้าทำตามข้างบนทั้งหมด ผมมั่นใจว่าน่าจะได้อย่างแน่นอนครับ และขอบคุณ katopz และ joke อีกครั้งสำหรับเทคนิคดีๆ ครับ

Install Syntax Highlight in WordPress

December 24th, 2008 · · Experimental, General No comments - Tags: , , ,

After googling around I found wp-syntax which I think it’s quite power full and support many programming language (surely Actionscript3). Woooooo, see what it look like.

var canvas_mc:Sprite = new Sprite();
addChild(canvas_mc);
canvas_mc.graphics.beginFill(0xFF0000, .9);
for(var i:int = 0; i<100; i++){
	trace("Hello wp-syntax ("+i+")");
	canvas_mc.graphics.drawCircle( stage.stageWidth*Math.random(),
						   stage.stageHeight*Math.random(),
						   10+50*Math.random() );
}
canvas_mc.graphics.endFill();