RSS

Codea Tutorial Chapter#1 : Hello World! สวัสดีชาวโลก

17 Nov

Codea Tutorial Chapter#1
Hello World! สวัสดีชาวโลก

(โดย @JoThailand744)

ในบทนี้เราจะพูดกันถึงเรื่องง่ายๆ เพื่อให้เข้าใจพื้นฐานและมีความคุ้นเคยกับโปรแกรม Codea กันในเบื้องต้นครับ เอาหล่ะ.. ไม่เยิ่นเย้อ เริ่มกันเลยนะครับ

เปิดโปรแกรม Codea ขึ้นมา

กดที่ Add New Project

ในตัวอย่างนี้ผมจะตั้งชื่อโปรแกรมว่า HelloWorld นะครับ คุณผู้อ่านจะตั้งชื่อโปรแกรมว่าอะไรก็สุดแท้แต่ใจใฝ่ปราถนาครับ จากนั้นกดที่ Create >

โปรแกรม Codea จะมีโค๊ดมาให้แล้ว แบ่งออกเป็น 2 ฟังก์ชัน คือ ฟังก์ชัน setup() กับฟังก์ชัน draw() เดี๋ยวผมจะมาบอกนะครับว่าทั้งสองฟังก์ชันนั้นเอาไว้ทำอะไร แต่ตอนนี้เรามาลองรันโปรแกรมกันก่อนดีกว่าครับ โดยการกดปุ่มเครื่องหมาย Play (รูปสามเหลี่ยม มุมล่างขวาของหน้าจอ)

จะเห็นว่าโปรแกรมแสดงข้อความ Hello World! ในส่วนของ Output เอาหล่ะ กลับไปดูโค๊ดของโปรแกรมเรากันดีกว่าครับ กดที่ Back (มุมล่างซ้ายของหน้าจอ)

สำหรับโค๊ดของโปรแกรมนี้ มี 2 ฟังก์ชันดั่งที่ผมได้กล่าวไปข้างต้นครับ

setup() : เป็นฟังก์ชันที่จะถูกเรียกทุกครั้งเมื่อมีการรันโปรแกรม (ถูกเรียกแค่ครั้งเดียว) ซึ่งเรามักจะใช้ในการ Initialize ค่าของตัวแปรต่างๆ ในโปรแกรม

draw() : เป็นฟังก์ชันที่จะถูกเรียกตัวเองทุกเฟรม หลังจากรันโปรแกรม ซึ่งเราจะสร้างเกมและโปรแกรมโดยจะอยู่บนพื้นฐานของฟังก์ชันนี้เป็นหลักครับ

เรามาดูโค๊ดกันเล็กน้อยในส่วนของฟังก์ชัน setup() ซึ่งมีโค๊ดแค่บรรทัดเดียว คือ print(“Hello World!”) โดยฟังก์ชัน print() จะทำหน้าที่ให้การพิมพ์ข้อความออกทางหน้าจอ Output ของโปรแกรม และในที่นี่ก็คือให้พิมพ์คำว่า Hello World! ออกจากหน้าจอ (เนื่องจากเป็นการพิมพ์ข้อความ ซึ่งเป็น String ดังนั้นจึงต้องมีการใส่เครื่องหมาย “” ครอบข้อความที่ต้องการจะพิมพ์ไว้)

**หมายเหตุ** ฟังก์ชัน print() สามารถรับตัวอักษรและอักขระภาษาไทยได้ด้วยนะครับ ลองแก้ไขโค๊ดเป็น print(“สวัสดี”) ดูสิครับ

เพื่อให้เห็นความแตกต่างอีกเล็กน้อย ผมจะทำการแก้ไขโค๊ดให้เป็นดังนี้

จากโค๊ดข้างต้น จะเห็นว่าผมทำการ Comment โค๊ดในฟังก์ชัน setup() ด้วยการใส่สัญลักษณ์ — (เครื่องหมายลบ 2 อัน) ในบรรทัดที่ต้องการจะ Comment

ในฟังก์ชัน draw() ผมสร้าง Loop for ขึ้นมาให้ตัวแปร i วนค่าจาก 0 ถึง 10 โดยใน loop ผมเขียนโปรแกรมให้พิมพ์ข้อความ Hello! และค่าของตัวแปร i ออกทาง output

ผมจะลอง run โปรแกรมดูนะครับ

ผลจากการ run โปรแกรมจะพบว่าโปรแกรมแสดงข้อความ Hello และได้มีการพิมพ์ค่าของตัวแปร i ออกมาด้วย แต่คำถามคือ… หลังจากโปรแกรมพิมพ์ข้อความครบ 11 รอบแล้ว จึงเริ่มต้น loop ใหม่อีกครั้ง เป็นแบบนี้ไปเรื่อยๆ ? ผมจะมาเฉลยในบทความตอนต่อไปนะครับ

 
Leave a comment

Posted by on November 17, 2011 in Codea Tutorial

 

Tags: , , , , , , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: