Mục lục:

Bộ điều khiển cần điều khiển hỗ trợ Bluetooth: 9 bước (có hình ảnh)
Bộ điều khiển cần điều khiển hỗ trợ Bluetooth: 9 bước (có hình ảnh)

Video: Bộ điều khiển cần điều khiển hỗ trợ Bluetooth: 9 bước (có hình ảnh)

Video: Bộ điều khiển cần điều khiển hỗ trợ Bluetooth: 9 bước (có hình ảnh)
Video: Hướng Dẫn Học Lệnh Tắt Bật TV Cho Điều Khiển Đầu Box TV360 Của Viettel 2024, Tháng bảy
Anonim
Bộ điều khiển cần điều khiển được kích hoạt Bluetooth
Bộ điều khiển cần điều khiển được kích hoạt Bluetooth

Làm bạn bè kinh ngạc và gia đình bạn kinh ngạc khi họ xem "HypnoEllipse", một ứng dụng web tương tác A / V. Xây dựng một vỏ bọc cần điều khiển hỗ trợ Bluetooth, kết nối nó với trình duyệt web và thay phiên nhau thực hiện tự thôi miên.

Đây là Cần điều khiển được kết nối Bluetooth, gửi thông điệp HID (bàn phím / chuột) đến bản phác thảo p5.js, trình bày ảo ảnh quang học quay tròn và mẫu âm thanh xoáy.

Bước 1: Vật liệu cần thiết

Vật liệu cần thiết
Vật liệu cần thiết
Vật liệu cần thiết
Vật liệu cần thiết
Vật liệu cần thiết
Vật liệu cần thiết

Công cụ

sắt hàn

chất hàn

dụng cụ tuốt dây

máy khoan

mũi khoan 1/4"

lỗ cưa 3/4”

Các bộ phận

Máy tính hỗ trợ Bluetooth

Bao vây

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

breadboard mô-đun mini

www.sparkfun.com/products/12047

dây nhảy

www.sparkfun.com/products/8431

cần điều khiển

www.sparkfun.com/products/9182

Bảng đột phá USB micro-B

www.sparkfun.com/products/1833

Pin microUSB 5vdc có thể sạc lại

www.sparkfun.com/products/14167

PHẦN MỀM

Ứng dụng web Hypnoellipse

hypnoellipse.netlify.com/

Xử lý 1.5.1 (để remap EZ Key)

processing.org/download/?processing

Điều khiển P5 (Thư viện xử lý)

www.sojamo.de/libraries/controlP5/

Firefoxhttps://www.mozilla.org/en-US/firefox/new/

Nếu bạn muốn tạo phiên bản Hypnoellipse của riêng mình!

p5.js

p5js.org/download/

Trình chỉnh sửa Atom

atom.io/

Bước 2: Chuẩn bị Joystick cho Bluefruit EZ Key Jumper Wires

Chuẩn bị Joystick để Bluefruit EZ Key Jumper Wires
Chuẩn bị Joystick để Bluefruit EZ Key Jumper Wires

Cắt và tước một đầu của mỗi trong số bốn cặp dây nhảy màu khác nhau.

Mỗi cặp màu tương ứng với hướng cần điều khiển (Trái, Phải, Lên, Xuống) duy nhất - một trong mỗi cặp đi đến đầu vào Phím EZ và đầu còn lại là GND.

Với suy nghĩ này, hãy cẩn thận hàn các dây nhảy vào cần điều khiển.

Bước 3: Chuẩn bị bao vây

Bao vây chuẩn bị
Bao vây chuẩn bị

Bạn sẽ cần một lỗ 1/2 "ở mặt bên của vỏ cho cáp microUSB và bốn lỗ 1/4" trên nắp trên để gắn cần điều khiển. Bản thân cần điều khiển sẽ cần được khoét lỗ 3/4 ".

Tôi đã sử dụng một mảnh giấy và bút chì để vạch các lỗ theo yêu cầu của cụm phím điều khiển, trước khi thực sự khoan vào trên cùng của vỏ nhựa.

Bước 4: Cài đặt Joystick, Bluefruit EZ Key và USB Breakout Board

Cài đặt Joystick, Bluefruit EZ Key và USB Breakout Board
Cài đặt Joystick, Bluefruit EZ Key và USB Breakout Board
Cài đặt Joystick, Bluefruit EZ Key và USB Breakout Board
Cài đặt Joystick, Bluefruit EZ Key và USB Breakout Board
Cài đặt Joystick, Bluefruit EZ Key và USB Breakout Board
Cài đặt Joystick, Bluefruit EZ Key và USB Breakout Board

Đảm bảo xác định cẩn thận cách bốn dây nhảy dây màu độc đáo của cần điều khiển kết nối với các chân # 0 - # 4 trên Phím EZ. Điều này xác định cách bốn công tắc micro trên cần điều khiển sẽ thay đổi các giá trị của mouseX và mouseY trong bản phác thảo p5.js.

Khi bạn xác định được hướng của vỏ bọc của mình, hãy tiến hành theo chiều kim đồng hồ xung quanh các kết nối cần điều khiển, gắn các jumper vào đầu vào của Phím EZ và sửa đổi nếu cần (phương pháp thử và sai!).

Các chân nối đất từ cần điều khiển tạo thành một bus nối đất cùng với một chốt nối đất của Bluefruit EZ Key.

Mặt đất và + 5vdc từ đầu nối microUSB cũng sẽ kết nối với Bluefruit EZ Key.

Bước 5: EZ Key GUI

GUI chính EZ
GUI chính EZ

Bạn sẽ cần sử dụng phiên bản Xử lý 2.2.1 cũ hơn để chạy công cụ GUI này.

Các tiếp điểm lên / xuống / trái / phải của cần điều khiển sẽ mô phỏng các chuyển động của mouseX và mouseY để điều khiển phác thảo p5.js (HypnoEllipse).

Hướng dẫn Adafruit này cung cấp tất cả thông tin cần thiết để sử dụng Bluefruit EZ-Key:

learn.adafruit.com/introductioning-bluefruit-ez-key-diy-bl Bluetooth-hid-keyboard

Bước 6: Nguồn và ghép nối phím Bluefruit EZ

Phím Power và Ghép nối Bluefruit EZ
Phím Power và Ghép nối Bluefruit EZ
Phím Power và Ghép nối Bluefruit EZ
Phím Power và Ghép nối Bluefruit EZ
Phím Power và Ghép nối Bluefruit EZ
Phím Power và Ghép nối Bluefruit EZ

Bật nguồn Bluefruit EZ-Key và nhấn nút ghép nối.

Bạn sẽ thấy đèn LED màu đỏ nhấp nháy. Tiếp theo, nhấn nút mini trên Phím EZ trong 5 giây và thả ra, thao tác này sẽ xóa thông tin ghép nối trước đó và cho phép bạn ghép nối lại với máy tính của mình. Đèn LED màu đỏ bây giờ sẽ nhấp nháy.

Bật Bluetooth trong Tùy chọn hệ thống và nhấp vào "Thiết lập thiết bị mới".

Để trợ lý chạy cho đến khi nó định vị và hiển thị mô-đun EZ-Key - chọn nó và nhấp vào "Tiếp tục".

Bước 7: Điều chỉnh lại các nút trên Bluefruit EZ-Key

Chỉnh sửa các nút trên Bluefruit EZ-Key
Chỉnh sửa các nút trên Bluefruit EZ-Key

Trong ảnh chụp màn hình, lưu ý các giá trị mouseX và mouseY được liên kết với các chân phím:

pin 0: x5

pin 1: x-5

pin2: y5

pin3: y-5

Tải xuống LI thư viện ControlP5:

www.sojamo.de/libraries/controlP5/

Tải xuống tệp zip có mã trình tạo lại không dây:

learn.adafruit.com/system/assets/assets/000/013/042/original/GUI_EZKey_remapper_12-20-13.zip?1387568625

Giải nén và mở GUI_EZKey_remapper.pde trong Xử lý.

Kiểm tra kỹ xem Bluefruit đã được ghép nối với máy tính của bạn chưa.

Chọn Sketch -> Run để khởi động trình vẽ lại đồ họa.

Bây giờ chọn các ghim và sử dụng các menu để chọn các báo cáo chuột.

Tiếp theo, nhấp vào "SEND_MAP" để gửi nó đến Bluefruit EZ-Key của bạn.

Một báo cáo văn bản trong cửa sổ Xử lý phải chỉ ra rằng nó đã tìm thấy một Bluefruit và nó đã gửi dữ liệu với một Checksum Match.

Bước 8: Kiểm soát Phác thảo P5.js Hiện có bằng Trình duyệt Web Firefox ở chế độ Toàn màn hình

Kiểm soát Phác thảo P5.js Hiện có bằng Trình duyệt Web Firefox ở chế độ Toàn màn hình
Kiểm soát Phác thảo P5.js Hiện có bằng Trình duyệt Web Firefox ở chế độ Toàn màn hình

Đây là bản phác thảo p5.js của tôi được lưu trữ trên Netlify:

hypnoellipse.netlify.com

Bạn có thể thử nghiệm với chuột của mình, trước khi xây dựng và kết nối giao diện cần điều khiển, để xem và nghe các biến thể của mẫu nghe nhìn.

Bước 9: Chỉnh sửa, sửa đổi hoặc tạo ứng dụng web của riêng bạn

Chỉnh sửa, sửa đổi hoặc tạo ứng dụng web của riêng bạn
Chỉnh sửa, sửa đổi hoặc tạo ứng dụng web của riêng bạn

Đây là mã cho chính ứng dụng web:

github.com/dkonha01/HypnoEllipse

Bạn có thể dễ dàng phát triển phiên bản của riêng mình, thử thay đổi các giá trị ở dòng 44, 51 và 66 của sketch.js - hãy xem các dòng được chú thích để biết ví dụ về điều này.

Đề xuất: