สารบัญ:

เกมหลีกเลี่ยงอุปสรรคพร้อมเซ็นเซอร์ระยะ: 5 ขั้นตอน
เกมหลีกเลี่ยงอุปสรรคพร้อมเซ็นเซอร์ระยะ: 5 ขั้นตอน

วีดีโอ: เกมหลีกเลี่ยงอุปสรรคพร้อมเซ็นเซอร์ระยะ: 5 ขั้นตอน

วีดีโอ: เกมหลีกเลี่ยงอุปสรรคพร้อมเซ็นเซอร์ระยะ: 5 ขั้นตอน
วีดีโอ: EP 52 | 8 ขั้นตอนธรรมชาติสู่อิสรภาพทางการเงิน 2024, พฤศจิกายน
Anonim

โดยเว็บไซต์ sa112Obniz ติดตาม เพิ่มเติมโดยผู้เขียน:

ให้อาหารแมวจากระยะไกลโดยใช้สมาร์ทโฟนด้วย Obniz
ให้อาหารแมวจากระยะไกลโดยใช้สมาร์ทโฟนด้วย Obniz
ให้อาหารแมวจากระยะไกลโดยใช้สมาร์ทโฟนด้วย Obniz
ให้อาหารแมวจากระยะไกลโดยใช้สมาร์ทโฟนด้วย Obniz
รูเล็ตกราฟิกกับ Obniz
รูเล็ตกราฟิกกับ Obniz
รูเล็ตกราฟิกกับ Obniz
รูเล็ตกราฟิกกับ Obniz
JPEG Serial Camera สตรีมมิ่งด้วย Obniz
JPEG Serial Camera สตรีมมิ่งด้วย Obniz
JPEG Serial Camera สตรีมมิ่งด้วย Obniz
JPEG Serial Camera สตรีมมิ่งด้วย Obniz

เกี่ยวกับ: อุปกรณ์อิเล็กทรอนิกส์ DIY, javascript, IoT, obniz, การเขียนโปรแกรม, raspberrypi, arduino ข้อมูลเพิ่มเติมเกี่ยวกับ sa112 »

เกมหลีกเลี่ยงอุปสรรคเช่น Flappy Bird ขยับมือเพื่อหลีกเลี่ยงการชนกัน ทำง่ายและสนุกกับการเล่น!

ขั้นตอนที่ 1: สิ่งที่ใช้ในโครงการนี้

obniz

เซ็นเซอร์ระยะอินฟราเรด

สมาร์ทโฟนหรือคอมพิวเตอร์

ขั้นตอนที่ 2: การตั้งค่า Obniz

Image
Image

ในการตั้งค่า obniz สิ่งที่คุณต้องทำคือทำตามสามขั้นตอน

  1. เชื่อมต่อ obniz กับ wifi
  2. เชื่อมต่ออุปกรณ์เช่น LED หรือมอเตอร์กับ obniz
  3. สแกนรหัส QR ของ obniz และเริ่มเขียนโปรแกรม คุณไม่จำเป็นต้องติดตั้งซอฟต์แวร์ใดๆ

ขั้นตอนที่ 3:

เชื่อมต่อ obniz และเซ็นเซอร์วัดระยะทางดังต่อไปนี้

  • io0: สัญญาณ (สีเหลือง)
  • io1: GND (สีดำ)
  • io2: VCC (สีแดง)

ขั้นตอนที่ 4:

เราใช้ผ้าใบ HTML5

ให้ canvas = document.getElementById('field'); ให้ ctx = canvas.getContext('2d');

ตั้งค่าเซ็นเซอร์ระยะทางเป็น var "inputHeight" และใช้งานได้ทุกเมื่อ

ให้ inputHeight = 0; ให้ obniz = ใหม่ Obniz("OBNIZ_ID_HERE"); obniz.onconnect = ฟังก์ชัน async () { ให้เซ็นเซอร์ = obniz.wired ("GP2Y0A21YK0F", {vcc: 2, gnd: 1, สัญญาณ: 0}); sensor.start (ฟังก์ชัน (ความสูง) { inputHeight = ความสูง }) };

ควรเปลี่ยน {vcc: 2, gnd: 1, signal: 0} หากคุณเชื่อมต่ออุปกรณ์ที่แตกต่างจากขั้นตอนที่ 2 ค่านี้ใช้เป็นอินพุตแต่ละเฟรม

ให้อินพุต = (300 - inputHeight); อินพุต = Math.min(Math.max(0, อินพุต), canvas.height); dot.push (อินพุต);

ขั้นตอนที่ 5: โปรแกรม

กรุณารับโปรแกรมจากที่นี่

แนะนำ: