บทความสอนกราฟิก

 ลืมรหัสผ่าน
 ลงทะเบียน
ค้นหา
ดู: 2498|ตอบกลับ: 0

[Renpy] 69. วิธีทำ Compile Install เกมส์ Renpy for Windows By NSIS

[คัดลอกลิงก์]

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
Compile_Install_Exe_20.jpg
[Renpy] 69. วิธีทำ Compile Install เกมส์ Renpy for Windows By NSIS
นที่จะอ่านบทความนี้ ให้ศึกษาบทความ - [renpy] 70. การพับลิชไฟล์ และซ่อนไฟล์หลังพับลิช   ให้เข้าใจก่อนนะค่ะ เพราะมันต่อเนื่องกัน

การทำตัว Install เกมส์บนลงระบบปฏิบัติการ Windows โดยใช้โปรแกรม NSIS มาช่วย มันคือขั้นตอนสุดท้ายของการทำเกมส์ เพื่อให้พร้อมสำหรับส่งต่อให้ ผู้เล่น (User) นำไปติดตั้งลงเครื่องของตนเองเพื่อเล่น

ในบทความนี้จะสอนเรื่อง การทำไฟล์เกมส์ให้เป็นสกุล .exe  เพื่อให้พร้อมติดตั้งลงไปที่เครื่องคอมพิวเตอร์ของผู้เล่น เมื่อติดตั้งเสร็จแล้ว ก็จะมีไอคอนแสดงอยู่ที่หน้า Desktop และแสดงที่ Start Menu ให้โดยอัตโนมัติ นอกจากนี้ภายในแฟ้มตัวติดตั้งเกมส์ยังมี ตัว.exe สำหรับรันเพื่อ Uninstall (ยกเลิกการติดตั้ง) ตัวเกมส์ให้อีกด้วยค่ะ

ขั้นตอนที่ 1: โหลดโปรแกรมและไฟล์ที่จำเป็นต้องใช้
ให้โหลด 2 โปรแกรมนี้มาก่อนค่ะ
1.1 โหลดไฟล์ installer.nsi จาก http://www.renpy.org/wiki/renpy/doc/cookbook/NSIS

Compile_Install_Exe_01.jpg


