Агуулгын хүснэгт:

Bluetooth идэвхжүүлсэн тоглоомын хянагч: 9 алхам (зурагтай)
Bluetooth идэвхжүүлсэн тоглоомын хянагч: 9 алхам (зурагтай)

Видео: Bluetooth идэвхжүүлсэн тоглоомын хянагч: 9 алхам (зурагтай)

Видео: Bluetooth идэвхжүүлсэн тоглоомын хянагч: 9 алхам (зурагтай)
Видео: КАК НАСТРОИТЬ L4D2 2024, Долдугаар сарын
Anonim
Bluetooth идэвхжүүлсэн тоглоомын хянагч
Bluetooth идэвхжүүлсэн тоглоомын хянагч

Найзуудаа гайхшруулж, интерактив A/V вэб апп болох "HypnoEllipse" -ийг үзээд гэр бүлийнхнийгээ гайхшруулаарай. Bluetooth идэвхжүүлсэн джойстик хаалтыг бүтээж, вэб хөтөч рүү холбож, ээлжлэн өөрөө гипноз хийдэг.

Энэ бол эргэлдэж буй оптик хуурмаг, эргэлдэж буй дууны дээжийг харуулсан p5.js ноорог дээр HID (гар/хулгана) зурвас илгээдэг, Bluetooth -д холбогдсон Joystick юм.

Алхам 1: Шаардлагатай материал

Шаардлагатай материалууд
Шаардлагатай материалууд
Шаардлагатай материалууд
Шаардлагатай материалууд
Шаардлагатай материалууд
Шаардлагатай материалууд

Багаж хэрэгсэл

гагнуурын төмөр

гагнуур

утас хуулагч

өрөмдөх

өрмийн бит 1/4"

нүх харсан 3/4"

Эд анги

Bluetooth идэвхжүүлсэн компьютер

Хашаа

www.adafruit.com/product/905

Bluefruit EZ түлхүүр

www.adafruit.com/product/1535

мини модульчлагдсан талх

www.sparkfun.com/products/12047

холбогч утас

www.sparkfun.com/products/8431

joystick

www.sparkfun.com/products/9182

USB micro-B таслах самбар

www.sparkfun.com/products/1833

5vdc цэнэглэдэг microUSB зай

www.sparkfun.com/products/14167

ПРОГРАММ

Hypnoellipse вэб програм

hypnoellipse.netlify.com/

1.5.1 боловсруулалт (EZ түлхүүрийг дахин нэгтгэх)

processing.org/download/?processing

Control P5 (Номын сан боловсруулах)

www.sojamo.de/libraries/controlP5/

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

Хэрэв та Hypnoellipse -ийн өөрийн хувилбарыг хийхийг хүсч байвал!

p5.js

p5js.org/download/

Атом редактор

atom.io/

Алхам 2: Joystick -ийг Bluefruit EZ түлхүүр холбогч утас руу бэлтгэ

Joystick -ийг Bluefruit EZ түлхүүр холбогч утас руу бэлдээрэй
Joystick -ийг Bluefruit EZ түлхүүр холбогч утас руу бэлдээрэй

Дөрвөн хос өнгийн холбогч утас тус бүрийн нэг үзүүрийг хайчилж, хуул.

Өнгөний хос бүр нь өвөрмөц (зүүн, баруун, дээш, доош) джойстик чиглэлтэй нийцдэг - хос бүрийн нэг нь EZ түлхүүрийн оролт руу, нөгөө нь GND руу ордог.

Ийм оюун ухаанаар холбогч утсыг джойстикт болгоомжтой гагнана уу.

Алхам 3: Хашаа бэлтгэх

Бэлтгэх хашлага
Бэлтгэх хашлага

MicroUSB кабелийн хажуугийн хажуу тал дээр нэг 1/2 инчийн нүх, джойстикийг суурилуулахын тулд дээд бүрхүүлд 1/4 инчийн дөрвөн нүх хэрэгтэй болно. Жойстик өөрөө 3/4 инчийн нүх хайчлах шаардлагатай болно.

Би цаас, харандаа ашиглан хуванцар хаалганы дээд хэсэгт бодит өрөмдлөг хийхээс өмнө джойстикийн угсралтад шаардлагатай нүхийг хайчилж авав.

Алхам 4: Joystick, Bluefruit EZ Key, USB Breakout Board -ийг суулгана уу

Joystick, Bluefruit EZ Key, USB Breakout Board -ийг суулгана уу
Joystick, Bluefruit EZ Key, USB Breakout Board -ийг суулгана уу
Joystick, Bluefruit EZ Key, USB Breakout Board -ийг суулгана уу
Joystick, Bluefruit EZ Key, USB Breakout Board -ийг суулгана уу
Joystick, Bluefruit EZ Key, USB Breakout Board -ийг суулгана уу
Joystick, Bluefruit EZ Key, USB Breakout Board -ийг суулгана уу

Joystick -ийн дөрвөн өвөрмөц өнгөт утсан холбогч нь EZ түлхүүр дээрх #0 - #4 тээглүүртэй хэрхэн холбогддогийг сайтар тодорхойлохоо мартуузай. Энэ нь joystick дээрх дөрвөн микро шилжүүлэгч p5.js тойм дээрх mouseX болон mouseY -ийн утгыг хэрхэн өөрчлөхийг тодорхойлдог.

Хашааныхаа чиглэлийг тодорхойлсны дараа джойстикийн холболтыг цагийн зүүний дагуу үргэлжлүүлж, холбогчийг EZ түлхүүрийн оролтод холбож, шаардлагатай бол хянана уу (туршилт ба алдааны арга!).

Джойстик дээрх газардуулгууд нь Bluefruit EZ Key -ийн газардуулгатай хамт газрын автобус үүсгэдэг.

MicroUSB холбогчоос авсан газардуулга ба +5vdc нь Bluefruit EZ Key -тэй холбогдох болно.

Алхам 5: EZ Key GUI

EZ түлхүүр GUI
EZ түлхүүр GUI

Энэхүү GUI хэрэгслийг ажиллуулахын тулд Processing 2.2.1 -ийн хуучин хувилбарыг ашиглах шаардлагатай болно.

Joystick дээш/доош/зүүн/баруун контактууд нь p5.js ноорог (HypnoEllipse) -ыг хянахын тулд mouseX болон mouseY хөдөлгөөнийг дуурайдаг.

Энэхүү Adafruit заавар нь Bluefruit EZ-Key-ийг ашиглахад шаардлагатай бүх мэдээллийг өгдөг.

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

Алхам 6: Powerfair болон Bluefruit EZ түлхүүрийг хослуулах

Цахилгаан ба хос Bluefruit EZ түлхүүр
Цахилгаан ба хос Bluefruit EZ түлхүүр
Цахилгаан ба хос Bluefruit EZ түлхүүр
Цахилгаан ба хос Bluefruit EZ түлхүүр
Цахилгаан ба хос Bluefruit EZ түлхүүр
Цахилгаан ба хос Bluefruit EZ түлхүүр

Bluefruit EZ-Key-ийг асаагаад хос товчийг дарна уу.

Та улаан LED анивчихыг харах ёстой. Дараа нь EZ товчлуур дээрх мини товчлуурыг 5 секундын турш дараад суллана уу. Энэ нь өмнөх хослуулах мэдээллийг устгаж, компьютер дээрээ дахин хослуулах болно. Улаан LED одоо анивчих болно.

Системийн тохиргоонд Bluetooth -ийг асаагаад "Шинэ төхөөрөмж тохируулах" дээр дарна уу.

EZ -Key модулийг олж, харуулах хүртэл туслахыг ажиллуулна уу. Үүнийг сонгоод "Үргэлжлүүлэх" дээр дарна уу.

Алхам 7: Bluefruit EZ-Key дээрх товчлууруудыг дахин дарна уу

Bluefruit EZ-Key дээрх товчлууруудыг дахин харуулах
Bluefruit EZ-Key дээрх товчлууруудыг дахин харуулах

Дэлгэцийн агшинд түлхүүр зүүтэй холбоотой mouseX болон mouseY утгыг тэмдэглэнэ үү.

зүү 0: x5

зүү 1: x-5

зүү2: y5

pin3: y-5

ControlP5 номын санг татаж авах:

www.sojamo.de/libraries/controlP5/

Утасгүй холбогчийг ашиглан зип файлыг татаж аваарай.

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

Боловсруулах хэсэгт GUI_EZKey_remapper.pde -ийг нээгээд нээнэ үү.

Bluefruit нь таны компьютерт хосолсон эсэхийг шалгаарай.

Graphic remapper -ийг эхлүүлэхийн тулд Sketch -> Run командыг сонгоно уу.

Одоо тээглүүрийг сонгоод цэсийг ашиглан хулганы тайланг сонгоно уу.

Дараа нь "SEND_MAP" дээр дарж Bluefruit EZ-Key рүү илгээнэ үү.

Боловсруулах цонхонд байгаа текст тайлан нь Bluefruit -ийг олсон бөгөөд Checksum Match -тай өгөгдөл илгээсэн болохыг харуулах ёстой.

Алхам 8: Одоо байгаа P5.js тоймыг Firefox вэб хөтчийн тусламжтайгаар бүтэн дэлгэцээр удирдах

Одоо байгаа P5.js тоймыг Firefox вэб хөтөчөөр бүтэн дэлгэцээр удирдах
Одоо байгаа P5.js тоймыг Firefox вэб хөтөчөөр бүтэн дэлгэцээр удирдах

Netlify дээр байрлуулсан миний p5.js ноорог энд байна:

hypnoellipse.netlify.com

Аудио -визуал хэв маягийн өөрчлөлтийг харах, сонсохын тулд joystick интерфэйсийг бүтээх, холбохын өмнө хулганаараа туршилт хийж болно.

Алхам 9: Өөрийн вэб програмыг засах, өөрчлөх эсвэл үүсгэх

Өөрийн вэб програмыг засах, өөрчлөх, үүсгэх
Өөрийн вэб програмыг засах, өөрчлөх, үүсгэх

Вэб програмын код энд байна:

github.com/dkonha01/HypnoEllipse

Та өөрийн хувилбарыг хялбархан боловсруулж, sketch.js -ийн 44, 51, 66 -р мөр дэх утгыг өөрчлөхийг оролдож болно - жишээ авахын тулд тайлбарласан мөрүүдийг үзээрэй.

Зөвлөмж болгож буй: