เทคนิคทำ Animation Frame by Frame ใน SPINE ให้สะดวกขึ้น by

10
Dec
0

1.เลือกรูปทั้งหมด แล้วลากไปใส่ Slot ทีเดียว

ตอนที่เรา SETUP เพื่อจะทำ animation แบบ frame by frame เราจะสร้าง slot ไว้แค่อันเดียว แล้วนำรูปทั้งหมดไปใส่ที่ slot นั้น ถ้าต้องมานั่งลากทีละรูปๆ ก็จะช้า เราสามารถ select รูปทั้งหมด แล้วลากไปใส่ slot ทีเดียว

2.ใช้ Hot Key “R” เพื่อเลื่อน frame

ถ้าเราทำงานโดยใช้เม้าส์อย่างเดียว เราต้องเลื่อนเม้าส์ไปมาระหว่างจุดที่1-2 เราต้องเลื่อน frame ถัดไปที่จุดที่ 1 แล้วมาเลือกรูปใน slot ที่จุดที่2

แต่ถ้าเราใช้ Hot Key “R” เพื่อเลื่อน frame เราก็ไม่ต้องลากเม้าส์ไปๆมาๆ ใช้เม้าส์กดเลือกรูปที่จุดที่ 1 ได้เลย

ปล.วิธีนี้ต้องไปset frame สุดท้าย (เส้นสีส้ม) ไว้ที่ frame ที่ต้องการก่อน ไม่งั้นเรากด R ตอนที่อยู่ frame สุดท้ายแล้วมันจะเด้งกลับมาที่ frame รองสุดท้าย

การสร้างสเตท Skill (ท่าไม้ตาย) ของฮีโร่ด้วย Unity Animator by

13
Jul
0

 

 

 

1.หลังจากอนิเมทท่าทางตัวละครใส่สเตท skill ด้วย Spine เรียบร้อยแล้ว export นำเข้าสู่ Unity

 

2.คลิกขวาที่ SkeletonData เลือก Spine > Instantiate (Mecanim)

sample28a

 

3.เราจะได้ Controller หน้าเหลี่ยมๆอย่างนี้มา พร้อมๆกับก้อน Spine Mecanim GameObject ซัมติงที่คืออะไรต้องไปถามโปรแกรมเมอร์

sample28b

 
4.กาง Controller ออกมาเลือกที่สเตท skill

sample28c

 

5.เปิดแท็บ Animator ลากสเตท skill เข้าไป เราจะได้ สเตท skill เข้าไปอยู่ใน Unity Animator

sample28d

 

 

 

6.สร้าง panel ที่  sorting layer skill depth 50 ตั้งชื่อว่า skill

sample28e

 

7.ลาก Spine Mecanim GameObject ไปไว้ใน panel นั้น เปลี่ยนชื่อมันเป็น Hero

 

8.เลือกที่ Hero แล้วไปที่แท็บ Animation เราจะสามารถจัดการอนิเมทบนไทม์ไลน์ของ Unity Animator ได้ต่อไป

sample28f

ทำ Sprite sheet จาก Adobe Flash CS6 by

29
Aug
0

1.ทำ Animation ที่ต้องการเอาไว้ใน Symbol จะเป็น MovieClip หรือ Graphic ก็ได้เหมือนกัน

ตัวอย่าง animation

ตัวอย่าง animation แบบ onion skin

2.คลิกขวาที่ MovieClip นั้นๆ แล้วเลือกคำสั่ง Generate Sprite Sheet

3.ผลลัพธ์

แถม: ถ้าหากเลือกคำสั่ง Export PNG Sequence จะเป็นการเซฟรูปแต่ละ frame ออกมาเป็นไฟล์ภาพ png 1 ไฟล์ แทน

ข้อควรระวัง!
1.ภายใน Symbol ที่จะใช้สร้าง Sprite sheet นั้น symbol ด้านในต้องเป็น graphic ทั้งหมด ถ้าอันไหนเป็น movieclip จะแสดงผลแค่ frame แรก frame เดียว

2.ใช้ได้เฉพาะ Adobe Flash CS6 เท่านั้น

3.วิธีการนี้ไม่ค่อยเหมาะกับการทำ Animation แบบ Tween เพราะ Frame จะเยอะมาก

4.ระวัง Frame เปล่า และ Frame ซ้ำ เพราะ จะโดนเซฟออกมาด้วย หากไม่จำเป็นให้เลือกเฉพาะ keyframe ก็พอ

วิธีทำฉากหลังให้ repeat ได้ by

21
Dec
0

วิธีทำฉากหลังให้ repeat ได้ แบบตัวอย่าง

1.เมื่อวาดสิ่งของในฉากเรียบร้อยแล้ว

ก็เลื่อนไปด้านใดด้านนึง

2. Select all แล้วกด Layer Cut

3.จากนั้นไปที่ Layer เดิม (ที่ตกขอบไปแล้ว) เลื่อนไปอีกข้าง

4.ตกแต่งรายละเอียดที่เหลือตรงกลาง

ปล.ในรูปตัวอย่างส่วนของพื้นมีการทำให้ repeat ได้ไปก่อนแล้ว

วิธีสร้าง Alpha Animation ใน Unity by

30
Apr
0

เนื่องจาก Unity ไม่สามารถแก้ไขค่า alpha จากตัว Unity ได้โดยตรง ต้องเขียน code ใน monodev เพื่อแก้ค่า alpha เท่านั้น ผมจึงต้องหาทางแก้ไขปัญหานี้ โดยวิธีแก้มีดังนี้

สร้าง script (C#) ขึ้นมาดังนี้


using UnityEngine;
using System.Collections;
public class test11 : MonoBehaviour {
public float alpha = 0f;
void setColor(float num) {
Color color = this.renderer.material.color;
color.a = num;
this.renderer.material.color = color;
}
void update() {
setColor (alpha);
}
}

โดยหลักการก็ไม่มีอะไรมาก แค่ตัวแปร alpha ซึ่งเซ็ตเป็น public จะปรากฏใน Inspector ของ Unity ให้เซ็ตค่าได้ และสิ่งสำคัญคือต้องกำหนดเป็น float ไม่อย่างนั้นจะไม่สามารถนำตัวแปรนี้ไปใส่ทำ Animation ได้ดังภาพด้านล่าง

หลังจากใส่ลงไปแล้ว คลิก Add curve ตามรูปเพื่อเลือก Alpha โดยจะสามารถกำหนดเลข alpha ได้ตั้งแต่ 0, 0.1 ไปจนถึง 1 ซึ่ง 0 คือโปร่งใสไม่เห็นอะไรเลย และ 1 คือเห็นภาพครบถ้วนปกติ จะสามารถสร้าง animation alpha ได้โดยง่าย ซึ่งหลักการก็คือนำตัวแปร alpha ที่เราประกาศ public ไว้ไป set ค่า alpha ใน function update ตลอดเวลาเพื่อให้การแสดงผลค่าโปร่งใสเปลี่ยนทุก frame เท่านี้ก็เรียบร้อย :)