Tag: AS3

Sparker

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

หัวข้อนี้ไม่เขียนภาษาไทยคงจะแปลก เพราะเกี่ยวกับการดึงข้อมูลภาษาไทย จากไฟล์ 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

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.

The Day The Earth Stood Still

I’ve watched this movie “The Day The Earth Stood Still” on last Sunday, the movie is ok for me, nothing really surprise but one scene in the movie make me wanna do some experimental in the flash. If you don’t want to be spoiled please skip the next bit that I’m gonna write next. And if you read here that mean you don’t care the spoiled, well the scene that the alien flies try to get in the mirror. The animation is quite cool and I think that is some kind of old trick animation by “Brownian” equation so I’ve done some experimental below:

Simple Brownian Movement:

Simple Brownian

Adapted version, try to make its come out closer to the film:

Brownian 2
(Click anywhere on the stage to restart the animation)

25lines code experimental

I’ve submit my code for competition at 25lines but my one still not as good enough for get in the final list, all of the final list are very cool and good to see. By the way, it’s quite fun to try to code. So after failed from the final list, I’m continue working on it a bit more for my fun and try to keep it as 25 lines. The result is quite impress now for me. The quick result is show as the image below:

25lines

The idea is using the camera as the eye for flash to sketch your image on screen. If you move and cause the original image which is you compare to the current draw on screen look different then program will blur those different section out and start to draw from the most blur to more clear again. The output also give the feeling of teleport from one place to another you move from one location to another quickly.

warning: for slow machine, this may cook your cpu 🙂

BenchMark with leaves version 2

After have some fun with the first version then I’ve update some math and fine tune some attributes to allow more leaf to be able to render. Next version expect to do something more random and closer to nature.

Benchmark 2

This version can increase the number of leaf to 60 and able to decrease down to 10. But sorry for auto repeat for increase and decrease button. I’ll add in next version if the next version is happen.

The winter has come to Bangkok!!

Winter has come in Bangkok now so let’s create a little camp fire to keep warm 🙂

You can add more fire power by using the top right slider bar but be careful the more fire power the more cpu consumption need. (but I think it is not too bad for AS3 and new flash player to handle it nowadays)

camp fire

This one write with AS3 which generate each fire element and draw each pixel to the stage real time.

I’m sorry for the source code for now, my blog still not render the code nicely, I’ll find around to set it to show the code better and will post the code of how it work again. By the way, hopefully this dump fire make you guy feel warmer in this winter. (at least from the cpu temperature that going up during run this camp fire)