http://blog.levelup.in.th Experience the new world. Tue, 31 Jan 2012 14:09:40 +0000 http://backend.userland.com/rss092 th การดึง Texture ส่วนที่ขาวเฉพาะพื้นที่มาใช้สำหรับงาน Photoshop ทำง่ายยิ่งกว่าปอกกล้วยให้ลิงกิน อันดับแรกสร้างพื้นก่อนค่ะ เลือก Texture ที่ต้องการจะใช้ อย่างภาพนี้คือต้องการใช้จุดสีขาวปิ๊งๆภายในภาพสำหรับมาใช้ในการตกแต่งค่ะ ก่อนอื่น ปรับให้เป็นขาวดำด้วยคำสั่ง Imge > Mode > Grayscale โปะลงไปบนพื้นที่ต้องการ เหมือนจะทำโรตี้ ก็ต้องโปะแป้งลงบนกะทะ *ปรับ Layer Style เป็น mode  Screen จะทำให้คัดส่วนที่ขาวที่สุดขึ้นมา ปรับ Level ของภาพ เอาตามแต่ชอบ ว่าต้องการความชัดของจุด Texture มากน้อยเ่ท่าไหน แล้วจึงเอาไปประยุกต์ใช้กับภาพต่อๆไป Example // หลังจากปรับ Screen mode และตกแต่ง Texture ให้เหลือแต่ประกายระยิบระยับ Example 2 /// ใช้วิธีนี้กับ Texture อื่นๆที่มีลักษณะคล้ายกันได้เช่นกัน ดังภาพที่ทำให้ตรงกลางของดอกไม้เป็นกลมเกลี้ยงประกายเหมือนดวงจันทร์ หมดเวลาสนุกกับ นุ้งมิลพาเพลิน ไว้เจอกันเดือนหน้า จบเห่ ชีวิตเมทัลค่ะ  <3 http://blog.levelup.in.th/2012/01/31/texture_edit/ [caption id="attachment_1407" align="aligncenter" width="470" caption="ScrollBar ของ Flex ที่โผล่มาซ้อนกับ CustomScrollBar"][/caption] จากการที่ใช้ Flash Catalyst สร้าง CustomScrollBar เพื่อนำมาใส่ใน Flex ทำให้เกิดปัญหาเรื่อง ScrollBar ของ Flex โผล่มาซ้ำซ้อนกับ CustomScrollBar ของเรา แม้ว่าเลื่อนไปล่างสุดก็ยังมีไอเม็มที่ยังเลยจาก CustomScrollBar ของเราอีก [caption id="attachment_1408" align="aligncenter" width="475" caption="เลื่อน CustomScrollBar สุดแล้วยังเห็นไอเท็มไม่ครบ"][/caption] ซึ่งวิธีแก้ที่จะเสนอในวันนี้เป็นวิธีการแก้ใน ActionScript ดังนี้ครับ Group ตัวอย่างที่นำมาใชเแสดงผล โดยมี id คือ groupList และจากที่เห็น dataProvider ของ List เราคือ aColvList ซึ่งเป็น ArrayList ที่ถูกกำหนดไว้ใน ActionScript แล้ว จากโค้ดข้างต้นเป็น mxml ... http://blog.levelup.in.th/2012/01/31/fix-catalyst-customscrollbar/ สำหรับตอนนี้จะไม่พูดถึงลูป for ธรรมดานะ (เราคิดว่าคุณรู้แล้ว) มาเริ่มกันด้วยการสร้าง object ขึ้นมาก่อน var obj:Object = {'id':'1','name':'myname','description':'descccc','image_name':'name/1.png','exp_max':'7'} เราจะใช้ข้อมูลนี้กันนะ อธิบายสิ่งที่อยู่ใน obj กันก่อน 'id':'1' คือ คีย์ที่ชื่อ id เก็บข้อมูล 1 อยู่ มาเริ่มต้นที่ for( in ) กันก่อน for(var k:String in obj){ trace(k); } ได้ key ออกมา คือ id name description image_name และ exp_max มาดูกันต่อที่ for each( in ) for each(var d:String in obj){ trace(d); } ได้ data ออกมา คือ 1 myname descccc name/1.png และ 7 นำไปใช้กันให้ถูกนะคะ :) http://blog.levelup.in.th/2012/01/31/loop-for-in-for-each-in/ RSLs (Runtime Shared Libraries) พูดกันง่ายๆคือการแชร์ library ที่ใช้ในแอพเป็นส่วนกลางในระหว่างการทำงาน จะช่วยลดขนาดของแอพที่โหลดขึ้นมา ลองดูรูปง่ายๆกันก่อน [caption id="" align="alignnone" width="461" caption="เปรียบเทียบระหว่างการใช้ rsls และไม่ใช้"][/caption] จากรูปจะเห็นได้ชัดว่า ถ้าไม่ได้ใช้ RSLs แอพแต่ละตัวจะเก็บ library ไว้ในตัวโปรแกรมของแต่ละตัวกันเอง ซึ่งเมื่อรันโปรแกรมแล้ว จะทำให้เกิดการโหลด library ที่ซ้ำๆกันออกมา ส่วนภาพขวาคือการที่ใช้ RSLs ในการแยก library ออกมา เมื่อรันแอพแต่ละตัว ก็จะไม่มีการโหลดซ้ำของ library อีก ความเหมาะสมของโปรแกรมที่จะใช้ RSLs คือ 1. เป็นแอพที่มีมินิเกมอยู่ข้างในโดยแยกตัว swf ออกจากกัน 2. ใช้ library เดียวกัน เช่น รูปภาพ ตัวละครในเกม 3. แอพที่มีขนาดใหญ่และต้องการที่จะลดขนาด เพื่อความสะดวกแก่คนที่เข้ามาใช้แอพ http://blog.levelup.in.th/2012/01/31/introduce-to-rsls-runtime-shared-libraries%e0%b8%a1%e0%b8%b2%e0%b8%97%e0%b8%b3%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%a3%e0%b8%b9%e0%b9%89%e0%b8%88%e0%b8%b1%e0%b8%81%e0%b8%81%e0%b8%b1%e0%b8%9a-rs/ บางทีการค่อยๆ วาดเส้นในอิลลัสมันก็อาจจะยากและนานไปนิด ในขณะที่เวลาวาดรูปบนกระดาษมันง่ายกว่าเย้อ แต่ถ้าเกิดเราอยากใช้รูปของเรากับโปรแกรมอิลลัสขึ้นมาล่ะ?? เราก็มีวิธีค่ะ :-D ก่อนอื่นวาดรูปฟรีแฮนด์แล้วสแกนเข้าคอม adjust the levels ในโฟโต้ฉอปให้เส้นสะอาดนะคะ หลังจากนั้นไปที่ File >> Place รูปในโปรแกรมอิลลัส เลือก Object >> Live Trace >> Tracing Options จะมีหน้าต่างขึ้นมา ลองตั้งค่าตามนี้นะคะ เสร็จแล้วกลับไปที่ Object >> Live Trace >>  Expand เีรียบร้อย รูปวาดของเราก็จะเป็นลายเส้นแบบ Vector แล้วค่ะ จะดึงจุด ปรับเส้น ลงสีฟรีแฮนด์ยังไงก็ตามสะดวกเลย ;-) http://blog.levelup.in.th/2012/01/30/%e0%b9%81%e0%b8%9b%e0%b8%a5%e0%b8%87%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%a7%e0%b8%b2%e0%b8%94%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99%e0%b8%a5%e0%b8%b2%e0%b8%a2%e0%b9%80%e0%b8%aa%e0%b9%89%e0%b8%99%e0%b9%81/