วิธีทำภาพ Sprite by

31
May
0

วันนี้เราจะมาพูดถึงการทำภาพ 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

31
May
1

โดยปกติแล้ว การ 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

31
May
0

เคยหรือไม่ เวลาที่ท่านทำงานเสร็จสมบูรณ์ตามที่ลูกค้าสั่ง และรวมไฟล์งานทั้งหมดเป็น jpeg แล้ว

สบายแฮ เตรียมส่ง แต่…..

ลูกค้า “เปลี่ยนใจค่ะ ขอเปลี่ยนสีผมเป็นสีม่วงนะ ”

ป๊าดดดดดดดดดดดดดดดดดดดดดดด รวมเลเยอร์ไปแล้วคร้าบบบ พี่น้อง!

หากจะลงสีแก้ไขทับลงไปในลักษณะนี้ อาจเกิดปัญหากับตัวเส้นได้ (จะลำบากมากขึ้น สำหรับคนที่ใช้เทคนิคตัดเส้นลงสี ถ้าเป็นแบบทับเส้น เราสามารถปาดทับได้เลย)

เพื่อไม่ให้เสียเวลาอันมีค่า จงใช้เครื่องมือหากินอย่าง

” Ctrl+U ”

Hue/Saturation
สามารถปรับสีของทั้งภาพได้ทุกเฉด และสามารถปรับเป็นภาพขาวดำได้ตามสะดวก แต่สำหรับการเปลี่ยนสีในครั้งนี้ หากเราเลื่อนปรับสีทั้งๆที่ยังอยู่ในโหมด ‘Master’ ทั้งภาพสีจะไปพร้อมกับหมด โอ้โน้วววว ตัวละครได้กลายเป็นสีม่วงซอมบี๋พอดี

ดังนั้น ให้คลิกตรงคำว่า Master จะมีเฉดสีให้เลือกดังภาพ ตรงจุดนี้เราสามารถเลือกได้ว่าจะเปลี่ยนเฉพาะสีอะไร  สำหรับงานนี้เราต้องการเปลี่ยนสีผมจากสีเหลืองเป็นสีม่วง
ดังนั้น จะเลือกโหมดเป็น Yellow แล้วปรับสีเอาตามความสะดวก

ได้แว้วววววววววววววว

ปล. แต่อย่าแปลกใจหากปรับสีแล้วลูกค้าอยากได้แบบแรกสุดที่ทำ เพราะมันเป็นสัจธรรมค่ะ *ตบบ่าแปะ

ของขายใน Social Casual Game by

31
May
0

A: เฮ้อ ตูทำเกมออกมาก็สนุก คนก็ชอบเล่น แต่ไหงยังจนอยู่วะ
ฺB: ก็เกมเอ็งจะเงินจากอะไรล่ะ?
A: … นั่นดิ ลืมคิด

สำหรับเกมประเภท Casual แล้ว สิ่งที่จะนำมาขายให้กับผู้เล่นนั้นจะมีความหลากหลายน้อยกว่า
เกมประเภทปลูกผัก, RPG, เลี้ยงสัตว์ หรือ สร้างเืมือง อยู่แล้ว แต่ก็ใช่ว่าจะไม่มี

วันนี้จะมายกตัวอย่างสิ่งที่เราจะนำมาขายได้ในเกมประเภทนี้ครับ

1. Energy

สินค้ายอดฮิตประจำุทุก Social Game ไม่ว่าจะเป็นแนวไหนก็มีหมด

2. Boost

ขึ้นชื่อว่าเกม Casual แล้ว สิ่งที่คนเล่นชอบก็คือการแข่งขันกับเพื่อน กูคะแนนเยอะกว่า กูเทพ
สิ่งที่เราจะขายคนเล่นได้อีกคือตัวช่วยพิเศษๆ ที่จะทำให้คนอ่อนกว่ามีสิทธิชนะคนเก่งกว่าได้เหมือนกัน
ลักษณะเด่นของ Boost คือซื้อแล้วใช้เลย ใช้เป็นครั้งๆในการเล่น

3.Power Up

Power Up ต่างจาก Boost ที่จะเป็นการซื้อเพื่ออัพเกรดไปเรื่อยๆ ไม่ได้ใช้ในการเล่นแค่ครั้งเดียว

4.Special

เป็นสินค้าพิเศษไม่มีขายเป็นปกติ ราคาก็มักจะแพงกว่าปกติด้วย เ่ท่าที่เห็นเจอแต่ในเกม Bejeweled Blitz เกมเดียว

5.Character

ขายตัวละครที่เล่นในเกม ขายลายไพ่ และอื่นๆ ซึ่งหลายๆเกมมักจะเป็นแค่ความสวยงามอย่างเดียว
ไม่ได้มีผลทำให้ผู้เล่นเล่นได้ดีขึ้น

6.Money

เนื่องจากแทบทุกอย่างที่พูดถึงข้างต้นนี้ ใช้เงินในเกมหมดเลย(ยกเว้น Energy)
ืำทำให้เงินเป็นสิ่งที่ผู้เ่ล่นต้องการมาก เราก็ต้องตอบสนองซะ

การเช็คข้อมูล base64 ที่ถูกแปลงมาจากรูป by

31
May
0

ในการส่งข้อมูลรูปไปให้ php เราต้องทำการแปลงข้อมูลก่อนโดยทาง php ของผมรับข้อมูลเป็นรูปแบบ base64 เพื่อไป decode โดยถ้าเป็นข้อมูล String ต่างๆเรายังดักเช็คก่อนทำการส่งได้ แต่ในที่นี้เป็นรูปเราจำเป็นต้องสร้าง BitmapImage และใช้เป็น ImageSnapshot ก่อนถึงจะส่งค่าได้ การเช็ครูปภาพของเราจึงต้องมีการใช้ตัวช่วยครับ

  • ขั้นแรก เราก็ทำการดักข้อมูลที่แปลงแล้วของเราก่อน โดย debug break หรือ trace ก็ได้แต่ต้องนำมาให้ครบ ไม่งั้นจะพังเอานะครับ
  • ข้อมูลรูปที่ถูก encode มาอยู่ในรูปแบบของ String

    ข้อมูลรูปที่ถูก encode มาอยู่ในรูปแบบของ String

  • ต่อไปเราก็Copyข้อมูลนั้นมาใช้ในลิ้งค์นี่ครับ base64-decoder-encoder
  • จากนั้นก็ทำการตั้งค่าต่างๆ ดังนี้ครับ
    1. - Paste ข้อมูลที่เป็น String ที่เราได้ดักมาลงใน Textbox เลยครับ
      - What to do with the source data เลือกเป็น decode
      - Output data เลือกเป็น export to a binary file, filename: เลือกใส่ชื่อไฟล์เลยครับเนื่องด้วย default ของมันเป็น .txt เราก็เปลีย่นเป็นชื่อรูป+จุด+นามสกุลไฟล์ของเราได้เลยตามรูปครับ

    64_2
    64_3

      จากนั้นกด Convert the source data เว็ปเบราเซอร์ของเราก็จะทำการเซฟรูปมาให้ครับ

    64_4

    ไฟล์ที่ได้

    ไฟล์ที่ได้

    เท่านี้เราจะตรวจสอบข้อมูลรูปที่เราจะส่งให้ php ได้แล้วล่ะครับ

    กู้เงิน | เศรษฐกิจพอเพียง | สินเชื่อบุคคล | สมัครบัตรกดเงินสด | สินเชื่อ | เงินกู้ด่วน | ยืมเงินทรูมูฟ | เงินด่วนนอกระบบ