Corona SDK Displaying New Images
Corona SDK - Displaying New Images
ในส่วนนี้จะเป็นการสอนการใช้คำสั่ง newImage เป็นคำสั่งที่กำหนดค่ารูปภาพลงใน object ของเราเพื่อนำไปใช้ใน application ต่างๆ
โดยขั้นตอนต่างๆมีดังนี้
1. สร้าง new project ของเราขึ้นมา พร้อมทั้งสร้าง folder ไว้สำหรับเก็บรูปภาพที่เราต้องการใช้งาน
จากตัวอย่างใน vdo จะเห็นว่าเรามีรูปภาพหลายขนาดเนื่องจากว่าขนาดของหน้าจอของมือถือนั้นมีขนาดไม่เท่ากัน
2. ต่อมาในส่วนของการ coding ให้กำหนด object ที่มีชื่อว่า circle01 ซึ่งเป็นรูปภาพ โดยจะใช้คำสั่ง
local circle01 = display.newImage("images/dot-01");
โดยระหว่างเครื่องหมาย " " จะเป็น path ของ รูปภาพที่เราต้องการจะใช้งานใน folder project ของเรา
จากนั้นเมื่อทำการ save และ relunch ก็จะแสดงภาพที่เราต้องการขึ้นมา
3. การแสดงผลนั้นเราสามารถกำหนดพิกัดขอรูปภาพที่เราต้องการจะให้แสดงผลโดยเรียกใช้คำสั่ง
object.x = x point และ object.y = y point เช่น circle01.x =100 , circle01.y=100 เป็นต้น
ในกรณีที่เรากำหนดพิกัดตรงกัน รูปภาพจะเกิดการซ้อนทับการโดยที่คำสั่งของรูปภาพใด excute ทีหลังจะอยู่ด้านบน
4. การหมุนรูปภาพ เราสามารถหมุนรูปภาพได้โดยการใช้คำสั่ง object.rotation = 90; รูปภาพก็จะถูกหมุนไปเป็นมุมตามที่เรากำหนดไว้
การใช้คำสั่ง group
เราสามารถสร้าง group ได้จากคำสั่ง local group01 = display.newGroup(); เราก็จะได้ group ขึ้นมา 1 ตัว ซึ่ง group นี้จะเปรียบเสมือน container เอาไว้ใส่ object ต่างๆ
โดยที่เราเพิ่ม object ลงใน group ได้โดยคำสั่ง group01:insert(object's name); เมื่อเรากำหนดพิกัดให้กับ group แล้ว object ต่างๆที่อยู่ใน group นั้นๆ ก็จะถูกย้ายตามไปด้วย
และนี่คือวิธีเบื้องต้นที่จะนำรูปภาพมาใส่ใน Application ของเรา รวมทั้งวิธีจัดลำดับ การจัดตำแหน่ง ซึ่งเพื่อนๆสามารถศึกษาวิธีการพร้อมรูปภาพประกอบได้จาก video ข้างล่าง
VDO จาก Corona SDK Screencasts by Rafael Hernandez
ความคิดเห็น
แสดงความคิดเห็น