กัปตันคลอรีนมาแล้ว !! ไม่ใช่ๆ ผิดๆ สวัสดีครับ หลังจากที่บทความที่แล้วโน้น ผมได้เล่าเรื่องเกี่ยวกับการทำแอปเล็กๆของผมเอง เป็นเกมแนว puzzle เป็นการฝึกฝน และทำขำๆไปด้วย อย่างสนุกสนาน เมื่อทำจนคิดว่าโอเคแล้ว ผมก็ปล่อยเกมลงสู่ Play store มีผู้คนมาเล่นอย่างโล้นหลามถึง 10 คน ฮ่าๆ ผมได้เห็นข้อเสียหลายๆอย่างๆ จนเวลาผ่านมาราวๆ 1 เดือน ติดภาระหลายๆอย่าง ละรู้สึกเอือม android ไปพักนึงเลย ไปเขียน laravel แทน วันนี้ก็ได้ว่าปรับปรุงแอปแล้ว เย้ๆ ใช้เวลาประมาณ 3-4 วัน ในการปรับปรุง บทความนี้ผมจะทำการสรุป สิ่งที่ผมได้ทำลงไป ทั้งเพิ่มและแก้ไขใน Immortal Table นี้ ในเวอชัน 2.0 ซึ่งเป็นประสบการณ์และบันทึกไปในตัว

ไอคอนใหม่

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

ธีมใหม่

แบบเดิมนั้นเป็นยุคบุกเบิกโดยแท้ ธีมดำมืด อย่างกับ Windows phone เลย ไม่เหมาะกับเกมเลย ผมเลยเปลี่ยนใหม่ ใส่ความสดใสลงไป คิดหาธีมดีๆอยู่นาน ไม่ค่อยมีหัวด้านนี้ด้วย พอดีเจอวอลเปเปอร์บน windows เป็นรูปวิว ก้อนเมฆ เยี่ยมเลย เอาธีมก้อนเมฆละกัน ดูสดใสสีฟ้าดี สบายตาด้วย มาพร้อมกับสีแนวฟ้าน้ำเงินตัดกับขาว ส่วนตัวผมชอบมากเลย

เลือกด่าน

หน้าเลือกด่าน ก็ไม่ได้ปรับปรุงมากนัก ยังคงรูปแบบเดิมอยู่ เพิ่มแค่เมนูสำหรับกลับไปเมนูหลัก แล้วก็ลบชื่อแอปออก

เล่นเกม

หน้าสำหรับเล่นเกม ยังคงรูปแบบเดิมเทบทั้งหมดเลย แต่มีหลายจุดที่ปรับปรุงอยู่ คือเพิ่มกรอบสีฟ้า จะได้ดูไม่ลอยๆ เพิ่มปุ่มสำหรับยอมแพ้ด้วย มีสีหลากหลายขึ้นถึง 6 คู่ จากเดิมมีแคู่เดียว คือ สีเหลืองกับเขียว แล้วยังเพิ่มแอนนิเมชันตอนจบด่านด้วยนะ

โฆษณา

ผมเพิ่ม Ads เจ้าโฆษณามาด้วย เป็นในรูปแบบ banner ระหว่างเล่น และหน้าเลือกด่าน ส่วนโฆษณาแบบเต็มหน้า จะขึ้นมาระหว่างจบเกม หรือผ่านด่าน เหมือนเดิม แต่ปรับไม่ให้ขึ้นบ่อย ซึ่งไม่ได้ขึ้นตลอดนะ ถือเป็นรายได้ที่ไม่น่าจะได้ละกัน ฮ่าๆ

โอกาสที่จะมีโฆษณาขึ้น เมื่อแพ้ หรือยอมแพ้ 20%  (โอกาสแพ้มีบ่อย เลยคิดว่านานๆขึ้นทีน่าจะดีกว่า เดี๋ยวผู้เล่นจะรำคาญ)
โอกาสที่จะมีโฆษณาขึ้น เมื่อชนะ 70% (Stage 1 สำหรับ 10 ด่านแรกไม่มีโฆษณา)

