Corona SDK Gear Animation

โดย -
Corona SDK - Gear Animation

     การทำ Animation Gear หรือ เฟือง ด้วย Corona SDK สิ่งที่ต้องเตรียมคือรูปภาพ Gear และ รูปภาพสำหรับเป็นพื้นหลัง และ Corona Simulator เมื่อทำการเตรียมเสร็จแล้ว ก็ลงมือกันได้เลย





ขั้นตอนที่ 1 สร้างโปรเจกต์ใหม่ขึ้นมา 


(สามารถกดที่รูปเพื่อขยายใหญ่ได้)


เมื่อเราสร้างโปรเจกต์ขึ้นมาแล้วจะได้ไฟล์ใหม่ขึ้นมา 3 ไฟล์ โดยเราจะทำการแก้ไขเฉพาะไฟล์ main.lua

(สามารถกดที่รูปเพื่อขยายใหญ่ได้)

ขั้นตอนที่ 2 ทำการเปิดไฟล์ main ขึ้นมาเพื่อทำการแก้ไข โดยในที่นี้ใช้ Editor คือ โปรแกรม Text Document
(สามารถกดที่รูปเพื่อขยายใหญ่ได้)

ขั้นตอนที่ 3 ใส่รูปภาพ และกำหนดขนาด และตำแหน่งของรูปภาพให้เหมาะสม โดย code ที่ใช้นั้นดูได้จากรูปประกอบ

(สามารถกดที่รูปเพื่อขยายใหญ่ได้)


ขั้นตอนที่ 4 ใส่รูปภาพพื้นหลัง และรูปเกียร์เพิ่มขึ้นมาอีก 1 รูป

(สามารถกดที่รูปเพื่อขยายใหญ่ได้)

ขั้นตอนที่ 5 เพิ่ม function ชื่อ animate เข้าไปเพื่อทำให้รูปเกียร์นั้นหมุนได้ และสั่งให้ทำงานเมื่อเปิดเข้ามาทันที

(สามารถกดที่รูปเพื่อขยายใหญ่ได้)

ขั้นตอนที่ 6 เพิ่มปุ่มเข้าไปเพื่อใช้สั่งการหยุดหรือเริ่มหมุน ของเกียร์ โดยมีการ  require class widget เพิ่มมาใช้ในการสร้างปุ่ม

(สามารถกดที่รูปเพื่อขยายใหญ่ได้)

ขั้นตอนที่ 7 เพิ่มปุ่มขึ้นมาอีก 3 ปุ่มทำหน้าที่ในการลด เพิ่ม และสลับการหมุนของเกียร์

(สามารถกดที่รูปเพื่อขยายใหญ่ได้)

     เพียงเท่านี้เราก็จะได้  Application Gear Animation ขึ้นมาใช้แล้ว เราสามารถนำคำสั่งที่ได้จากตัวอย่างนี้ไปศึกษาและนำไปพัฒนาต่อยอดได้อีกมากมาย  โดยเราสามารถศึกษาการใช้คำสั่งต่างๆ ของ Corona SDK ได้จาก ที่นี่

Download : ตัวอย่าง Code 

อ้างอิงข้อมูล จาก http://www.learningcorona.com/

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

Simple markers Google Map API with C# .Net

โดย -
รูปภาพ
  Simple markers Google Map API with C#  ปักหมุดลงใน Google Map โดยนำข้อมูลจาก C#  สามารถเปลี่ยนหมุดได้ตามที่เรากำหนดเลย C# CodeFile map.aspx.cs string sql = "SELECT  Latitude, Longitude,markericons FROM table"; SqlCommand cmd = new SqlCommand(sql, con); SqlDataAdapter da = new SqlDataAdapter(cmd); da.Fill(ds, "Result"); //ข้อมูลจาก Sql server List<String> oGeocodeList= new List<String>(); List<String> MarkerIcon = new List<String>();  for (int i = 0; i < ds.Tables["Result"].Rows.Count; i++){                    oGeocodeList.Add(" '" + ds.Tables["Result"].Rows[i]["Latitude"].ToString() + "," + ds.Tables["Result"].Rows[i]["Longitude"].ToString() + "' "); MarkerIcon.Add(" '" + ds.Tables["Result"].Rows[i]["markericons"].ToString() + "' "); } String geocodevalues= String.Join("...
อ่านเพิ่มเติม

DropDown List Background Color C# ASP.NET

โดย -
รูปภาพ
มาใส่สีพื้นหลังให้กับ DropDown List  ให้มีสีสันสวยงามกันดีกว่าครับ ตัวอย่างการใช้งาน Code-Behind (C#)   AspNetCodeBehind.aspx <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AspNetCodeBehind.aspx.cs" Inherits="AspNetCodeBehind" %> <html> <head> <   title> DropDownList Background  Color ASP.NET</title> </head> <body>     <form id="form1" runat="server">     <div class="input-group">                               <span class="input-group-addon" id="basic-addon-zonecolor">เลือกสี</span>                               <asp:DropDownList ID="ddlMultiColor" runat="server"  OnSelectedIndexChanged="ddlMultiColor_OnSelectedIndexChanged"                     ...
อ่านเพิ่มเติม

Screen Sharing/Remote Control using MirrorOp:Android-PC

โดย -
รูปภาพ
Screen Sharing/Remote Control using MirrorOp:Android-PC การทำ Screen Sharing/Remote Control using MirrorOp:Android-PC นั้น เราจะต้องมีโปรแกรมสองโปรแกรมด้วยกันคือ MirrorOp Receiver และ MirrorOp Sender และจะต้องมีการเชื่อมต่อเครือข่ายในวงเดียวกัน เมื่อเราติดตั้งโปรแกรมแล้ว โดยให้ PC และ Android นั้นติดตั้งทั้งสองโปรแกรมเลย เพื่อให้สะดวกและง่ายต่อการทำความเข้าใจ ดูตัวอย่างวิธีใช้จากวีดีโอเลยดีกว่า mirrorop สำหรับ PC MirrorOp Receiver  สำหรับ Android  MirrorOp Sender  สำหรับ Android 
อ่านเพิ่มเติม