Hello Processing

            Processing คือ software ที่เปิดให้สามารถใช้งานได้ฟรี โดยการ Download โปรแกรมลง hardware หรือ ใช้งานฟรีทางเว็บไซต์ processing.js ide หรือถ้าหากเข้ามาที่ลิงก์ http://semmy.me/ide/
ก็จะสามารถ Run program แบบออนไลน์ได้เช่นกัน ซึ่ง processing ถือเป็น software ที่สามารถทำงานได้อย่างหลากหลายทั้งการทำภาพ ภาพเคลื่อนไหว ภาพสามมิติ เกม และช่วยในการออกแบบต่างๆได้ โดยหากเรากดเข้าไปในลิงก์ทางด้านบนจะพบกับหน้าต่างดังนี้

และหากเราลองกดที่ปุ่ม Run จะโชว์อนิเมชันตามหัวข้อ Balloons Floating ของ code ที่เจ้าของเว็บได้ใส่เอาไว้ และสามารถเขียน code ของเราเองได้ โดยการลบ code เดิมออก และใส่ code ของเราลงไปแทนที่
โดยมีคำสั่งพื้นฐานที่สำคัญคือ
            1 setup()     ใช้กำหนดค่าเริ่มต้นต่างๆ ในโปรแกรม เช่น การกำหนดขนาดของหน้าต่างโปรแกรมด้วยคำสั่ง size หรือการกำหนดตัวแปรต่างๆ ไว้ใช้งาน
            2 draw()      ส่วนของคำสั่งการทำงานของโปรกแกรมที่จะมีการทำงานต่างๆ เช่น if() เป็นต้น

            การกำหนดตัวแปรใน processing สามารถกำหนดได้ 2 ลักษณะคือตัวแปร Global ที่จะประกาศตัวแปรไว้ก่อนที่จะเริ่มคำสั่งการทำงานของฟังก์ชันต่างๆ ซึ่งสามารถเรียกใช้งานในส่วนไหนของโปรแกรมก็ได้ และ ตัวแปร local ที่สามารถเรียกใช้งานได้เฉพาะภายในฟังก์ชันที่ตัวแปรนั้นๆถูกประกาศไว้ และการกำหนดค่า x , y ภายในโปรแกรมนั้น จะถูกกำหนดให้มุมบนด้านซ้ายมือ คือจุด x = 0 และ
y = 0 ซึ่งถือเป็นสิ่งจำเป็นอย่างมากในการทำงานเนื่องจากบางครั้งจะมีความจำเป็นที่จะต้องกำหนดจุดต่างๆ ในการทำงาน ซึ่งทางเว็บของ processing ได้มีการทำวิดีโอแนะนำการใช้งานไว้มากมายโดยสามารถคลิกเข้าไปดูได้ที่ http://hello.processing.org/ และนอกจากนี้ยังมีตัวอย่างการทำงานต่างๆให้เราได้เลือกศึกษาโดยการคลิกเข้าไปที่เมนู example และจะพบกับหน้าต่างนี้

ซึ่งเราสามารถคลิกเข้าไปศึกษาตัวอย่างที่เราสนใจได้

            และจากการศึกษาการทำงานของโปรแกรมไปประมาณหนึ่งทำให้ทางกลุ่มได้ตัดสินใจเลือกเกม CATcatchMOUSE มาพัฒนาโดยใช้โปรแกรม processing

การ Download Processing

            เมื่อเราเข้าไปที่ https://processing.org/ จะเห็นคำว่า Download Processing อยู่ตรงกลางหน้าจอ

กดที่ Download Processing และเลือกโหลดให้ตรงกับระบบปฏิบัติการที่ใช้งานอยู่

ซึ่งได้ลงโปรแกรมลงบน windows สำเร็จเรียบร้อยสามารถใช้งานได้แล้ว หน้าต่างของโปรแกรมจะมีลักษณะดังนี้

โดยมีส่วนประกอบที่สำคัญ คือ
บรรทัดบนสุด คือ Toolbar
ปุ่มรูปสามเหลี่ยม คือ ปุ่ม Run โปรแกรม
ปุ่มรูปสี่เหลี่ยม คือ ปุ่ม Stop หรือสั่งให้โปรแกรมหยุดทำงาน
พื้นที่สีขาว คือ บริเวณที่ใช้ในการเขียน code ต่างๆ
พื้นที่สีดำ คือ บริเวณแสดงผลตัวอักษร

            ส่วนการลง Processing ใน Ubuntu นั้น ตอนนี้ยังไม่สำเร็จเนื่องจากยังติดปัญหาในส่วนของการติดตั้ง ซึ่งจะพยายามแก้ปัญหาและลงโปรแกรมให้สามารถใช้งานได้ให้เร็วที่สุด

Update : การลง Processing

หลังจาก Download ไฟล์มาแล้วนั้น ให้ทำการ Extact ไฟล์ จากนั้นคลิกขวาที่ไฟล์และเลือก Open in Terminal

เพียงแค่นี้การติดตั้งก็สำเร็จเรียบร้อยสามารถใช้งานได้ทันที

และในส่วนของการทำเกมนั้น จากที่ได้ไปศึกษาฟังก์ชันการทำงานของโปรแกรมแล้วก็ได้ทำการแปลงการทำงานของของตัวละครต่างๆ ออกมาเป็นโค้ดดังภาพด้านล่าง

และจากนั้นก็นำทั้ง 3 ตัวละครมาไว้ในที่เดียวกัน

จากนั้น ก็ได้ทำการเพิ่มจำนวนชีวิตของแมว ให้มีค่าเท่ากับ 3 ชีวิต และเมื่อแมวโดนแอปเปิลชีวิตจะลดลงทีละ 1 หากชีวิตหมดก็จะจบเกมทันที

อ้างอิง :

https://processing.org/

http://www.artsnova.com/processing/installing-processing-ubuntu-linux-tutorial.html

แก้ไขครั้งที่1 : 1 สิงหาคม 2561

แก้ไขครั้งที่2 : 6 สิงหาคม 2561