วิธีทำภาพ Sprite by Queen
May0
วันนี้เราจะมาพูดถึงการทำภาพ Sprite
เริ่มจากเตรียมรูปที่เราจะทำเป็นภาพ Sprite
เราจะทำอุกาบาศให้ขยับแบบปิ๊งแวร๊บ ด้วยการย่อขนาดลงเป็นสเต็ป ซักสามระดับ
แล้วซ้อนให้อยู่ในทิศทางการเคลื่อนไหวเดียวกัน
จากนั้นเราจะตัดส่วนเกินทิ้งไป
โดยไปที่ Image > Trim เลือก Transparent pixels > OK
ทีนี้เนื่องจากทั้งสามรูปมีขนาดไม่เท่ากัน วิธีแก้ก็คือ แยกสามรูปเป็นสาม Group
แล้วสร้างเลเยอร์เปล่าขึ้นมาทุกGroup เทสีลงไปแล้วปรับ Opacity ให้เป็น 0
เท่านี้เราก็จะได้รูปที่มีกรอบเท่ากัน
ต่อมาคือขั้นตอนการเอามาวางต่อกันซึ่งจะต่อแนวนอนหรือแนวตั้งก็ได้
แต่ในกรณีนี้เราจะต่อแนวนอน
ขนาดของรูปคือ 151 * 138 เราจะวางทั้งหมด 4 frame
ก็เอาความกว้างของรูป คูณด้วยจำนวน frame แล้วก็ลาก Group ลงไปวาง
กด Ctrl+T แล้วกดที่มุมซ้ายตรงวงกลม รูปแล้ว ตั้งค่า แกน X และ Y เป็น0
รูปต่อๆ ไป X เท่ากับ ระยะห่างของขอบกับรูปที่จะวาง (ความกว้างของรูปก่อนหน้า)
และ Y =0 เสร็จแล้วเซฟเป็น PNG.
Thadaaaaaaaaa
เราก็จะได้อะไรประมานนี้
จากนั้นก็เอาภาพทีได้ไปใช้ต่อในเอนทรีนี้ >> ทำ animation ง่ายๆด้วย flixel
สวัสดีครับ…..
การ backup และทำ replication database โดยไม่ต้องปิด server by heha
May1
โดยปกติแล้ว การ backup database เรามักจะใช้คำสั่ง mysqldump กันใช่ไหมครับ แต่คำสั่งนี้มีข้อเสียที่ร้ายแรงอย่างหนึ่งคือตารางที่ backup ทุกตารางจะต้องถูก Lock จนกว่าจะทำการ backup เสร็จ ทำให้ผู้ใช้ไม่สามารถให้บริการเว็บไซต์ของเราในระหว่าง backup ได้ ส่งผลให้ต้องมีการปิด maintenance ระหว่าง backup หรือถูกบังคับให้ทำ Replication แบ่งสองเครื่องทั้งที่เราเองก็มีทรัพยากรจำกัด เนื้อที่จำกัด ไม่สามารถทำ Replication กับทุกๆ ฐานข้อมูลได้ วันนี้ผมมีวิธีช่วย backup ดีๆ ง่ายๆ มาแนะนำคือเราจะใช้ Xtrabackup ซึ่งเป็นชุดซอฟต์แวร์ของ Percona Server นั่นเอง
ก่อนอื่นต้องอธิบายก่อนว่า Percona Server คือ MySQL เวอร์ชั่นปรับปรุงนั่นเอง โดยทางทีมพัฒนาได้นำเอา InnoDB Engine ไปพัฒนาและปรับปรุงประสิทธิภาพหลายๆ อย่าง และใส่ฟีเจอร์เด็ดๆ เพิ่มเข้ามามากมายจนสุดท้ายออกมาเป็น Percona Server ซึ่งเจ้านี่มีความเข้ากันได้กับ InnoDB Engine ตัวเดิมของ MySQL 100% ครับ ใช้แทน MySQL ได้ทุกประการ รวมไปถึง Tools ต่างๆ ที่เคยใช้กับ MySQL ได้ก็จะใช้กับ Percona Server ได้เช่นกัน (แม้จะเป็น MyISAM ก็สามารถใช้งานได้ปกติไม่มีปัญหาใดๆ ครับ แค่ performance จะยังคงเหมือน MySQL ไม่ได้ถูกปรับปรุงขึ้นตามด้วย)
ส่วน Tools ที่เราจะใช้สำหรับ Backup จริงๆ ชื่อ XtraBackup ครับ ซึ่งเป็นทีมพัฒนาทีมเดียวกับ Percona Server (และ Percona Data Recovery Tool for InnoDB จากบทความที่แล้วด้วยเช่นกัน) เจ้าตัว Xtrabackup นี้จริงๆ ใช้งานกับ mysql ธรรมดาที่ไม่ใช่ Percona Server ก็ได้แต่จะมีความสามารถบางอย่างที่ทำไม่ได้หากไม่ได้ใช้ Percona Server ครับ เช่น การ Backup/Restore ฐานข้อมูลเฉพาะตารางบางตารางที่เราต้องการ (เพื่อประหยัดเวลา/cpu ของ server) เป็นต้น ซึ่ง Tools ตัวนี้จะช่วย Backup แบบไม่ต้องปิด server (ไม่ต้อง Lock Table ระหว่างทำการ backup) ได้เฉพาะตารางที่ใช้งานฐานข้อมูลชนิด InnoDB เท่านั้น (จริงๆ MyISAM ก็ใช้ Tools ตัวนี้ช่วย backup ได้ครับ แค่จะยังติด lock อยู่เหมือนเดิม) นอกจากนี้หากเราใช้งานฐานข้อมูลบน VPS หรือ Cloud ที่ให้พื้นที่ใช้งานน้อยๆ ยังสามารถ Backup เป็นแบบ Incremental หรือส่งไฟล์ Backup เป็น stream ไปเข้า server ตัวอื่นที่มีพื้นที่เยอะกว่าได้อีกด้วย! (Amazing ไหมละ!) ซึ่งการ Backup โดยที่ Server ยังคงให้บริการได้ปกติแบบนี้เราจะเรียกว่า Hot Backup ครับ ส่วนการ Backup ที่จำเป็นต้องปิด Server ระหว่าง Backup เราจะเรียกว่า Cold Backup เอาละหลังจากติดตั้งเสร็จแล้ว (และต้องมี account root ของ OS ด้วยนะครับ) ลองมาดูวิธีใช้งานกันดีกว่าครับ (ทุกขั้นต้อนต้องทำขณะเป็น root ครับ)
เปลี่ยนสีด่วนจี๋ สไตล์ชาวร็อค by nontra
May0
เคยหรือไม่ เวลาที่ท่านทำงานเสร็จสมบูรณ์ตามที่ลูกค้าสั่ง และรวมไฟล์งานทั้งหมดเป็น jpeg แล้ว
สบายแฮ เตรียมส่ง แต่…..
ลูกค้า “เปลี่ยนใจค่ะ ขอเปลี่ยนสีผมเป็นสีม่วงนะ ”
ป๊าดดดดดดดดดดดดดดดดดดดดดดด รวมเลเยอร์ไปแล้วคร้าบบบ พี่น้อง!
หากจะลงสีแก้ไขทับลงไปในลักษณะนี้ อาจเกิดปัญหากับตัวเส้นได้ (จะลำบากมากขึ้น สำหรับคนที่ใช้เทคนิคตัดเส้นลงสี ถ้าเป็นแบบทับเส้น เราสามารถปาดทับได้เลย)
เพื่อไม่ให้เสียเวลาอันมีค่า จงใช้เครื่องมือหากินอย่าง
” Ctrl+U ”
Hue/Saturation
สามารถปรับสีของทั้งภาพได้ทุกเฉด และสามารถปรับเป็นภาพขาวดำได้ตามสะดวก แต่สำหรับการเปลี่ยนสีในครั้งนี้ หากเราเลื่อนปรับสีทั้งๆที่ยังอยู่ในโหมด ‘Master’ ทั้งภาพสีจะไปพร้อมกับหมด โอ้โน้วววว ตัวละครได้กลายเป็นสีม่วงซอมบี๋พอดี
ดังนั้น ให้คลิกตรงคำว่า Master จะมีเฉดสีให้เลือกดังภาพ ตรงจุดนี้เราสามารถเลือกได้ว่าจะเปลี่ยนเฉพาะสีอะไร สำหรับงานนี้เราต้องการเปลี่ยนสีผมจากสีเหลืองเป็นสีม่วง
ดังนั้น จะเลือกโหมดเป็น Yellow แล้วปรับสีเอาตามความสะดวก
ได้แว้วววววววววววววว
ปล. แต่อย่าแปลกใจหากปรับสีแล้วลูกค้าอยากได้แบบแรกสุดที่ทำ เพราะมันเป็นสัจธรรมค่ะ *ตบบ่าแปะ
การเช็คข้อมูล base64 ที่ถูกแปลงมาจากรูป by Ziah
May0
ในการส่งข้อมูลรูปไปให้ php เราต้องทำการแปลงข้อมูลก่อนโดยทาง php ของผมรับข้อมูลเป็นรูปแบบ base64 เพื่อไป decode โดยถ้าเป็นข้อมูล String ต่างๆเรายังดักเช็คก่อนทำการส่งได้ แต่ในที่นี้เป็นรูปเราจำเป็นต้องสร้าง BitmapImage และใช้เป็น ImageSnapshot ก่อนถึงจะส่งค่าได้ การเช็ครูปภาพของเราจึงต้องมีการใช้ตัวช่วยครับ
ข้อมูลรูปที่ถูก encode มาอยู่ในรูปแบบของ String
- - Paste ข้อมูลที่เป็น String ที่เราได้ดักมาลงใน Textbox เลยครับ
- - What to do with the source data เลือกเป็น decode
- - Output data เลือกเป็น export to a binary file, filename: เลือกใส่ชื่อไฟล์เลยครับเนื่องด้วย default ของมันเป็น .txt เราก็เปลีย่นเป็นชื่อรูป+จุด+นามสกุลไฟล์ของเราได้เลยตามรูปครับ
- จากนั้นกด Convert the source data เว็ปเบราเซอร์ของเราก็จะทำการเซฟรูปมาให้ครับ
ไฟล์ที่ได้
เท่านี้เราจะตรวจสอบข้อมูลรูปที่เราจะส่งให้ php ได้แล้วล่ะครับ