หน้าต่างไดอาล็อก

ไดอาล็อกก็มีปรับปรุงเล็กน้อยให้เข้ากับธีมใหม่ด้วย

จัดการไอเท็ม

พวกไอเท็มไม่ได้เพิ่มตัวใหม่เข้ามา เพราะที่มีอยู่ก็น่าจะเยอะแล้วนะ หน้านี้มีปรับปรุงเล็กน้อย คือเพิ่มปุ่มไปยังหน้า item shop พอเปลี่ยนธีมใหม่  ก็ดูดีขึ้นเลยแหะ

ร้านค้า

ร้านค้าแทบจะเหมือนเดิมเลย ปรับปรุงแค่เพิ่มธีมใหม่เท่านั้น

หน้าสอนวิธีเล่น

หน้าสอนวิธีเล่น เหมือนเดิมแทบทุกประการ

โหมดใหม่

เวอชันนี้นอกจากปรับปรุง เพิ่มธีมใหม่เข้ามาแล้ว ผมก็ได้เพิ่มความยากเข้าไปอีกให้หลากหลายขึ้น โดยเพิ่มโหมดใหม่ เป็นโหมดรูปภาพ จากเดิมเป็น สี สลับกัน โหมดนี้จะเป็นภาพสลับกัน โดยผมให้เป็น Stage 2 แล้วอันเดิมเป็น Stage 1 ไป มีทั้งหมด stage ละ 80 ด่าน นอกจากนี้พอเล่นจบในแต่ละด่านจะมีแอนิเมนชันด้วยเอารูปมารวมกันเป็นภาพเดียวกัน

แท็บเลต

มีการปรับปรุงให้เข้ากับแท็บเลตด้วย เผื่อมีคนเล่นบนแท็บเลตก็ต้องเล่นได้ อย่างงดงาม โดยผมมี แท็บเลตเอาไว้เล่นอยู่แล้ว เลยเอามาเทสด้วยเลย

หน้าตาก็จะต่างจากเดิมเล็กน้อย เช่นในแท็บเลต จะเรียงด่านแบบแนวนอนแบบนี้

หน้าอื่นๆ ก็คล้ายๆเดิม มีปรับให้ตัวใหญ่ขึ้น ไอเท็มช่องใหญ่ขึ้นนั่นเอง

ลองเปรียบเทียบกับเวอชันก่อน มีความต่างเล็กน้อย

ปัญหา Memmory

ผมไม่เคยทำแอปที่ใช้รูปมากขนาดนี้เลย จึงไม่เคยคิดเรื่อง Memory leak สักกะนิด มีรูปแค่ไหนก็ใช้รูปอย่างหนักเลย จนคราวนี้ต้องมาเจอด้วยตัวเอง กิน memory ไป 180 MB ในหน้าเล่นปกติ ในที่สุดก็พัง ฮ่าๆ (ปกติแอปใช้ได้ไม่กิน 200 MB) วิธีแก้ก็ไม่มีอะไรมากก็แค่ย่อรูป จะย่อในโค้ดหรือย่อข้างนอกก็ได้ ผมย่อในโค้ดเอา พอจบด่านก็คืนค่าทั้งหมด ตัดขาดไม่เหลือเยื้อใย  ตอนนี้ปัญหาหมดไปแล้ว กินเต็มที่ราวๆ 50 MB ถือเป็นประสบการณ์ที่ดีเลยครับ

อัพเดท screen shot ใน store

ทำเสร็จแล้วก็ได้เวลาปล่อย และต้องไปอัพเดทรายละเอียดใน store ด้วย ถือโอกาสออกแบบ cover ไปในตัว ฝีมือ photoshop ค่อนข้างอ่อนอยู่มาก

อัพเดทเพจ Facebook

พอดีผมทำเพจเฟสบุ๊คเอาไว้ด้วย เลยถือโอกาส เปลี่ยนรูปแล้วก็โพสสเตตัสไปด้วยเลยว่า เห้ยมีอัพเดทแล้วนะ  ทำแล้วมีความสุข ฮ่าๆ

