มาทำไฟร์บอลกันเต๊อะ!!! (Ai-Twirl Tool) by View
Jul0
วันนี้เรามาทำไฟร์บอลง๊ายง่าย ด้วยเครื่องมือไม่กี่ชิ้นกันครับ เริ่มกันเลยดีกว่า
1.วาดรูปทรงไฟร์บอลของเราแบบง่ายๆกันเลย ใช้แค่สี่เหลี่ยมสามเหลี่ยม แล้วก็บิดรูปทรงตามจุด Anchor นิดหน่อย
2.จิ้มเลือกที่พระเอกของเราในวันนี้ครับ เครื่องมือ Twirl toll นั่นเอง สิ่งที่เครื่องมือนี้จะทำเมื่อเรากดใช้มันก็คือ บิด object ก็ตามให้หมุนเป็นก้นหอย
บิดโลดดดด!!!
ทริกเล็กๆน้อยๆคือ เวลาเรากด shift ค้างไว้จะสามารถปรับขนาดใหญ่-เล็กของวงก้นหอยได้โดยที่ไม่เสียสเกล และเมื่อเรากด Alt ค้างไว้เราก็จะปรับสเกลรูปร่างของวงก้นหอยได้ ไม่ว่าจะเป็นวงรี วงกลมแป้นๆ แบบไหนก็ได้ทั้งนั้น 5555+
เสร็จแย้วววววว ///แอบใช้ Reflect นิดหน่อยเพื่อความสวยงาม
เอาไปปรับสีเป็นลูกไฟเวทย์ธาตุต่างๆได้เต็มที่ Yeah!!!
ว่าด้วยเรื่องของ Label [Ngui] by View
Jun0
คราวก่อนเราลองทำปุ่มในเกมกันแล้ว หากขาดส่วนข้อความไปก็กระไรอยู่ เรามาเริ่มกันเลยดีกว่า
1.เปิดส่วน Font maker แล้วโยนไฟล์ฟอนต์ที่เราจะใช้ไว้ในโปรเจ็คโลด ตรง Type ให้เลือกแบบ Dynamic สำหรับคนที่ไม่ได้ทำฟอนต์เองนะฮะ เพราะแบบ Bitmap จะให้เราใส่รูปฟอนต์เอา
2.เลือกฟอนต์ที่จะใช้ กำหนดขนาดฟอนต์ตั้งต้น เลือกรูปแบบฟอนต์ นอร์มอล อิตาลิค โบลต์ ว่าไปๆ กดcreateเล้ย
3.กดเลือกฟอนต์ที่เราพึ่งสร้างแล้วกดสร้าง Image button ตามปกติ จะเห็นว่ามี Label ติดสอยห้อยตามมาด้วย //จริงๆจะสร้างเป็น Label แยกแล้วโยนใส่ ทีหลังก็ได้
4.มาดูส่วน Inspector ของ Label ที่เราสร้างขึ้นดีกว่า ว่าแก้ไขอะไรได้บ้าง อย่างแรกเลย ขนาดของข้อความเราต้องเพิ่ม-ลดด้วยตัวเองนะ โดยที่ความชัดของฟอนต์จะขึ้นอยู่ที่ตอนเราสร้าง ว่ากำหนดไว้เท่าไหร่ ข้อความที่ใช้สามารถแก้ไขได้ตลอด
Max W,H,L ว่าง่ายๆก็คือกำหนดกรอบของ Text ที่เราสร้างนั่นแหละ อยากให้ตัวอักษรเบียดกันขนาดไหนก็ปรับตรงนี้เลย
Effect-เอาไว้ใส่ลูกเล่นง่ายๆที่ฟอนต์
Color tint-เอาไว้ปรับสีฟอนต์
5.จะเห็นว่าฟอนต์ที่เราสร้างดูไม่คมชัดเลย อยากปรับให้ชัดก็ไปที่ Inspector ของ Font ที่เราสร้าง แล้วปรับไซส์มันซะ จะเห็นว่าฟอนต์จะชัดขึ้นแต่ขนาดจะเท่าเดิม
ทำปุ่มง่ายๆด้วย Image Button [Ngui] by View
May0
ไม่ว่าเกมไหนๆก็ต้องมีปุ่มกดใช่ม๊าาา ไอครั้นจะทำปุ่มแบบใช้เครื่องมืออนิเมชั่นใน Unity ก็ดูจะลำบากไป
วันนี้เรามาสอนทุกๆท่านใช้อุปกรณ์ที่ง่ายและแสนสะดวก(?) Ngui 2.7 (อ่านว่าหงุ่ยสินะ)
ชักช้าอยู่ไยเริ่มกันเลยดีกว่าเนอะ
1.เตรียม sprite ของปุ่มที่เราจะทำเป็นไฟล์ .png
แล้วก็โยนลงโปรเจ็คซะนะฮะ
2.เปิดหน้าต่างเครื่องมือที่จะใช้ตามนี้
3.สร้าง Panel ที่จะให้มันอยู่ซะก่อนด้วย Ui wizard กด Create Your UI
ได้ Panel มาก็ลบ main camera ไปเลยฮะ ไม่ได้ใช้
4.ทำเป็นไฟล์ภาพเป็น Atlas ด้วย Atlas maker ตั้งค่า Padding ไว้ซัก 3 กำลังดีแล้วติ๊กเลือกทุกข้อเลย
กด create ก็จะได้ ไฟล์ Atlas
5.ได้เวลาสร้างปุ่มแล้วววว เปิด Widget wizard ขึ้นมาโลด เลือก Template เป็น Image Button
6.กดเลือก Atlas ที่เราสร้างตะกี้ แล้วก็เลือกรูปแบบของปุ่มโลด normal = ปกติ/ไม่ได้กด ,hover = เม้าส์อยู่เหนือปุ่ม ,pressed = กด ,disabled = กดไม่ได้นะแจ๊ะ
7.เสร็จแล้วก็เลือกที่ๆจะให้ปุ่มอยู่ เลือกที่ panel ที่เราสร้างนั่นแล กด add to เล้ยยย
8.ได้ปุ่มมาเรียบร้อย ไปดูที่หน้าต่าง Inspector จะเห็นว่าสามารถเปลี่ยน sprite ของปุ่มได้จากตรงนี้ด้วย
แค่นี้ก็ได้ปุ่มมาเรียบร้อยฮะ ง่ายมากเลยเนอะ =w=
การใช้ clipping mask ใน illustrator นะฮาฟว์ by View
Apr0
ปกติเนี่ยเวลาเวลาผมจะใช้ 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 View
Mar0
เกมที่แอ็คชั่นนั้นมีมากมายหลายแบบครับวิธีการเล่นก็ต่างกันออกไปยากบ้างง่ายบ้าง เกมที่ผมนำมารีวิวในคราวนี้ชื่อ Wrestle Jump เป็นเกมส์เเนวกีฬาครับแถมเป็นกีฬาที่บ้านเราไม่คุ้นเคยกันซักเท่าไหร่ กีฬามวยปล้ำหน้ากากนั่นเอง ไม่ต้องกลัวว่าจะไม่เข้าใจกฎ-กติกาในเกมส์นะครับ เกมส์นี้เล่นง่ายมากหากคุณพร้อมจะสนุกไปกับมัน
Game Design
ตัวเกมส์จะให้เรารับบทเป็นนักมวยปล้ำมือฉมัง โดยจำลองส่วนเกมเพลย์มาจากการชิงไหวพริบในการย่อ-กระโดดในจังหวะที่สำคัญเพื่อพลิกสถานการณ์ต่างๆใครหัวฟาดพื้นก่อนเเพ้(กำเเพงก็นับนะ) ในส่วนตัวเกมส์เพลย์จะใช้เพียงปุ่มเดียวในการเล่น โดยหากเรากดปุ่มจะเป็นการย่อตัวลง และปล่อยปุ่มก็จะยืดตัวขึ้น ใช้หลักการเพียงเเค่นี้ในการเล่น ผสานกันระบบฟิสิกส์(?)ในเกมส์ และสภาพเเวดล้อมก็ทำให้เกมส์นี้เล่นสนุกอย่างไม่น่าเชื่อ(ผมลองมาเเล้ว)
Graphic Design
กราฟิคเกมส์นี้สีสันสดใสมากครับ อย่างที่บอกไปว่าเกมส์นี้เป็นกีฬามวยปล้ำหน้ากากซึ่งเป็นที่นิยมกันในประเทศแม็กซิโกเพราะฉะนั้นเเน่นอนว่าฉากหลังเกมนี้ต้องเป็นภูมิประเทศเเบบทะเลทรายซึ่งเกมส์นี้ทำได้ทำได้สดใสเหมาะกับคนทุกเพศทุกวัยมากครับ
UI Design
ในส่วน UI ของเกมส์นี้ก็อย่างที่เห็นนะครับปุ่มกดอยู่มุม ตัวนับคะเเนนก็จะเรียงเป็นแนวอยู่ด้านบนเพื่อไม่ให้บังส่วนพื้นที่การเล่นและในพวกส่วนข้อมูลการปรับแต่งก็ทำออกมาได้เข้าใจไม่ยากครับ
Control Design
การใช้ปุ่มเพียงปุ่มเดียวที่เป็นอะไรที่ท้าทายมากสำหรับคนทำเกมและเกมส์นี้ก็ทำออกมาได้ดีมาซะด้วยสิ ไม่เชื่อก็ลองดูจากคลิปนี้ได้นะฮะ
Social feature
เกมส์นี้มีสองโหมดคือเล่นกับบอทเเละเล่นกับเพื่อน(บนเครื่องเดียวกัน) เเน่นอนว่าเราสามารถเเชร์ผลการเล่นบนเฟสบุ้คให้เเค้นใจกันเล่นได้
Marketing
เเรกเริ่มนั้น Wrestle Jump ทำลงขายใน App Store ครับแต่ตอนนี้สามารถหาเล่นได้จากทั้งบนเว็บเเละ Google Play store
ลองเล่นบนเว็บได้ที่นี่