Wifi Synchronized Lamps: 10 ขั้นตอน (พร้อมรูปภาพ)

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:05

โครงการสำหรับคนที่จุดประกายชีวิตของคุณ…

เมื่อ 2 ปีที่แล้ว ในฐานะของขวัญคริสต์มาสสำหรับเพื่อนทางไกล ฉันได้สร้างโคมไฟที่จะซิงโครไนซ์แอนิเมชั่นผ่านการเชื่อมต่ออินเทอร์เน็ต ปีนี้ 2 ปีต่อมา ฉันสร้างเวอร์ชันที่อัปเดตนี้ด้วยความรู้ที่ได้รับจากการใช้อุปกรณ์อิเล็กทรอนิกส์เป็นเวลาหลายปี เวอร์ชันนี้ง่ายกว่ามาก โดยไม่จำเป็นต้องใช้จอภาพภายนอกหรือแป้นพิมพ์ใดๆ (และมีเพียงชิปธรรมดาตัวเดียว ไม่ใช่สองตัว!) นอกเหนือจากอินเทอร์เฟซแอปโทรศัพท์ที่ใช้งานง่าย (ต้องขอบคุณ Blynk IoT) แทนที่จะเป็นเว็บไซต์และโพเทนชิออมิเตอร์แบบทางกายภาพ

มีปุ่มในแอปที่ให้ความยืดหยุ่นมากขึ้นในสิ่งที่คุณต้องการเพิ่มแอนิเมชั่น: มีแถบเลื่อน 3 ตัวสำหรับการควบคุม RGB นอกเหนือจากวิดเจ็ตที่ด้านล่างซึ่งช่วยให้คุณเลือกสีจากแผนที่ (ดังนั้นคุณจึงไม่มี เพื่อหาว่าตัวเลข RGB สำหรับสีที่คุณต้องการคืออะไร) นอกจากนี้ยังมีปุ่มที่ตั้งไว้ล่วงหน้าสำหรับความสุข โกรธ เศร้า และ "meh" เพื่อให้คุณสามารถถ่ายทอดอารมณ์ของคุณไปยังบุคคลอื่นในรูปแบบของแอนิเมชั่นโคมไฟสำหรับเวลาที่คุณมีเรื่องที่คุณอยากพูดแต่ไม่ต้องการ เพื่อรบกวนผู้ที่มีข้อความจำนวนมาก

ไม่มีประสบการณ์ด้านอิเล็กทรอนิกส์? ไม่ต้องห่วง! มีเพียง 3 ขั้นตอนหลัก: การเชื่อมต่อฮาร์ดแวร์ การอัปโหลดโค้ด และการสร้างแอป Blynk อย่างไรก็ตาม อย่าลืมว่า สิ่งที่ผิดพลาดได้ก็จะผิดพลาด เพิ่มเวลาสำหรับการดีบักเสมอ

หากคุณใช้สิ่งที่ฉันทำและอัปโหลดสิ่งที่ฉันมีจริงๆ คุณน่าจะโอเค แม้ว่าคุณจะไม่เคยทำงานเกี่ยวกับอุปกรณ์อิเล็กทรอนิกส์มาก่อน แม้ว่าคุณจะทำการปรับเปลี่ยนโปรเจ็กต์ การอ่านบทช่วยสอนนี้จะช่วยให้คุณเข้าใจถึงสิ่งที่คุณต้องเปลี่ยนแปลงหากคุณใช้สิ่งนี้เป็นแนวทาง ต้นทุนถูกเก็บไว้ให้ต่ำที่สุดเท่าที่จะทำได้: ค่าใช้จ่ายทั้งหมด หากคุณไม่มีส่วนประกอบเลย จะอยู่ที่ประมาณ 40 ดอลลาร์ต่อหลอด

ขั้นตอนที่ 1: วัสดุ

นี่คือวัสดุที่คุณต้องการสำหรับหลอดเดียว (คูณด้วยจำนวนหลอดที่คุณต้องการทำ):

• 1x ชิป NodeMCU ESP8266 (7 ดอลลาร์แต่ละอัน, 13 ดอลลาร์สำหรับ 2)
• 1x โปรโตบอร์ดหรือเขียงหั่นขนม (~ $ 1 ต่ออัน)
• หัวแร้งและหัวแร้ง
• แหวนนีโอพิกเซล 1x (แต่ละอัน 10 เหรียญ 8 เหรียญหากคุณซื้อจาก adafruit.com)
• แหล่งจ่ายไฟ 1x 5V (เอาต์พุตอย่างน้อย 500mA ดังนั้น 1A หรือ 2A จะสมบูรณ์แบบ) พร้อมการเชื่อมต่อ microUSB (หรือแจ็คแบบบาร์เรล แต่ซื้อตัวแปลงแจ็คแบบบาร์เรลเป็นสายเปล่า) (8 ดอลลาร์ต่ออัน)

• ไม่จำเป็นอย่างยิ่ง แต่แนะนำเป็นอย่างยิ่งสำหรับการป้องกันวงจร (แต่ละอันไม่กี่เซ็นต์ แต่คุณอาจต้องซื้อจำนวนมาก)

  • ตัวต้านทาน 1x 300-500Ohm (ฉันใช้ 200Ohm และหลีกเลี่ยงมัน)
  • ตัวเก็บประจุ 1x 100-1000uF

• สายไฟฟ้า (หรือคุณจะได้รับริบบิ้นประเภทนี้) (แกนเดียวดีที่สุด) (ไม่กี่เซ็นต์สำหรับ 5 )

  คุณไม่จำเป็นต้องมีลวดมากขนาดนั้น แค่ 5" ก็เพียงพอแล้ว

• คุณสามารถทำทุกอย่างที่คุณต้องการสำหรับโคมไฟภายนอก (ด้านบนเป็นชิ้นส่วนสำหรับอุปกรณ์อิเล็กทรอนิกส์เท่านั้น) ฉันเลือกใช้ไม้ตัดด้วยเลเซอร์และอะครีลิค กับกระดาษสมุดสเก็ตช์เพื่อกระจายแสง

ฉันแนบลิงก์ Amazon ด้านบนสำหรับตัวเลือกที่ถูกที่สุดที่ฉันหาได้ (ณ วันที่ 20 ธันวาคม 2018) แต่คุณสามารถหาส่วนประกอบที่ถูกกว่าได้จากที่ต่างๆ ฉันยังเป็นนักศึกษามหาวิทยาลัยอยู่ ดังนั้นฉันจึงสามารถใช้ตัวเก็บประจุและตัวต้านทาน ลองถามเพื่อนๆ ที่ทำงานเกี่ยวกับอุปกรณ์อิเล็กทรอนิกส์ สามารถซื้อ Neopixels ได้จาก adafruit.com ในราคาที่ถูกกว่า หากคุณมีสิ่งอื่นที่คุณต้องการสั่งซื้อจากที่นั่น (เพื่อประหยัดค่าขนส่ง..) คุณสามารถหาซื้อตัวต้านทานและตัวเก็บประจุจาก DigiKey หรือ Mouser ได้ในราคาถูกกว่ามาก แม้ว่าการจัดส่งอาจสูงกว่า สำหรับอุปกรณ์จ่ายไฟ ที่ชาร์จโทรศัพท์แบบเก่าก็ใช้ได้ (หรือแค่สาย microUSB หากคุณต้องการเสียบหลอดไฟเข้ากับพอร์ต USB แทนเต้ารับบนผนัง) หากคุณไม่มีส่วนประกอบเหล่านี้เลย ค่าใช้จ่ายของคุณจะสูงสุด ~40 ดอลลาร์ต่อหลอด (และยิ่งคุณผลิตน้อยลงต่อหลอด เนื่องจากคุณมักจะซื้อส่วนประกอบเหล่านี้จำนวนมาก: โปรโตบอร์ดสามารถมาในแพ็คละ 5 อัน เป็นต้น) ฉันมีของหลายอย่างวางอยู่รอบๆ ดังนั้นมันก็แค่ $5 สำหรับฉัน (ใช่ ฉันเป็นคนเก็บสะสมกับเพื่อนๆ ที่บังเอิญเลิกทำหลายๆ อย่าง บวกกับฉันนำวงแหวนนีโอพิกเซลมาใช้ซ้ำจากครั้งที่แล้วด้วย)

โค้ด Arduino และไฟล์ Adobe Illustrator (สำหรับกล่องตัดเลเซอร์) แนบมาด้านล่าง

ขั้นตอนที่ 2: ภาพรวม: วิธีการทำงานของหลอดไฟ

เอาล่ะ เมื่อคุณมีวัตถุดิบแล้ว คุณอาจสงสัยว่ามันมารวมกันได้อย่างไร นี่คือคำอธิบาย:

NodeMCU ESP8266 เป็นไมโครคอนโทรลเลอร์ที่ทำงานบนลอจิก 3.3V (ซึ่งต่างจากลอจิก 5V เช่นเดียวกับ Arduinos ส่วนใหญ่) ประกอบด้วยชิป wifi ออนบอร์ดและพิน GPIO สำหรับการใช้สัญญาณดิจิทัลและแอนะล็อกพร้อมส่วนประกอบที่คุณเชื่อมต่อ คุณจะใช้พินตัวใดตัวหนึ่งที่สามารถส่งสัญญาณ PWM (ดูพินที่นี่: พินใด ๆ ที่มี ~ ถัดจากนั้นสามารถสร้างสัญญาณแอนะล็อกได้เมื่อเทียบกับสัญญาณดิจิตอลเพียง 0 หรือ 1, LOW หรือ HIGH) เพื่อควบคุม แหวนนีโอพิกเซล สำหรับการเขียนโปรแกรม คุณสามารถทำได้ง่ายๆ ผ่าน Arduino IDE ดาวน์โหลดได้ง่ายๆ ที่นี่ (โปรดทราบว่าฉันได้จัดทำคู่มือ Adafruit ให้กับ ESP8266 HUZZAH ของพวกเขาแทน NodeMCE ที่เรามี คู่มือนี้ยังคงใช้ได้กับทั้งสองบอร์ด แต่คุณจะต้องเลือกบอร์ดอื่นสำหรับการอัปโหลดใน Arduino)