อย่าลืมไปกดไลค์ได้ที่
https://www.facebook.com/immortaltable/

จากนี้เป็นการเสริมเทคนิคที่ใช้ครับ

เพิ่มเติมเทคนิคการตัดแบ่งรูปเป็นส่วนๆ

จะเห็นว่าใน Stage 2 มีการใช้รูปภาพซึ่งต้องเอารูปภาพมาตัดแบ่ง เป็นส่วนๆด้วย ซึ่งตรงนี้สามารใช้โปรแกรม photoscape ได้เลย ง่ายมากๆ

เข้าโปรแกรมเลือก โหมด split แล้ว add รูปเข้าไป ใส่จำนวนที่ต้องการ กด Split เป็นอันจบพิธี

จะได้รูปออกมาเป็นส่วนๆ โดยจะเอาชื่อรูปเดิมแล้วต่อด้วย _XXX เลขเรียงไป ซึ่งผมตัด 4×4ก็จะได้ 16 รูป

แต่เนื่องจากผมเอาไปใช้ในรูปแบบตาราง ทำให้ก็ต้องตั้งชื่อให้สื่อถึงตำแหน่ง แล้วก็ขี้เกียจมาไล่แก้ทีละรูป ผมก็เลยเขียนโปรแกรม php ขึ้นมาเปลี่ยนชื่อไฟล์ไปตามที่ต้องการ ทีละมากๆได้ เขียนแบบง่ายๆ (ที่ผมใช้ทำเป็น 4×4) เผื่อใครอยากได้แนวทาง

<?php
        $MY_COL = 4;
        $MY_ROW = 4;

        $path = "C:\output";
        $dir = @dir($path);
        $count =0;
        if($dir!=null){

            $name = array();
            $i=0;
            $index_row = 0;
            $index_col = 0;
            while (($row = $dir->read()) !== FALSE)
            {   
                if($row!="-"&&$row!="."&&$row!=".."){
                    $name = "$index_row"."_"."$index_col"; 
                    echo "rename : ".$path."\\".$row." to ".$path."\\".$name.".jpg";
                    echo"<br>------------------------<br><br>";
                    
                    rename($path."\\".$row,$path."\\".$name.".jpg");     
                    $index_col++; 
                    if( $index_col>= $MY_COL ){
                        $index_col =0;
                        $index_row++;
                    }     

                    if($index_row>= $MY_ROW){
                        $index_col=0;
                        $index_row=0;
                    }   
                }
                $i++;
            }
        } 
    ?>

คลิกทีเดียว ได้เลย เย้ แล้วก็เอารูปนี้ไปใช้ อย่างสนุกสนาน

Coming soon..

ผมกำลังฝีกพัฒนาแอปนี้บน Windows 10 อยู่ครับ ไม่รู้ว่าจะรอดมัย ฮ่าๆ

สรุป

Immortal Table ดำเนินมาถึง เวอชัน 2.0 แล้วมีปรับปรุงพอสมควร หลักๆคร่าวๆ คือเปลี่ยนธีมใหม่ ตกแต่ง แล้วก็เพิ่ม Stage 2 สำหรับเวอชันหน้าจะเพิ่มฟีเจอร์ขึ้นอีก ปรับปรุงประสิทธิภาพ สำหรับช่วงนี้ก็แก้บัคไปเรื่อยๆก่อนครับ หลังจากได้ลงมือทำก็ได้เรียนรู้อะไรอีกเยอะ และยังสนุกสนานอีกด้วย มีความสุขและภูมิใจในแอปเล็กๆนี้ ฮ่าๆ  และขอขอบคุณคำเม้น ทั้งเพื่อนๆ และหลายๆท่านในเวอชันก่อนด้วยครับ จึงได้นำมาปรับปรุงในครั้งนี้ สำหรับบทความนี้ขอจบเพียงเท่านี้  หากมีข้อเสนอแนะ ติชม สามารถคอมเม้นได้เลยครับ

ดาวน์โหลด

https://play.google.com/store/apps/details?id=com.benznest.immortaltable.immortaltable

ขอบคุณที่ติดตามครับ (: