blockly game เป็นเครื่องไม้เครื่องมือทำโปรแกรมแบบวิชวล

Blockly Game

Blockly Game เป็นเครื่องไม้เครื่องมือทำโปรแกรมแบบวิชวล (Visual) โดยใช้เครื่องหมายภาพแบบจิ๊กซอล แทนคำบัญชามาเรียงต่อกันตามข้อตกลงที่ปรารถนา ปรับปรุงโดย google for education แล้วเปิดให้ตรวจสอบและลองใช้ (Try Blockly) บนเว็บไซต์ของกูเกิ้ล

หรือนักปรับปรุง จะดาวน์โหลดไปจัดตั้งบน website ของตน เพื่อปรับปรุงต่อยอดได้ ในเครื่องมีอนี้มีกรุ๊ปของเครื่องหมายที่มี Logic, Loops, Math, Text, Lists, Colour, Variables, Functions

เมื่อดาวน์โหลด Module: Blockly มาวางใน Server ก็สามารถเขียน code เรียกใช้บริการต่างๆได้ กรณีนี้จะใช้แสดงรายการ วัสดุไว้ให้ใช้ปริมาณ หนึ่งด้านซ้าย

แล้วลากมาต่อกัน ทางขวา เมื่อกดปุ่ม Show JavaScript หรือ Run Javascript ก็จะสำเร็จตามอยาก ถ้าหากอยากได้เครื่องไม้เครื่องมือ มากยิ่งกว่านี้ให้ไปใช้ที่ Blockly โดยตรง
แบบอย่างปัญหา ทางเข้า xo ให้ฝึกฝนต่อบล็อก (ควรจะผ่าน 20 ด่าน angry bird ก่อน)

blockly game

1. แสดงเลข 1 ถึง 3 (print)
2. หาผลบวกของเลข 1 ถึงเลข 5 (variable sum)
3. รับเลข 2 ปริมาณ (prompt) เอามาบวกกัน แล้วแสดงผลลัพธ์ (print)

ภายใต้ google for education มีบริการ try blockly ถูกใช้ในการโปรแกรม ด้วยภาพ สามารถประเมินผล แล้วก็แสดงเป็นภาษาต่างๆเช่น javascript, python, php, lua หรือ dart สามารถนำ blockly ไปจัดตั้ง แล้วก็ปรับปรุงต่อยอด ได้อีกเยอะมาก

ความสามารถการเขียนโปรแกรม คอมพิวเตอร์เป็นความถนัด สำคัญสำหรับโลกช่วงปัจจุบัน แล้วก็สำหรับคนอีกจำนวนไม่น้อยที่พึงพอใจ แต่ว่าไม่รู้จักจะเริ่ม ฝึกฝนเช่นไร ขอชี้แนะ “Blockly game” เป็นชุดเกมการเรียน ที่ใช้สอนการเขียน โปรแกรมสำหรับเด็ก ที่ปรับปรุงขึ้น

โดย google วางแบบมาสำหรับคน ที่ไม่เคยมีประสบการณ์ ด้านการเขียนซอฟต์แวร์คอมพิวเตอร์ มาก่อน เป็นการเตรียมตัว ให้กับนักเรียน ที่สามารถเข้าไปทำความเข้าใจ ได้ฟรีผ่านทางเว็ปไซต์ https://blockly.games/ เลือกได้อีกทั้งภาษาไทย หรือภาษาอื่นๆได้มากถึง 60 ภาษา

และก็สามารถดาวน์โหลดเก็บไว้ ใช้งานแบบออฟไลน์ได้ด้วย ซึ่ง Blockly game มีเกมทั้งหมดทั้งปวง 8 เกม ร่วมกันเป็นเกมปัญหา เกมเขาวงกต เกมนก เกมเต่า เกมภาพยนตร์ เกมเพลง เกม Pond tutor แล้วก็เกมสระ เป็นลำดับความยากง่าย

blockly game

การเขียนโปรแกรม

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

1. เกมปัญหา เป็นเกมชี้แนะรูปร่างหรือองค์ประกอบของบล็อคคำบัญชา ขั้นตอนการต่อบล็อคคำบัญชา โดยให้ต่อบล็อครูปภาพแล้วก็รูปแบบของสัตว์แต่ละจำพวก พร้อมเจาะจงปริมาณขาให้ถูก

2. เกมเขาวงกต เป็นเกมชี้แนะการกำหนดข้อแม้รวมทั้งการใช้แรงงานคำบัญชาลูปหรือแนวทางการทำซ้ำ โดยผู้เล่นควรต้องต่อบล็อคคำบัญชาเพื่อผู้แสดงเดินตามเขาวงกตบรรลุเป้าหมาย ซึ่งจะเริ่มจากกล้วยๆแล้วก็เพิ่มระดับความท้าขึ้นเรื่อย

3. เกมนก เป็นเกมเสนอแนะการกำหนดมุมและก็แนวทาง โดยการสั่งให้นกเคลื่อนเพื่อหาอาหารและก็กลับรัง ซึ่งระดับความท้าของเกมก็จะมากเพิ่มขึ้นอย่างเดียวกัน

4. เกมเต่า เป็นเกมเสนอแนะการใช้แรงงานคำบัญชาลูป การใช้แรงงานลูปซ้อนลูป โดยการสั่งเต่าให้เขยื้อนภายใต้ข้อจำกัดที่กำหนดให้ สล็อตxo เพื่อกำเนิดภาพหรือคำตอบจากที่ปรารถนา


5. เกมภาพยนตร์ เป็นเกมเสนอแนะสมการทางคณิต โดยใช้สีและก็เลขคณิตเพื่อสร้างภาพขยับเขยื้อนหรือภาพยนตร์ตามที่ได้มีการกำหนด

6. เกมเพลง เป็นเกมเสนอแนะฟังก์ชั่น โดยให้ใช้ฟังก์ชั่นเพื่อเขียนเพลงตามโน้ตที่ระบุ

7. เกม Pond tutor เป็นเกมชี้แนะการเขียนโปรแกรมแบบเนื้อความ โดยพัฒนาโปรแกรมสั่งยิงปืนใหญ่ให้โดนจุดหมาย ใช้คำบัญชาสลับไปๆมาๆระหว่างบล็อกคำบัญชาแล้วก็ JavaScript

8. เกมสระ เป็นการพัฒนาโปรแกรมคำบัญชาโดยใช้บล็อคคำบัญชาหรือ JavaScript ซึ่งจะใช้ทุกคำบัญชาที่ได้ฝึกซ้อมมาจากการเล่นเกมที่ผ่านๆมา

blockly game

เกี่ยวกับ Blockly Game

1. ที่มาBlockly คือ เครื่องมือพัฒนาโปรแกรมแบบวิชวล (Visual) โดยใช้สัญลักษณ์ภาพแบบจิ๊กซอล แทนคำสั่งมาเรียงต่อกันตามเงื่อนไขที่ต้องการ พัฒนาโดย google for education แล้วเปิดให้ทดลองใช้ (Try Blockly) บนเว็บของกูเกิ้ล หรือนักพัฒนาจะดาวน์โหลดไปติดตั้งบน website ของตนเอง เพื่อพัฒนาต่อยอดได้ สล็อต ในเครื่องมีอนี้มีกลุ่มของสัญลักษณ์ที่ประกอบด้วย Logic, Loops, Math, Text, Lists, Colour, Variables, Functionshttps://developers.google.com/blockly/http://www.thaiall.com/blockly

2. รับโปรแกรม (get the code)โดย download แฟ้ม .zip เมื่อแตกแล้วก็นำไปวางบน server ที่บริการภาษา pythonหน้าตาที่ได้ก็จะเป็น blockly แบบที่พบได้ใน demo ซึ่งจะทำงานบน client-sidehttps://developers.google.com/blockly/installation/overview

3. Playground on the demo sever.บริการใช้งาน Blockly แล้วสร้างเป็น source code : javascript แล้วคัดลอกออกมาได้เพื่อนำไปใช้ใน compiler ต่อไปได้ แต่ทดสอบประมวลผลไม่ได้https://blockly-demo.appspot.com/static/tests/playground.html

4. บริการ Live Demo : JS Interpreterสำหรับทดสอบประมวลผล Blockly และรายงานผลผ่านสัญลักษณ์ print ได้แต่ copy : javascript ไม่ได้https://blockly-demo.appspot.com/static/demos/interpreter/index.html

5. code editor + runที่ block แล้วมองเห็น code ภาษาต่าง ๆ ทั้ง block, javascript, python, dart, xmlแล้วสั่ง run เพื่อดูผลลัพธ์ หรือ copy code ไปใช้ได้https://blockly-demo.appspot.com/static/demos/code/index.html

6. มี Demos ให้ทดสอบการใช้งาน Blockly แบบต่าง ๆสร้างเครื่องบิน หรือ code editor ที่สลับไปมาระหว่าง source กับ symbolhttps://blockly-demo.appspot.com/static/demos/index.html

7. ตัวอย่างบริการ blockly จากเว็บไซต์ต่าง ๆเช่น Blockly Games ใช้สร้างเกมง่าย ๆ ได้หรือ Appinventor สำหรับ Android appshttps://developers.google.com/blockly/about/examples

บทความที่น่าสนใจ
VR Box Games
ร้านขายแผ่นเกมส์ PC
Game PC Free
Three Kingdoms Quest

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *