มาทำไฟร์บอลกันเต๊อะ!!! (Ai-Twirl Tool) by

31
Jul
0

วันนี้เรามาทำไฟร์บอลง๊ายง่าย ด้วยเครื่องมือไม่กี่ชิ้นกันครับ เริ่มกันเลยดีกว่า
1.วาดรูปทรงไฟร์บอลของเราแบบง่ายๆกันเลย ใช้แค่สี่เหลี่ยมสามเหลี่ยม แล้วก็บิดรูปทรงตามจุด Anchor นิดหน่อย
1
2.จิ้มเลือกที่พระเอกของเราในวันนี้ครับ เครื่องมือ Twirl toll นั่นเอง สิ่งที่เครื่องมือนี้จะทำเมื่อเรากดใช้มันก็คือ บิด object ก็ตามให้หมุนเป็นก้นหอย
2
3
บิดโลดดดด!!!
ทริกเล็กๆน้อยๆคือ เวลาเรากด shift ค้างไว้จะสามารถปรับขนาดใหญ่-เล็กของวงก้นหอยได้โดยที่ไม่เสียสเกล และเมื่อเรากด Alt ค้างไว้เราก็จะปรับสเกลรูปร่างของวงก้นหอยได้ ไม่ว่าจะเป็นวงรี วงกลมแป้นๆ แบบไหนก็ได้ทั้งนั้น 5555+
5
เสร็จแย้วววววว ///แอบใช้ Reflect นิดหน่อยเพื่อความสวยงาม
6
เอาไปปรับสีเป็นลูกไฟเวทย์ธาตุต่างๆได้เต็มที่ Yeah!!!

ว่าด้วยเรื่องของ Label [Ngui] by

30
Jun
0

คราวก่อนเราลองทำปุ่มในเกมกันแล้ว หากขาดส่วนข้อความไปก็กระไรอยู่ เรามาเริ่มกันเลยดีกว่า
1.เปิดส่วน Font maker แล้วโยนไฟล์ฟอนต์ที่เราจะใช้ไว้ในโปรเจ็คโลด ตรง Type ให้เลือกแบบ Dynamic สำหรับคนที่ไม่ได้ทำฟอนต์เองนะฮะ เพราะแบบ Bitmap จะให้เราใส่รูปฟอนต์เอา
1
2.เลือกฟอนต์ที่จะใช้ กำหนดขนาดฟอนต์ตั้งต้น เลือกรูปแบบฟอนต์ นอร์มอล อิตาลิค โบลต์ ว่าไปๆ กดcreateเล้ย
2
3.กดเลือกฟอนต์ที่เราพึ่งสร้างแล้วกดสร้าง Image button ตามปกติ จะเห็นว่ามี Label ติดสอยห้อยตามมาด้วย //จริงๆจะสร้างเป็น Label แยกแล้วโยนใส่ ทีหลังก็ได้
2.5
4.มาดูส่วน Inspector ของ Label ที่เราสร้างขึ้นดีกว่า ว่าแก้ไขอะไรได้บ้าง อย่างแรกเลย ขนาดของข้อความเราต้องเพิ่ม-ลดด้วยตัวเองนะ โดยที่ความชัดของฟอนต์จะขึ้นอยู่ที่ตอนเราสร้าง ว่ากำหนดไว้เท่าไหร่ ข้อความที่ใช้สามารถแก้ไขได้ตลอด
Max W,H,L ว่าง่ายๆก็คือกำหนดกรอบของ Text ที่เราสร้างนั่นแหละ อยากให้ตัวอักษรเบียดกันขนาดไหนก็ปรับตรงนี้เลย
Effect-เอาไว้ใส่ลูกเล่นง่ายๆที่ฟอนต์
Color tint-เอาไว้ปรับสีฟอนต์
3
5.จะเห็นว่าฟอนต์ที่เราสร้างดูไม่คมชัดเลย อยากปรับให้ชัดก็ไปที่ Inspector ของ Font ที่เราสร้าง แล้วปรับไซส์มันซะ จะเห็นว่าฟอนต์จะชัดขึ้นแต่ขนาดจะเท่าเดิม
4

ทำปุ่มง่ายๆด้วย Image Button [Ngui] by

31
May
0

ไม่ว่าเกมไหนๆก็ต้องมีปุ่มกดใช่ม๊าาา ไอครั้นจะทำปุ่มแบบใช้เครื่องมืออนิเมชั่นใน Unity ก็ดูจะลำบากไป
วันนี้เรามาสอนทุกๆท่านใช้อุปกรณ์ที่ง่ายและแสนสะดวก(?) Ngui 2.7 (อ่านว่าหงุ่ยสินะ)
ชักช้าอยู่ไยเริ่มกันเลยดีกว่าเนอะ
1.เตรียม sprite ของปุ่มที่เราจะทำเป็นไฟล์ .png
1
แล้วก็โยนลงโปรเจ็คซะนะฮะ
2.เปิดหน้าต่างเครื่องมือที่จะใช้ตามนี้
2
3.สร้าง Panel ที่จะให้มันอยู่ซะก่อนด้วย Ui wizard กด Create Your UI
3
ได้ Panel มาก็ลบ main camera ไปเลยฮะ ไม่ได้ใช้
4.ทำเป็นไฟล์ภาพเป็น Atlas ด้วย Atlas maker ตั้งค่า Padding ไว้ซัก 3 กำลังดีแล้วติ๊กเลือกทุกข้อเลย
4
กด create ก็จะได้ ไฟล์ Atlas
5.ได้เวลาสร้างปุ่มแล้วววว เปิด Widget wizard ขึ้นมาโลด เลือก Template เป็น Image Button
5
6.กดเลือก Atlas ที่เราสร้างตะกี้ แล้วก็เลือกรูปแบบของปุ่มโลด normal = ปกติ/ไม่ได้กด ,hover = เม้าส์อยู่เหนือปุ่ม ,pressed = กด ,disabled = กดไม่ได้นะแจ๊ะ
6
7.เสร็จแล้วก็เลือกที่ๆจะให้ปุ่มอยู่ เลือกที่ panel ที่เราสร้างนั่นแล กด add to เล้ยยย
7
8.ได้ปุ่มมาเรียบร้อย ไปดูที่หน้าต่าง Inspector จะเห็นว่าสามารถเปลี่ยน sprite ของปุ่มได้จากตรงนี้ด้วย
8
แค่นี้ก็ได้ปุ่มมาเรียบร้อยฮะ ง่ายมากเลยเนอะ =w=

การใช้ clipping mask ใน illustrator นะฮาฟว์ by

29
Apr
0

ปกติเนี่ยเวลาเวลาผมจะใช้ clipping mask tool ผมมักจะได้ทำได้ใช้ใน Ps ซะมากกว่า พอดีช่วงนี้ได้จับ Ai บ่อยๆเข้ามันก็เลยมีเหตุต้องใช้เครื่องมือนี้กะเขาด้วย ชักช้าอยู่ไยเรามาเริ่มกันเลยดีกว่า

หากรอบที่เราจะใช้เป็นตัว clipping mask กับรูปที่จะตัดมาซะ

เลือกให้ตัวกรอบอยู่บนภาพที่เราจะตัด

จากนั้นกดเลือก Object ทั้งคู่ แล้วใช้คำสั่ง Object >> Clipping mask >> Make หรือกดคีย์ลัด Ctrl+7

โชะเด๊ะ รูปก็จะถูกตัดตามกรอบที่เราวางไว้เรียบร้อย ^^

แล้วถ้าอยากจะทำกรอบเยอะๆเหมือนแอปฯมือถือล่ะทำไง ไม่ยากๆ

สร้างกรอบที่เราต้องการ เอาไปวางแหมะบนภาพเลย

กดเลือกกรอบทุกอันแล้วก็ใช้คำสั่ง Object >> Compound path >> make หรือคีย์ลัด Ctrl+8

กรอบที่เลือกก็จะเป็น Object เดียวกันแล้ว

จากนั้นก็ขั้นตอนเดิมฮะ เลือกกรอบ+รูป แล้วกด Ctrl+7 โลด ///อย่าลืมวางกรอบไว้ข้างบนรูปเสมอนะ

เรียบร้อย

ส่วนวิธีเอา clipping mask ออกก็ไม่ยาก จิ้มที่ Object ที่จะเอาออกแล้วใช้คำสั่ง Object >> Clipping mask >> Release หรือคีย์ลัด Alt+Ctrl+7 เท่านั้นเอง

สามารถนำไปไประยุกต์ได้มากมายเลยล่ะเด็กๆเย้เฮ >w<)

[Mobile Game Review ]Wrestle Jump เกมส์แอคชั่นสุดเร้าใจ by

31
Mar
0

เกมที่แอ็คชั่นนั้นมีมากมายหลายแบบครับวิธีการเล่นก็ต่างกันออกไปยากบ้างง่ายบ้าง เกมที่ผมนำมารีวิวในคราวนี้ชื่อ Wrestle Jump เป็นเกมส์เเนวกีฬาครับแถมเป็นกีฬาที่บ้านเราไม่คุ้นเคยกันซักเท่าไหร่ กีฬามวยปล้ำหน้ากากนั่นเอง ไม่ต้องกลัวว่าจะไม่เข้าใจกฎ-กติกาในเกมส์นะครับ เกมส์นี้เล่นง่ายมากหากคุณพร้อมจะสนุกไปกับมัน

Game Design

 

ตัวเกมส์จะให้เรารับบทเป็นนักมวยปล้ำมือฉมัง โดยจำลองส่วนเกมเพลย์มาจากการชิงไหวพริบในการย่อ-กระโดดในจังหวะที่สำคัญเพื่อพลิกสถานการณ์ต่างๆใครหัวฟาดพื้นก่อนเเพ้(กำเเพงก็นับนะ) ในส่วนตัวเกมส์เพลย์จะใช้เพียงปุ่มเดียวในการเล่น โดยหากเรากดปุ่มจะเป็นการย่อตัวลง และปล่อยปุ่มก็จะยืดตัวขึ้น ใช้หลักการเพียงเเค่นี้ในการเล่น ผสานกันระบบฟิสิกส์(?)ในเกมส์ และสภาพเเวดล้อมก็ทำให้เกมส์นี้เล่นสนุกอย่างไม่น่าเชื่อ(ผมลองมาเเล้ว)

Graphic Design

\

กราฟิคเกมส์นี้สีสันสดใสมากครับ อย่างที่บอกไปว่าเกมส์นี้เป็นกีฬามวยปล้ำหน้ากากซึ่งเป็นที่นิยมกันในประเทศแม็กซิโกเพราะฉะนั้นเเน่นอนว่าฉากหลังเกมนี้ต้องเป็นภูมิประเทศเเบบทะเลทรายซึ่งเกมส์นี้ทำได้ทำได้สดใสเหมาะกับคนทุกเพศทุกวัยมากครับ

UI Design

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

Control Design

การใช้ปุ่มเพียงปุ่มเดียวที่เป็นอะไรที่ท้าทายมากสำหรับคนทำเกมและเกมส์นี้ก็ทำออกมาได้ดีมาซะด้วยสิ ไม่เชื่อก็ลองดูจากคลิปนี้ได้นะฮะ

Social feature

เกมส์นี้มีสองโหมดคือเล่นกับบอทเเละเล่นกับเพื่อน(บนเครื่องเดียวกัน) เเน่นอนว่าเราสามารถเเชร์ผลการเล่นบนเฟสบุ้คให้เเค้นใจกันเล่นได้

Marketing

เเรกเริ่มนั้น Wrestle Jump ทำลงขายใน App Store ครับแต่ตอนนี้สามารถหาเล่นได้จากทั้งบนเว็บเเละ Google Play store

ลองเล่นบนเว็บได้ที่นี่

 เราชนะรอบ 4 | ยืมเงิน 3000 ด่วน | แอพกู้เงิน | แอพเงินด่วน | สินเชื่อออนไลน์อนุมัติทันที | Site Map | กู้เงินก้อน | กระเป๋าตัง | thisshop และ ยืมเงินฉุกเฉิน 5000 ด่วน