(จริงๆ ที่เว็บหลักมันก็อธิบายวิธีทำให้หมดแล้วล่ะ (ฝรั่งเขาจะชอบบอกสั้นๆ แบบนี้แหล่ะ ให้คนทำตามไปงมต่อเอาเอง ) แต่ถ้าอ่านคำอธิบายแล้วยังงงๆ หรือไม่เข้าใจ ก็อ่านต่อไปค่ะ จะอธิบายแบบทีละสเต็ปให้ ค่ะ ^^" )

และ
1.2 โหลดโปรแกรม NSIS 3.0a1 จาก http://nsis.sourceforge.net/Download
Compile_Install_Exe_02.jpg


1.3 ติดตั้งไฟล์ NSIS 3.0a1 ให้เรียบร้อยด้วยนะค่ะ (เป็นโปรแกรมฟรีติดตั้งง่ายมาก เลยไม่ขอทำภาพประกอบนะค่ะ)  ส่วนไฟล์ installer.nsi ไม่ต้องติดตั้งค่ะเพราะมันเป็นแค่ตัวรวมสคริปคำสั่งเฉยๆ


เมื่อติดตั้ง
NSIS 3.0a1 เสร็จแล้วก็จะได้ตัวเปิดโปรแกรมแบบทางซ้ายมือมาค่ะ (ทางขวาคือภาพไฟล์สคริป installer.nsi )
Compile_Install_Exe_04.jpg

ขั้นตอนที่ 2: เตรียมไฟล์เกมส์ให้พร้อม
2.1 ทำการ Compile ไฟล์เกมส์ให้สกุล .Zip พร้อมเล่น โดยใช้คำสั่ง "Build Distributions" ดูรายละเอียดได้ที่บทความนี้ [renpy] 70.การพับลิชไฟล์ และซ่อนไฟล์หลังพับลิช

Compile_Install_Exe_03.jpg

2.2 หลังการ Compile เราจะได้ไฟล์เกมส์พร้อมเล่นก็ถูกจับไว้เป็นสกุล .Zip  มาแบบนี้ค่ะ (ชื่อไฟล์ไม่เหมือนกัน เปลี่ยนไปตามชื่อเกมส์ที่เราตั้งไว้ตอนสร้างเกมส์) (เราดึงออกมาวางไว้ที่หน้า Desktop จะได้หาง่ายหน่อย)

Compile_Install_Exe_06.jpg

2.3 คลิกเม้าส์ขวาที่ไฟล์ Zip เกมส์เลือก "แตกลงไฟล์ที่นี่" (ไม่แน่ใจว่าถ้าเป็นภาษาอังกฤษ มันจะเขียนว่าอะไร แต่เอาเป็นว่ามันจะอยู่ที่ตำแหน่งนี้ละกัน)

Compile_Install_Exe_07.jpg

และเราก็จะได้ไฟล์ที่แตก Zip แล้วมาดังรูปนี้ค่ะ
Compile_Install_Exe_08.jpg

2.4 คลิกขวาที่ไฟล์ ZIP เกมส์ เลือกคำสั่ง "Rename"  จัดการลบชื่อส่วนเกินรกๆ ของชื่อออกไปซะ (เพื่อความสบายสายตา -*- เวลาแก้ในสคริปจะได้ไม่รก )

Compile_Install_Exe_09.jpg

โอเคชื่อสั้นลงหน่อยแล้ว ^0^

Compile_Install_Exe_10.jpg

ขั้นตอนที่ 3: แก้ไขคำสั่งในสคริป undefined
3.1 ให้ลากตัวสคริป installer.nsi มาโยนใส่ที่หน้าโปรแกรม jEdit ค่ะ

Compile_Install_Exe_11.jpg

มันจะแสดงหน้าตาสคริปมาเป็นแบบนี้ เดี๋ยวเราต้องแก้คำสั่งบางตัวในนี้กันค่ะ
Compile_Install_Exe_12.jpg

3.2 ที่โปรแกรม jEdit ให้คลิกที่เมนู "Search" และเลือกคำสั่ง "Find.." (ดูภาพตัวอย่างข้างล่าง)

Compile_Install_Exe_13.jpg

3.3 ให้ใส่คำว่า "RODUCT_NAME" ลงไปในช่องค้นหา(Search for และใส่ชื่อไฟล์เกมส์ของเราลงไปในช่องแทนที่ (Replace with จากนั้นคลิกที่ปุ่ม "Replace All" (เพื่อเปลี่ยนคำว่า "RODUCT_NAME" ที่อยู่ทั้งหมดในสคริป ให้เป็นชื่อไฟล์เกมส์ของเราแทน )

เสร็จแล้วกด X ปิดหน้าค้นหาไปค่ะ
Compile_Install_Exe_14.jpg

ตรวจให้แน่ใจว่าชื่อไฟล์ของเราแทนที่คำว่า "RODUCT_NAME" หมดแล้ว
Compile_Install_Exe_15.jpg

3.4 และให้แก้ที่บรรทัด 13, 17, 20, 21, 31 และ 32  เป็นชื่อเกมส์ ตัวรันเกมส์สกุล.exe และเว็บไซต์เกมส์ของเรา
Compile_Install_Exe_15_1.jpg

(หลังจากแก้เป็นชื่อของเราแล้ว)
Compile_Install_Exe_15_2.jpg

3.5 ที่บรรทัดที่ 58 ถ้าเราไม่ได้ทำไฟล์ชื่อ "LICENSE.txt" แนบกับตัวเกมส์ไว้ ก็ให้ใส่เครื่องหมาย ";" ไว้ที่ข้างหน้าคำสั่ง โปรแกรมมันจะได้ไม่อ่านและไม่เกิด Error ทีหลังค่ะ

Compile_Install_Exe_15_3.jpg

3.4 (ที่โปรแกรม jEdit ) เสร็จแล้วให้คลิกที่เมนู File > Save As... เลือกบันทึกไว้ที่ไหนก่อนก็ได้ หรือจะใส่ไว้แฟ้มเกมส์ของเราก็ได้ค่ะ

หลังจากเซฟตัวสคริปแล้ว ก็ให้ปิดหน้าโปรแกรม jEdit ไปเลยค่ะ (ภาพด้านล่าง เราเซฟไว้ที่แฟ้มเกมส์จะได้หาง่ายหน่อย)



ขั้นตอนที่ 4: รันสคริป
4.1 ให้ดับเบิ้ลคลิกที่ "โปรแกรม NSIS" และมันก็จะมีหน้าตาเป็นแบบภาพด้านล่างค่ะ
4.2 ให้คลิกที่คำสั่ง "Compile NSIS Script" (ดูภาพด้านล่างประกอบ)


Compile_Install_Exe_17.jpg

4.3 ให้ลากสคริป (ตัวไฟล์ installer.nsi ที่เราแก้ไขคำสั่งภายในไว้แล้ว) มาปล่อยที่หน้าต่าง "MakeNSISW" ดังภาพด้านล่าง

Compile_Install_Exe_18.jpg

โปรแกรมจะทำการค้นหาแฟ้มเกมส์ของเราและจัดการ Compile สคริปที่อยู่ภายในทั้งหมด หากไม่เกิด Error ใดๆจะแสดงออกมาเป็นดังภาพด้านล่างค่ะ (ในกรณีที่ตรวจพบ Error มันจะแจ้งว่าเกิดข้อผิดพลาดที่บรรทัดไหนบ้าง)


Compile_Install_Exe_19.jpg

4.4 ถ้าสคริปผ่านฉลุยไม่พบ Error ใดๆ โปรแกรมก็จะสร้างตัว Install.exe มาให้เราสมใจค่ะ (ดังภาพด้านล่าง)  (จริงๆ ถ้าทำตามบทความนี้ทุกขั้นตอน มันก็ไม่ควรจะมี Error ได้อะนะ -*- )


Compile_Install_Exe_20.jpg (ไฟล์ Exe ตัวนี้แหล่ะที่จะเอาต้องไปแจกให้ User นำไปติดตั้งในเครื่องเพื่อทดลองเล่น)

ขั้นตอนที่ 5: ตรวจเช็คตัว Install
ถือเป็นขั้นตอนสุดท้ายแล้วล่ะค่ะ เพราะถึงตัวสคริปจะไม่ตรวจพบ Error มันก็ไม่ได้หมายความว่า ตัวติดตั้ง Install จะไม่มีปัญหาอะไรเลย เพื่อความชัวร์เราควรทดลองติดตั้งที่เครื่องเราด้วย

5.1 ให้ดับเบิ้ลคลิกที่ตัว Install.exe  ที่ได้จากขั้นตอนที่ 4.4 ค่ะ
Compile_Install_Exe_21.jpg

เลือกไดร์วที่จะติดตั้งเกมส์และกดปุ่ม  Install
Compile_Install_Exe_22.jpg

หลังจาก Install เกมส์เสร็จแล้ว ถ้ามีไอคอนเกมส์แสดงที่หน้า Desktop ให้อัตโนมัติก็...  
ถือว่าผ่าน!!!
Compile_Install_Exe_23.jpg

คราวนี้ก็ดับเบิ้ลคลิกทดลองเล่นเลย ว่าปกติทุกอย่างไหม? ถ้าปกติทุกอย่าง ถือว่าผ่าน!!!
Compile_Install_Exe_24.jpg

หลังจากเล่นเกมส์จบแล้วก็ให้เปิดแฟ้มเกมส์ของเราจะพบตัว ยกเลิกการติดตั้งอยู่ (uninst) ดังภาพด้านล่าง (ถ้าไม่มีตัวนี้ ถือว่าสคริปตรงไหนลืมแก้แน่ๆ ให้กลับไปไล่ตรวจใหม่ตั้งแต่ขั้นตอนที่ 2 ลงมา )


Compile_Install_Exe_25.jpg

ให้ทดลองดับเบิ้ลคลิกที่ตัวยกเลิกการติดตั้งเกมส์ (uninst) ดูค่ะ หลังยกเลิกการติดตั้งแล้ว ถ้าแฟ้มเกมส์ทั้งแฟ้มรวมทั้งไอคอนที่หน้า Desktop หายไป ก็ถือว่าผ่าน!!! ค่ะ



(จะเหลือแค่ตัว Install ในข้อ 4.4 เท่านั้นที่จะไม่ถูกลบ)


สงสัยตรงไหนถามได้นะค่ะ ส่วนถ้าใครอยากเปลี่ยนไอคอนเกมส์ที่หน้า Desktop ให้เป็นภาพอื่นก็ให้ศึกษาจากบทความนี้ค่ะ [renpy] 51.วิธีเปลี่ยนภาพ Icon เกมส์


แล้วพบกันใหม่บทความหน้าค่ะ
ขอให้สนุกกับการสร้างเกมส์นะค่ะ^^"
******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)

Compile_Install_Exe_16.jpg
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|GraphicFUFU

GMT+7, 2024-4-14 20:14 , Processed in 0.122846 second(s), 21 queries .

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้