Isi kandungan:

Bluetooth Joystick Joystick Controller: 9 Langkah (dengan Gambar)
Bluetooth Joystick Joystick Controller: 9 Langkah (dengan Gambar)

Video: Bluetooth Joystick Joystick Controller: 9 Langkah (dengan Gambar)

Video: Bluetooth Joystick Joystick Controller: 9 Langkah (dengan Gambar)
Video: Cara Menyambungkan Gamepad X3 Ke HP Android 2024, Julai
Anonim
Pengawal Joystick Bluetooth Diaktifkan
Pengawal Joystick Bluetooth Diaktifkan

Kagumi rakan anda dan kagumi keluarga anda, ketika mereka melihat "HypnoEllipse", aplikasi web A / V interaktif. Bina penutup kayu bedik berkemampuan Bluetooth, sambungkannya ke penyemak imbas web, dan bergiliran melakukan hipnosis diri.

Ini adalah Joystick yang disambungkan dengan Bluetooth, yang mengirimkan mesej HID (papan kekunci / tetikus) ke lakaran p5.js, yang menyajikan ilusi optik berputar dan sampel suara berpusing.

Langkah 1: Bahan Yang Diperlukan

Bahan Yang Diperlukan
Bahan Yang Diperlukan
Bahan Yang Diperlukan
Bahan Yang Diperlukan
Bahan Yang Diperlukan
Bahan Yang Diperlukan

Alat

besi pateri

pateri

pelucut wayar

latih tubi

gerudi bit 1/4"

lubang gergaji 3/4"

Bahagian

Komputer berkemampuan Bluetooth

Pagar

www.adafruit.com/product/905

Bluefruit EZ-Key

www.adafruit.com/product/1535

papan roti modular mini

www.sparkfun.com/products/12047

wayar pelompat

www.sparkfun.com/products/8431

kayu bedik

www.sparkfun.com/products/9182

Papan pemecah mikro-B USB

www.sparkfun.com/products/1833

Bateri microUSB boleh dicas semula 5vdc

www.sparkfun.com/products/14167

PERISIAN

Aplikasi web Hypnoellipse

hypnoellipse.netlify.com/

Memproses 1.5.1 (untuk memetakan semula EZ Key)

processing.org/download/?processing

Kawal P5 (Memproses perpustakaan)

www.sojamo.de/libraries/controlP5/

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

Sekiranya anda mahu membuat versi Hypnoellipse anda sendiri!

hlm.js

p5js.org/download/

Penyunting atom

atom.io/

Langkah 2: Sediakan Joystick to Bluefruit EZ Key Jumper Wires

Sediakan Wayar Jumper Kunci Joystick to Bluefruit EZ
Sediakan Wayar Jumper Kunci Joystick to Bluefruit EZ

Potong dan lepaskan satu hujung setiap empat pasang wayar pelompat berwarna.

Setiap pasangan warna sesuai dengan arah kayu bedik (Kiri, Kanan, Atas, Bawah) yang unik - masing-masing pasangan menuju ke input EZ Key, dan yang lain ke GND.

Dengan fikiran ini, pasangkan kabel pelompat dengan berhati-hati ke kayu bedik.

Langkah 3: Sampul Persiapan

Persiapan Persiapan
Persiapan Persiapan

Anda memerlukan satu lubang 1/2 "di sisi penutup untuk kabel microUSB dan empat lubang 1/4" di penutup atas untuk memasang kayu bedik. Joystick itu sendiri memerlukan potongan lubang 3/4 ".

Saya menggunakan sehelai kertas dan pensil untuk mengesan lubang yang diperlukan oleh pemasangan kayu bedik, sebelum penggerudian sebenar ke bahagian atas penutup plastik.

Langkah 4: Pasang Joystick, Bluefruit EZ Key, dan USB Breakout Board

Pasang Joystick, Bluefruit EZ Key, dan USB Breakout Board
Pasang Joystick, Bluefruit EZ Key, dan USB Breakout Board
Pasang Joystick, Bluefruit EZ Key, dan USB Breakout Board
Pasang Joystick, Bluefruit EZ Key, dan USB Breakout Board
Pasang Joystick, Bluefruit EZ Key, dan USB Breakout Board
Pasang Joystick, Bluefruit EZ Key, dan USB Breakout Board

Pastikan untuk menentukan dengan teliti bagaimana empat jumper dawai joystick berwarna unik menyambung ke pin # 0 - # 4 pada Kekunci EZ. Ini mendefinisikan bagaimana empat mikrowitch pada joystick akan mengubah nilai mouseX dan mouseY dalam lakaran p5.js.