วงแหวนนีโอพิกเซลคือสิ่งที่สร้างภาพเคลื่อนไหวสีของหลอดไฟ มีไฟ LED ที่กำหนดตำแหน่งได้ในรูปแบบวงแหวน ซึ่งแต่ละดวงสามารถควบคุมแยกกันได้ โดยปกติแล้วจะทำงานโดยใช้ลอจิก 5V ซึ่งมักจะต้องมีการเลื่อนระดับ (อธิบายไว้ที่นี่) แต่โชคดีที่ไลบรารี Adafruit neopixel ได้รับการอัปเดตเพื่อรองรับ ESP8266 แม้ว่าส่วนประกอบ 5V จะไม่ตอบสนองต่อสัญญาณ 3.3V อย่างน่าเชื่อถือ แต่ก็ทำงานได้อย่างน่าเชื่อถือเมื่อนีโอพิกเซลได้รับพลังงานที่แรงดันไฟฟ้าต่ำกว่า (ดังนั้น 3.3V แทนที่จะเป็น 5V) ดูรายละเอียดได้ที่นี่

ในแง่ของการเชื่อมต่อจากไมโครคอนโทรลเลอร์กับนีโอพิกเซล การวางตัวต้านทาน 300-500 โอห์มระหว่างสายข้อมูลของนีโอพิกเซลกับพิน GPIO จะปลอดภัยที่สุด (เพื่อป้องกันไฟ LED จากไฟกระชากอย่างกะทันหัน) คุณควรเพิ่มตัวเก็บประจุ 1000uF ที่ต่อขนานกับกำลังและสายกราวด์ของวงแหวนนีโอพิกเซล: เพื่อป้องกันกระแสไฟกระชากอย่างกะทันหัน อ่านแนวทางปฏิบัติที่ดีที่สุดเพิ่มเติมเกี่ยวกับการใช้วงแหวน LED เหล่านี้ (และที่นี่สำหรับคู่มือผู้ใช้ฉบับเต็มโดย Adafruit)

สำหรับการเชื่อมต่อกับแพลตฟอร์ม Blynk IoT Arduino มีห้องสมุดสำหรับใช้ Blynk คุณสามารถอ่านเอกสารที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการใช้ Blynk โดยทั่วไป สำหรับการเริ่มต้น นี่เป็นคำแนะนำที่สะดวกสำหรับ NodeMCU ESP8266 และ Blynk โดยเฉพาะ

ไม่ต้องกังวลหากสิ่งเหล่านี้ไม่สมเหตุสมผล! ขั้นตอนในอนาคตจะสรุปให้ชัดเจนว่าต้องอัปโหลด ดาวน์โหลด เชื่อมต่อ ฯลฯ อย่างไร โปรดอ่านทุกอย่าง (ใช่ เป็นบทช่วยสอนที่ยาว แต่อย่างน้อยก็อ่านคร่าวๆ) ก่อนที่คุณจะเริ่มสร้าง!!! มันจะช่วยให้คุณเข้าใจว่าสิ่งต่าง ๆ มารวมกันได้อย่างไรแทนที่จะทำตามคำแนะนำอย่างสุ่มสี่สุ่มห้า

ขั้นตอนที่ 3: ฮาร์ดแวร์

ในการเริ่มต้น ให้เชื่อมต่อฮาร์ดแวร์ของคุณตามที่แสดงในภาพด้านบน นีโอพิกเซลควรมาพร้อมกับรูสำหรับบัดกรีสายไฟ ก่อนอื่นคุณต้องบัดกรีสายไฟเข้ากับรูที่มีข้อความว่า PWR (กำลัง), GND (กราวด์) และ IN (อินพุตสำหรับสัญญาณแอนะล็อก) ก่อนเชื่อมต่อสายไฟกับพิน 3.3V, กราวด์ และ D2 ของ ESP8266 (ดูสิ่งนี้สำหรับพินเอาต์). ตามหลักการทั่วไปแล้ว สายสีแดงมีไว้สำหรับจ่ายไฟ สายสีดำแสดงถึงกราวด์ และฉันชอบใช้สีน้ำเงินสำหรับสายดาต้าของนีโอพิกเซล (เชื่อมต่อกับพิน D2 ซึ่งสามารถส่งสัญญาณ PWM ได้)

ตรวจสอบให้แน่ใจว่าเชื่อมต่อตัวเก็บประจุในทิศทางที่ถูกต้อง: ตัวเก็บประจุมีขั้ว หมายความว่าด้านใดที่คุณเชื่อมต่อขนานกับกราวด์และกำลังของนีโอพิกเซล หากคุณดูที่ตัวเก็บประจุ 1000uF จะมีแถบสีเทาอยู่ด้านข้างซึ่งระบุด้านลบของตัวเก็บประจุ (คุณสามารถเห็นได้ในแผนภาพด้านบนด้วย) นี่คือด้านที่ควรต่อขนานกับพื้นนีโอพิกเซล ตัวต้านทานไม่มีขั้ว ไม่ต้องกังวลกับทิศทาง

ในแง่ของการสร้างการเชื่อมต่อที่แน่นหนา วิธีที่ดีที่สุดคือการใช้โปรโตบอร์ด เพื่อให้คุณสามารถประสานส่วนประกอบเข้าด้วยกัน แทนที่จะเสียบสายไฟเข้ากับเขียงหั่นขนมและเสี่ยงที่จะออกมา ฉันใช้เขียงหั่นขนมเพราะฉันมีเวลาน้อย แต่ควรใช้โปรโตบอร์ดอีกครั้ง ข้อดีของเขียงหั่นขนมคือมีแผ่นหลังแบบเหนียว ฉันเลยแกะสติกเกอร์ออกเพื่อติดทุกอย่างไว้กับฐานโคมไฟ สำหรับโปรโตบอร์ด คุณสามารถขันสกรูเข้ากับฐานโดยใช้รู 4 รูที่ปกติจะมีอยู่ที่มุม หรือเพียงแค่ติดเทป/กาวลงไป

ขั้นตอนที่ 4: รหัส Arduino

โค้ด.ino Arduino แนบมาที่ด้านล่างของขั้นตอนนี้เพื่อใช้อ้างอิง มันดูยาวและใช้ถ้อยคำมาก แต่อย่ากังวล ส่วนใหญ่เกี่ยวข้องกับความคิดเห็นเพื่ออธิบายทุกอย่าง ฉันยังต้องการข้ามบรรทัดเพื่อเพิ่มช่องว่างสำหรับการแยกส่วน ซึ่งทำให้โค้ดดูยาวขึ้น

ส่วนหลักในการแก้ไขให้พอดีกับโค้ดของคุณ:

• โทเค็น/รหัสการให้สิทธิ์ Blynk (ส่งอีเมลถึงคุณจาก Blynk เมื่อคุณสร้างอุปกรณ์ในแอป: ดูข้อมูลเพิ่มเติมในหน้าถัดไป)

  คุณจะต้องมีรหัสการให้สิทธิ์แยกต่างหากสำหรับโคมไฟแต่ละดวง

• ชื่อโดเมน wifi (ระหว่างสองอะพอสทรอฟี ")
• รหัสผ่าน wifi (ระหว่างสองอะพอสทรอฟี ")

นอกเหนือจากนั้น ตราบใดที่คุณใช้แอพ Blynk และฮาร์ดแวร์ทั้งหมดของฉัน (ดังนั้นให้ใช้การกำหนดค่าแอพ Blynk ที่แน่นอนของฉันในขั้นตอนต่อไป มีไฟ LED 12 ดวงในวงแหวนนีโอพิกเซลของคุณ ใช้พิน D2 ของ ESP8266 สำหรับสายข้อมูลนีโอพิกเซล ฯลฯ) คุณเพียงแค่ต้องอัปโหลดรหัสนั้นไปยัง ESP8266 ของคุณ โปรดทราบว่าคุณจะต้องใช้รหัสอนุญาตที่แตกต่างกันสำหรับโคมไฟแต่ละดวงของคุณ! ดูหน้าถัดไปสำหรับการเพิ่มอุปกรณ์แยกต่างหากและรับรหัสเหล่านั้น อย่าลืมจับคู่โดเมน wifi และรหัสผ่านกับหลอดไฟด้วย หากพวกมันอยู่คนละที่ คุณอาจต้องการแก้ไขสิ่งอื่น ๆ ขึ้นอยู่กับว่าคุณต้องการภาพเคลื่อนไหวและสีใด หรือแม้แต่หมุดที่คุณใช้ ฉันได้แสดงความคิดเห็นรหัสเพื่อช่วยคุณในการเปลี่ยนแปลงสิ่งต่าง ๆ ตามต้องการ (อ่านโค้ดตัวอย่าง strandtest ของไลบรารี Adafruit Neopixel สำหรับแนวคิดด้วย)

ก่อนที่คุณจะใช้โค้ดได้ คุณจะต้องดาวน์โหลดไลบรารี่ที่โค้ดใช้ (อันที่อยู่ด้านบนสุดของโค้ด) อ่านและปฏิบัติตามคู่มือนี้จาก Adafruit (เริ่มต้นที่ "การใช้ Arduino IDE") สำหรับสิ่งที่คุณต้องทำเพื่อตั้งค่าสำหรับ ESP8266 ใช่: คุณจะต้องติดตั้งไดรเวอร์ CP2104 เพิ่ม URL ผู้จัดการบอร์ดเพิ่มเติมในการตั้งค่า Arduino ติดตั้งแพ็คเกจ ESP8266 (ไปที่ Sketch > รวมไลบรารี > จัดการไลบรารี… และค้นหาสิ่งที่คุณต้องการ – ดูภาพด้านล่าง) และติดตั้งไลบรารีอื่นๆ ที่ด้านบนของโค้ดสำหรับ neopixel, Blynk เป็นต้น

ในการอัปโหลดโค้ดไปยังชิป ESP8266 จาก Arduino IDE คุณจะต้องเลือกบอร์ดที่ถูกต้อง (NodeMCU ESP8266 ESP-12E) ขนาดแฟลช พอร์ต ฯลฯ (ดูภาพด้านล่าง) พอร์ตที่ถูกต้อง SLAB_USBtoUART จะไม่แสดงขึ้น เว้นแต่คุณจะเสียบ ESP8266 กับคอมพิวเตอร์ของคุณ แต่เมื่อเชื่อมต่อแล้ว และคุณแน่ใจว่าได้เชื่อมต่อวงจรอย่างถูกต้องในขั้นตอนก่อนหน้าแล้ว คุณสามารถกดลูกศรที่มุมซ้ายบนเพื่ออัปโหลดโค้ดของคุณไปยังบอร์ดได้ ใช่ ใช้เวลานานกว่ากระบวนการอัปโหลดไปยัง Arduino ปกติของคุณ คุณจะเห็นว่ามันคอมไพล์โค้ดอย่างช้าๆ ตามด้วยสตริงจุดสีส้ม ……………… ขณะอัปโหลด (แสดงในส่วนสีดำด้านล่างของหน้าต่าง Arduino)

ต่อไปนี้เป็นรายละเอียดสำหรับรหัส ส่วนแรกประกอบด้วยไลบรารีที่ฟังก์ชันจะใช้และเริ่มต้นตัวแปรส่วนกลาง (ตัวแปรที่สามารถเข้าถึงได้โดยฟังก์ชันใดๆ ในโค้ด) ส่วน BLYNK_WRITE (virtualPin) ควบคุมสิ่งที่ทำเมื่อวิดเจ็ตในแอป Blynk (ซึ่งเชื่อมต่อกับหมุดเสมือน) ถูกสลับ (เช่น เปิด/ปิด ตำแหน่งตัวเลื่อนเปลี่ยนไป) มี 7 พินเหล่านี้สำหรับพินเสมือน 7 อันที่ฉันใช้ในแอป Blynk ของฉัน ส่วนถัดไปของ void colorWipe(), rainbow() เป็นต้น คือการกำหนดฟังก์ชันที่โค้ดที่เหลือใช้ ฟังก์ชันเหล่านี้ส่วนใหญ่ยืมมาจากโค้ดตัวอย่างไลบรารีนีโอพิกเซลของ Adafruit (โดยเฉพาะ strandtest) ส่วนสุดท้ายคือการตั้งค่า void มาตรฐานของคุณ () และ void loop() ที่อยู่ในโค้ด Arduino ทั้งหมด: void setup() กำหนดการดำเนินการที่เกิดขึ้นเพียงครั้งเดียวโดยที่บอร์ดเปิดอยู่ และ void loop() กำหนดการดำเนินการที่บอร์ดอย่างต่อเนื่อง วนรอบเมื่อมีการขับเคลื่อน void loop() ส่วนใหญ่กำหนดว่าแอนิเมชั่นใดที่หลอดไฟจะวนซ้ำตามตัวแปร "แอนิเมชั่น" ที่ฉันสร้างขึ้น

ขั้นตอนที่ 5: Blynk IoT

ฉันเลือก Blynk แทน Adafruit IO สำหรับหลอดไฟเวอร์ชัน 2.0 นี้ Adafruit IO นั้นยอดเยี่ยม แต่มีสองสิ่งที่ Blynk มีเมื่อเทียบกับ Adafruit IO: อินเทอร์เฟซของแอปและความสามารถในการยอมรับ "ว่างเปล่า" เป็นรหัสผ่าน wifi (ดังนั้น หากคุณกำลังเชื่อมต่อกับ wifi สาธารณะที่ไม่มี รหัสผ่าน คุณสามารถเว้นส่วนรหัสผ่านว่างไว้ได้ เช่น "") เพื่อนของฉันไปโรงพยาบาลบ่อยเพื่อรับการรักษา ดังนั้นฉันจึงต้องการมีความสามารถนี้ในกรณีที่เธอต้องพักค้างคืน แต่ต้องการบริษัทเสมือนจริง: เธอยังคงสามารถเชื่อมต่อ wifi ที่โรงพยาบาลได้

เริ่มต้นด้วยการไปที่ Google Play store หรือ App Store ของ iPhone เพื่อดาวน์โหลดแอป Blynk ลงในโทรศัพท์ของคุณ สร้างบัญชีฟรีและสร้างโครงการใหม่ ที่มุมขวาบน คุณจะเห็นปุ่มเครื่องสแกนรหัส QR: ใช้เพื่อสแกนรหัส QR ในภาพด้านล่างเพื่อคัดลอกปุ่มทั้งหมดของฉันและอื่นๆ ลงในโครงการใหม่ ดูหน้านี้สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงาน ("แชร์การกำหนดค่าโครงการของคุณ") หน้าดังกล่าวยังให้ข้อมูลที่เป็นประโยชน์สำหรับการแบ่งปันโครงการกับผู้รับหลอดไฟของคุณในภายหลัง

แน่นอน คุณสามารถปรับแต่งปุ่มต่างๆ ได้ตามต้องการ! ปัดไปทางขวาเพื่อแสดงวิดเจ็ตที่คุณสามารถเพิ่มได้ คุณควรเข้าใจถึงตัวเลือกที่คุณมีสำหรับวิดเจ็ต: ฉันได้แนบรูปภาพ (พร้อมหมายเหตุในแต่ละรูปภาพ) ของการตั้งค่าปุ่มและคำแนะนำในการใช้งานไว้ที่ด้านบนของขั้นตอนนี้

อีกอย่าง การเพิ่มวิดเจ็ตจะต้องเสียคะแนนในแอป และทุกคนเริ่มต้นด้วยฟรีจำนวนหนึ่ง การเพิ่มคะแนนเพิ่มเติมมีค่าใช้จ่าย (2 ดอลลาร์สำหรับ 1,000 คะแนนเพิ่มเติม) ฉันลงเอยด้วยการเพิ่มคะแนน 1,000 คะแนนเพื่อให้การกำหนดค่าของฉันทำงาน แต่คุณสามารถลบปุ่มหนึ่งหรือสองปุ่มเพื่อให้ใช้งานได้ด้วยจำนวนเงินฟรี

ในโครงการ คุณต้องกดปุ่มน็อตที่ด้านบนซ้าย (ถัดจากปุ่มสามเหลี่ยม "เล่น") เพื่อเข้าถึงการตั้งค่าโครงการ

คุณต้องเพิ่มอุปกรณ์ในโครงการเพื่อรับโทเค็น/รหัสการอนุญาตสำหรับหลอดไฟแต่ละดวง ซึ่งคุณเปลี่ยนในรหัส Arduino ตามที่กล่าวไว้ก่อนหน้านี้ กดลูกศรขวาของอุปกรณ์เพื่อสร้างอุปกรณ์ใหม่ เมื่อคุณสร้างอุปกรณ์ คุณจะเห็นโทเค็นของอุปกรณ์ดังภาพด้านล่าง (เบลอเป็นสีแดง)

เมื่อคุณมีรหัสแล้ว อย่าลืมป้อนโทเค็น โดเมน wifi และรหัสผ่านที่ถูกต้องในรหัส Arduino สำหรับหลอดไฟแต่ละดวง คุณควรป้อนข้อมูลรับรอง wifi ของคุณเองก่อนเพื่อให้แน่ใจว่าหลอดไฟแต่ละดวงทำงานอย่างถูกต้องและแก้ไขข้อบกพร่องตามต้องการ แต่จากนั้นอัปเดตด้วยโดเมน wifi และรหัสผ่านของผู้รับของคุณก่อนที่จะส่งออก

ตรวจสอบให้แน่ใจว่าคุณเปิดแอพเพื่อใช้ปุ่มของคุณจริงๆ! เมื่อแอป "เปิด" (กดปุ่มเล่นที่มุมขวาบน ถัดจากปุ่มน็อตสำหรับการตั้งค่า) พื้นหลังจะกลายเป็นสีดำสนิทแทนที่จะเป็นเส้นประที่คุณเห็นเมื่อคุณอยู่ในโหมดแก้ไข หากคุณได้อัปโหลดโค้ด Arduino ไปยัง ESP8266 และเสียบปลั๊ก ชิปควรเชื่อมต่อกับ wifi โดยอัตโนมัติ ตรวจสอบสิ่งนี้โดยกดที่ไอคอนไมโครคอนโทรลเลอร์ขนาดเล็กที่มุมบนขวา (มองเห็นได้เฉพาะเมื่อเปิดแอป): คุณควรเห็นรายการอุปกรณ์ที่คุณสร้างขึ้นสำหรับโปรเจ็กต์และรายการอุปกรณ์ที่ออนไลน์อยู่

ขั้นตอนที่ 6: ฝาครอบหลอดไฟ

สำหรับโคมไฟจริง ฉันใช้ไม้ตัดด้วยเลเซอร์ (ไม้อัดเบิร์ช 1/8 นิ้ว) และอะครีลิก (ใส 1/4 นิ้ว สำหรับด้านล่างเพื่อให้แสงส่องผ่าน) ไม้มีพิลึกที่เป็นเอกลักษณ์สำหรับเพื่อนของฉันและฉัน แต่ฉันได้แนบไฟล์ Adobe Illustrator สำหรับการออกแบบหน้าชิ้นส่วนปริศนา (ทำให้เป็นลูกบาศก์ขนาด 4 นิ้ว) เพื่อให้คุณตัดออกหากคุณชอบรูปร่าง (ไฟล์ถูกแนบมาในขั้นตอนนี้ ด้านล่าง) คำเตือน: ใบหน้าด้านล่างต้องหนา 1/4 นิ้วเพื่อให้ชิ้นส่วนประกอบเข้าด้วยกันในไฟล์เหล่านั้น หากคุณต้องการสร้างขนาดที่แตกต่างกันหรือมีทุกอย่างที่มีความหนาเท่ากัน ให้ใช้ makercase.com เพื่อสร้างไฟล์สำหรับการตัดกล่องด้วยเลเซอร์

อย่าลืมทิ้งรูไว้ให้สายไฟหลุดออกจากโคม ฉันลืมใส่ไว้ แต่สามารถใช้คีมตัดลวดตัดรูสามเหลี่ยมเล็กๆ ผ่านไม้ขนาด 1/8 ได้

ขั้นตอนที่ 7: แบ่งปันโคมไฟกับผู้รับ

เมื่อคุณส่งหลอดไฟไปให้ผู้รับ พวกเขาจะต้องดาวน์โหลดแอป Blynk ลงในโทรศัพท์จาก Google Play Store หรือ App Store ของ Apple เพื่อควบคุมหลอดไฟ คุณสามารถให้พวกเขาสร้างบัญชีแยกกันหรือใช้ข้อมูลเข้าสู่ระบบเดียวกันของคุณ หากพวกเขาสร้างบัญชีแยกกัน คุณสามารถแชร์รหัส QR พิเศษให้ผู้อื่นใช้ 1,000 คะแนน (ไม่ใช่รหัสที่ฉันแชร์ในขั้นตอน Blynk ก่อนหน้า รหัส QR นี้อนุญาตให้ใช้แอปเดียวกันกับคุณ แต่พวกเขาสามารถ' ไม่เปลี่ยนการตั้งค่าปุ่มหรือการกำหนดค่าใดๆ โปรดอ่านหน้านี้ โดยเฉพาะ "แชร์การเข้าถึงฮาร์ดแวร์ของคุณ") คุณต้องแน่ใจว่าคุณเปิดแอป (กดปุ่มเล่นที่มุมขวาบนเพื่อให้คุณเห็นปุ่มไมโครคอนโทรลเลอร์แทนปุ่มการตั้งค่าน็อต) เพื่อให้ผู้อื่นใช้แอปได้

ฉันได้คะแนนประมาณ 1,000 คะแนนจากการให้ข้อมูลการเข้าสู่ระบบแก่เพื่อนของฉัน เพื่อให้เธอสามารถลงชื่อเข้าใช้แอปผ่านบัญชีของฉันได้ หากคุณกำลังส่งโคมไฟเหล่านี้ให้กับผู้ที่ไม่ค่อยเก่งเรื่องอุปกรณ์อิเล็กทรอนิกส์ (โดยทั่วไปแล้วผู้สูงอายุ) ฉันขอแนะนำให้ใช้เงิน 2 ดอลลาร์เพื่อสร้างลิงก์ที่แชร์เพื่อไม่ให้พวกเขาเข้าถึงบัญชีของคุณและไม่สามารถ ไม่ทำให้การตั้งค่าแอพของคุณยุ่งเหยิง ด้วยตัวเลือก QR นี้ (ราคา 1,000 คะแนน) พวกเขายังคงมีโคลนของแอปแต่ไม่สามารถเปลี่ยนแปลงอะไรได้

ขั้นตอนที่ 8: การใช้แอพ

คุณจะใช้แอพควบคุมหลอดไฟได้อย่างไร?

เปิดและปิดหลอดไฟด้วยปุ่มเปิดปิดขนาดใหญ่ (สีแดงเมื่อปิด สีเขียวเมื่อเปิด) หากหลอดไฟปิดอยู่ หลอดไฟจะปิดปุ่มอื่นๆ ทั้งหมดในแอปโดยอัตโนมัติและตั้งค่า RGB เป็น 0, 0, 0 เมื่อคุณกดเพื่อเปิดหลอดไฟอีกครั้ง หลอดไฟจะเริ่มกะพริบเป็นสีขาว

มีแถบเลื่อน RGB สามตัวที่ด้านบนขวาเพื่อควบคุมเอาต์พุตสี RGB ในการกะพริบของหลอดไฟ พวกเขาอัปเดตสีตามเวลาจริงในขณะที่คุณปรับแถบเลื่อน คุณยังสามารถปรับสีด้วยแผนที่สีรูปม้าลายที่ด้านล่างของแอป สิ่งนี้เชื่อมต่อกับแถบเลื่อน RGB ดังนั้นแถบเลื่อนจะอัปเดตตามสีที่คุณเลือกในแผนที่ และในทางกลับกัน แผนที่นี้จะมีประโยชน์หากคุณมีเฉดสีที่ต้องการโดยเฉพาะแต่ไม่ทราบค่าตัวเลข RGB ที่เหมาะสม

มีปุ่มทางด้านซ้ายของแอพพร้อมภาพเคลื่อนไหวที่ตั้งไว้ล่วงหน้าสำหรับความสุข โกรธ เศร้า และ meh "สุข" ทำให้ตะเกียงส่องผ่านสีรุ้ง "โกรธ" ทำให้ตะเกียงกะพริบระหว่างสีแดงกับสีเหลือง "เศร้า" ทำให้ตะเกียงส่องผ่านสีน้ำเงินและฟ้า และ "เมห์" ทำให้ตะเกียงเกิดเป็นรุ้งหมุน ล้อ. ฉันเลือกสีรุ้งเพื่อความสุขและพอดี เพราะมันมักจะเป็นแอนิเมชั่นเริ่มต้นในชีวิตประจำวันมากกว่า เมื่อใดก็ตามที่คุณกดปุ่มใดปุ่มหนึ่งที่ตั้งไว้ล่วงหน้า ปุ่มอื่นๆ ทั้งหมดจะถูกปิด (เช่น หากคุณอยู่ในโหมด "มีความสุข" แต่กด "โกรธ" ปุ่มมีความสุขจะปิดตัวเองโดยอัตโนมัติภายในไม่กี่วินาที)โปรดทราบว่าการเปลี่ยนจากแอนิเมชั่นที่มีความสุขและแย่จะใช้เวลานานกว่าเพราะหลอดไฟต้องผ่านแอนิเมชั่นสายรุ้งแบบเต็มก่อนจึงจะเปลี่ยนแอนิเมชั่นได้ หากคุณปิดปุ่มที่ตั้งไว้ล่วงหน้าใด ๆ หลอดไฟจะเริ่มต้นกลับเป็นกะพริบตามสีใดก็ตามที่แถบเลื่อน RGB ตรงกับ หากคุณเปิดแอนิเมชั่นที่ตั้งไว้ล่วงหน้าแต่เปลี่ยนแถบเลื่อน RGB จะไม่มีอะไรเกิดขึ้น: แอนิเมชั่นที่ตั้งไว้ล่วงหน้าจะครอบงำ

ก่อนถอดปลั๊กไฟ ให้กดปุ่มปิดเครื่องในแอปตามหลักการทั่วไป จากนั้นกดเปิดเครื่องในแอปเมื่อคุณเสียบหลอดไฟกลับเข้าไปใหม่ อย่าปรับปุ่มแอปเมื่อไม่ได้เปิดหลอดไฟหรือเชื่อมต่อกับ wifi (ไม่ใช่จุดจบของโลก แต่จะทำให้หลอดไฟเลอะ การดำเนินการ). ดูขั้นตอนต่อไปว่าทำไม…

ขั้นตอนที่ 9: **คำเตือนสำหรับการดำเนินการที่เหมาะสม**

มีช่องโหว่เดียวในการทำงานของหลอดไฟ อินเทอร์เฟซ Blynk ไม่อนุญาตให้ฉันเลือกควบคุมสิ่งที่สามารถสลับได้เมื่อมีอย่างอื่นเปิดหรือปิด แต่ฉันใส่เงื่อนไขในโค้ดเพื่อที่ว่าหากคุณสลับสิ่งที่ไม่ควรสลับเมื่อหลอดไฟดับหรือภาพเคลื่อนไหวอื่น เปิดอยู่ การสลับจะเลิกทำด้วยตัวเอง ซึ่งต้องใช้การดีบักมาก แต่ใช้งานได้ค่อนข้างดี (แสดงให้เห็นในวิดีโอด้านบน: แอปปฏิเสธการเปลี่ยนแปลงที่เกิดขึ้นเมื่อหลอดไฟดับ และหากภาพเคลื่อนไหวที่ตั้งไว้ล่วงหน้าเปิดอยู่ การเปลี่ยนแปลงใดๆ แถบเลื่อนไม่มีผลกับภาพเคลื่อนไหวจนกว่าปุ่มที่ตั้งไว้ล่วงหน้าจะปิด)!

ข้อผิดพลาดประการหนึ่งที่เหลืออยู่คือ หากคุณสลับสิ่งต่างๆ ในแอปเมื่อชิปไม่ได้เชื่อมต่อกับอินเทอร์เน็ต ฟังก์ชัน "เลิกทำ" อัตโนมัติจะไม่ทำงาน และหลอดไฟจะไม่ทำตามคำสั่งของแอป จากนั้นเมื่อคุณเปิดหลอดไฟ หลอดไฟจะไม่สะท้อนถึงสิ่งที่คุณกำลังทำอยู่อย่างถูกต้อง (ไม่ว่าจะเกิดอะไรขึ้น ไฟจะกะพริบเป็นสีขาวเมื่อคุณเปิดเครื่อง) ในการแก้ไขปัญหานี้ เพียงกดปุ่มเปิด/ปิดขนาดใหญ่ รอบพลังงานจะรีเซ็ตทุกอย่างในแอปเพื่อให้หลอดไฟทำงานได้ตามที่คาดไว้

เรื่องสั้นยาว: เมื่อใดก็ตามที่คุณเปิดหลอดไฟ เพียงแค่ทำรอบพลังงานของปุ่มเปิดปิดในแอปเพื่อรีเซ็ตทุกอย่าง เพียงทำเช่นนี้หากคุณเคยถอดปลั๊กไฟหรือใช้แอปเมื่อไม่ได้เสียบปลั๊กไฟ (หรือหากหลอดไฟไม่ตอบสนองอย่างถูกต้องในทันใด แม้ว่าคุณจะให้เวลาตอบสนอง บางทีถ้า WiFi ของคุณตัดการเชื่อมต่อแบบสุ่ม)

ขั้นตอนที่ 10: เสร็จสิ้น

และนั่นคือห่อ! เป็นของขวัญที่ดีสำหรับใครก็ตามที่คุณมีความสัมพันธ์ทางไกลด้วย: สร้างสิ่งหนึ่งให้พ่อแม่ของคุณก่อนที่คุณจะออกจากวิทยาลัยหรือย้ายไปทำงานใหม่ในรัฐอื่น ทำสิ่งนี้ให้ปู่ย่าตายายเมื่อคุณมีเวลาน้อยไปเยี่ยมพวกเขา หนึ่งเพื่อให้ บริษัท SO ของคุณทำงาน ฯลฯ

ต่อไปนี้คือรูปแบบเพิ่มเติมบางส่วนที่คุณสามารถทำได้:

• คุณสามารถกะพริบหลายสี (แดง ส้ม เหลือง) แทนการกะพริบตาของฉันได้

  • มีการควบคุมสีสำหรับการกะพริบหลายครั้ง (สีแดงครั้งแรก สีส้มที่สอง สีเหลืองที่สาม) แทนที่จะกะพริบในเฉดสีเดียวกันที่สว่างและสลัว
  • เพื่อที่คุณจะเพิ่มแผนที่สีแยกต่างหากหรือชุดของแถบเลื่อนเพื่อควบคุมสีที่แต่ละภาพเคลื่อนไหววนไปมา (ดังนั้นแทนที่จะให้สีแดงส้มเหลืองเสมอ ให้สามารถควบคุมแยกกันได้ เพื่อให้คุณมีสีชมพูอมเขียว ขาว เขียวม่วงน้ำเงิน ฯลฯ)
• มีแอนิเมชั่นประเภทอื่นๆ ที่คุณสามารถลองใช้ได้ในโค้ดตัวอย่าง Adafruit Neopixel strandtest เช่น ตัวเลือก theaterChase
• หากคุณต้องการเพิ่มแผงฝ่าวงล้อมของลำโพง คุณอาจมีตัวเลือกเพลงสำหรับโคมไฟของคุณ อาจมีพวกเขาเล่นเพลงที่แตกต่างกันในโอกาสต่างๆ หรือแทนเสียงเพลงข้อความที่บันทึกไว้

ขอให้สนุกกับการปรับแต่งโคมไฟ! อย่าลังเลที่จะส่งข้อความถึงฉันด้วยคำถามหรือความคิดเห็น