วิธีสร้าง 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 เท่านี้ก็เรียบร้อย :)

Flash Animation : รถวิ่งในเมือง by

29
Apr
0

ตัวอย่างงานที่เสร็จแล้ว

สำหรับการทำ Animation จะรถวิ่ง คนวิ่ง หรือตัวอะไรวิ่งก็ตามนะครับ

หลายๆครั้งที่เรามักจะใช้การขยับฉาก เพื่อให้ภาพดูว่าเป็นรถวิ่งไปข้างหน้า

ส่วนตัวรถจริงๆน่ะไม่ได้ขยับไปไหนเลย

จากตัวอย่างที่เห็นคือขยับตัวตึกด้านหลังเป็น Loop เอาครับ

วิธีการทำก็คือ

1.เตรียมรูปจาก illustrator ให้เรียบร้อยก่อน

null

หลักของการทำ Animation เป็น Loop ก็คือ Frame แรกกับ Frame สุดท้ายต้องเหมือนกันครับ

ดังนั้นวิธีการทำตึกผมเลย copy  ตึกมาอีกชุดนึง เพื่อเอาไว้เลื่อนไปด้านขวาครับ

2.ทำตึกเลื่อนใน Flash

null

ภาพนี้คือ Frame แรกของตึกที่เรา import มาจาก Illustrator ครับ

หลังจากเราสร้าง Tween เสร็จแล้ว กำหนด KeyFrame สุดท้าย แล้วก็เลื่อนตึกเลยครับ

null

ภาพนี้คือ Frame สุดท้าย ของตึกครับ

ที่จำเป็นต้องมี KeyFrame ตรงกลางหลายๆอันเป็นเพราะว่า ถนนมีลักษณะโค้งครับ

ถ้าปรับขนาดและเลื่อนไปเฉยๆเลย ตึกจะขยับไม่รับกับส่วนโค้งของถนนครับ

ต่อมาคือวิธีทำเส้นบนถนนให้วิ่งครับ

อันนี้ผมใช้วิธี Frame by Frame เลย

1st Frame2nd Frame3rd Frame

ที่เหลือก็คือ ทำรถขยับขึ้นลงนิดหน่อยก็เสร็จแล้วครับ

สร้าง animation ง่ายๆ บน Photoshop CS5 by

29
Apr
3

หัวข้อที่ผ่านมาเป็นการสร้างสายฝนให้รูปภาพด้วยโปรแกรม photoshop ..ไหนๆก็เข้าหน้าฝนแล้วมาทำให้ภาพสายฝนทื่อๆดูมีชีวิตชีวาด้วย animation tool ดีกว่า

นี่คือ ภาพเดิมของหัวข้อที่แล้ว

bicycle

เราจะมาทำให้มันแบบแบบนี้ “”

bicycle-ani

[How to] โลกหมุนๆๆ – 2 by

21
Dec
0

ตอนที่สองของการทำไอ้นี่ครับ

เป็นตอนต่อของ entryนี้ ครับ

อย่างที่ว่าไว้ในตอนที่แล้วครับ ส่วนที่2ของการทำโลกหมุนๆอันนี้ จะมาทำในโปรแกรม Photoshop ครับ

[How to] โลกหมุนๆๆ – 1 by

30
Nov
1

สวัสดีครับ หายไปนานเลยแหะๆ เอา Howto ที่ใ่ช่ในเกมส์มาฝากครับ

จะขอแ่บ่งเป็นสองตอนละกันครับ  ในตอนแรกจะเป็นส่วนที่ใช้โปรแกรม Illustrator

และส่วนที่สองคือใช้โปรแกรม Photoshop

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