Sebaik sahaja anda menentukan orientasi kandang anda, teruskan mengikut arah jam di sekitar sambungan kayu bedik, pasangkan pelompat ke input Kunci EZ, dan semak semula jika perlu (kaedah percubaan dan ralat!).

Pin tanah dari kayu bedik membentuk bas tanah bersama dengan pin tanah Bluefruit EZ Key.

Ground dan + 5vdc dari penyambung microUSB juga akan bersambung ke Bluefruit EZ Key.

Langkah 5: EZ Kunci EZ

GUI Kunci EZ
GUI Kunci EZ

Anda perlu menggunakan versi Pemprosesan 2.2.1 yang lebih lama untuk menjalankan alat GUI ini.

Kenalan joystick ke atas / bawah / kiri / kanan akan meniru pergerakan mouseX dan mouseY untuk mengawal lakaran p5.js (HypnoEllipse).

Tutorial Adafruit ini menyediakan semua maklumat yang diperlukan untuk menggunakan Bluefruit EZ-Key:

learn.adafruit.com/introducing-bluefruit-ez-key-diy-bluetooth-hid-keyboard

Langkah 6: Kuasa dan Pasangkan Kekunci EZ Bluefruit

Kekunci dan Pasangkan Kekunci Bluefruit EZ
Kekunci dan Pasangkan Kekunci Bluefruit EZ
Kekunci dan Pasangkan Kekunci Bluefruit EZ
Kekunci dan Pasangkan Kekunci Bluefruit EZ
Kekunci dan Pasangkan Kekunci Bluefruit EZ
Kekunci dan Pasangkan Kekunci Bluefruit EZ

Nyalakan Bluefruit EZ-Key dan tekan butang pasangan.

Anda mesti melihat LED merah berkelip. Seterusnya tekan butang mini pada Kekunci EZ selama 5 saat dan lepaskan, ini akan menghapus maklumat pasangan sebelumnya dan membiarkan anda memasangkan semula ke komputer anda. LED merah kini akan berkelip.

Hidupkan Bluetooth dalam Pilihan Sistem dan klik "Siapkan Peranti Baru".

Biarkan pembantu berjalan sehingga ia mencari dan memaparkan modul EZ-Key - pilih dan klik "Teruskan".

Langkah 7: Memetakan semula Butang pada Bluefruit EZ-Key

Memetakan semula Butang pada Bluefruit EZ-Key
Memetakan semula Butang pada Bluefruit EZ-Key

Dalam tangkapan skrin perhatikan nilai mouseX dan mouseY yang berkaitan dengan pin kunci:

pin 0: x5

pin 1: x-5

pin2: y5

pin3: y-5

Muat turun LPIbrio ControlP5:

www.sojamo.de/libraries/controlP5/

Muat turun fail zip dengan kod remapper tanpa wayar:

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

Buka kompres dan buka GUI_EZKey_remapper.pde dalam Pemprosesan.

Periksa semula bahawa Bluefruit dipasangkan ke komputer anda.

Pilih Sketsa -> Jalankan untuk memulakan penyusun semula grafik.

Sekarang pilih pin dan gunakan menu pilih laporan tetikus.

Klik seterusnya "SEND_MAP" untuk menghantarnya ke Bluefruit EZ-Key anda.

Laporan teks di tetingkap Pemprosesan harus menunjukkan bahawa ia telah menemukan Bluefruit dan bahawa ia mengirim data dengan Checksum Match.

Langkah 8: Kawal Lakaran P5.js Yang Ada Dengan Penyemak Imbas Web Firefox dalam Skrin Penuh

Kawal Lakaran P5.js Yang Ada Dengan Penyemak Imbas Web Firefox dalam Skrin Penuh
Kawal Lakaran P5.js Yang Ada Dengan Penyemak Imbas Web Firefox dalam Skrin Penuh

Berikut adalah lakaran p5.js saya yang dihoskan di Netlify:

hypnoellipse.netlify.com

Anda boleh bereksperimen dengan tetikus anda, sebelum membina dan menyambungkan antara muka kayu bedik, untuk melihat dan mendengar variasi corak audiovisual.

Langkah 9: Edit, Semak, atau Buat Aplikasi Web Anda Sendiri

Edit, Semak, atau Buat Aplikasi Web Anda Sendiri
Edit, Semak, atau Buat Aplikasi Web Anda Sendiri

Berikut adalah kod untuk aplikasi web itu sendiri:

github.com/dkonha01/HypnoEllipse

Anda boleh dengan mudah mengembangkan versi anda sendiri, cuba mengubah nilai pada baris 44, 51, dan 66 dari sketsa.js - lihat garis komen untuk contoh ini.

Disyorkan: