sketch.js
let w, h;
let speed = 3;
let xpos = 222;
let ypos = 222;
function setup() {
createCanvas(window.innerWidth, window.innerHeight);
w = width;
h = height;
}
function draw() {
if (gamepad == undefined) {return;}
readGamepadInput();
background(222, 2);
fill(22);
noStroke();
// add current magnitude to cursor pos
xpos += gamepad.a1 * speed;
ypos += gamepad.a2 * speed;
// ignore stage bounds > space invaders sytle
if (xpos < 0) { xpos = w;}
if (ypos < 0) {ypos = h;}
if (xpos > w) { xpos = 0;}
if (ypos > h) { ypos = h;}
// draw mirrored circles - cursor style
circle(xpos, ypos, 133);
circle(w - xpos, ypos, 133);
circle(w - xpos, h - ypos, 133);
circle(xpos, h - ypos, 133);
}
This comes as helpful library to manage the gamepad events in p5.js says Leonard.
gamepad.js
let controllers = [];
let gamepad;
// -------------------------------------
// --------- READ CONTROLLER ----------------
// -------------------------------------
function initGamepad(e){
console.log("Gamepad connected at index %d: %s. %d buttons, %d axes.",
e.gamepad.index, e.gamepad.id,
e.gamepad.buttons.length, e.gamepad.axes.length);
let gamepads = navigator.getGamepads();
gamepad = gamepads[0];
gamepad.btn1 = null;
gamepad.btn2 = null;
gamepad.btn3 = null;
gamepad.btn4 = null;
gamepad.btn5 = null;
gamepad.a0 = 0;
gamepad.a1 = 0;
gamepad.a2 = 0;
gamepad.a3 = 0;
gamepad.a4 = 0;
gamepad.a5 = 0;
gamepad.a6 = 0;
gamepad.a7 = 0;
}
// -------------------------------------
// --------- READ CONTROLLER ----------------
// -------------------------------------
function readGamepadInput(){
if(gamepad!=null){
gamepad.a0 = gamepad.axes[0];
gamepad.a1 = gamepad.axes[1];
gamepad.a2 = gamepad.axes[2];
gamepad.a3 = gamepad.axes[3];
gamepad.a4 = gamepad.axes[4];
gamepad.a5 = gamepad.axes[5];
gamepad.a6 = gamepad.axes[6];
gamepad.a7 = gamepad.axes[7];
if (gamepad.buttons)
{
gamepad.btn1 = gamepad.buttons[0];
gamepad.btn2 = gamepad.buttons[1];
gamepad.btn3 = gamepad.buttons[2];
gamepad.btn4 = gamepad.buttons[3];
gamepad.btn5 = gamepad.buttons[4];
gamepad.btn6 = gamepad.buttons[5];
}
}else{
console.log("gamepad throws error");
}
}
// -------------------------------------
// --------- CONNECTION ROUTINES ----------------
// -------------------------------------
window.addEventListener("gamepadconnected", function(e) {
gamepadHandler(e, true);
initGamepad(e);
});
window.addEventListener("gamepaddisconnected", function(e) {
console.log("Gamepad disconnected from index %d: %s",
e.gamepad.index, e.gamepad.id);
gamepadHandler(e, false);
});
function gamepadHandler(event, connecting) {
let gamepad = event.gamepad;
if (connecting) {
print("Connecting to controller "+gamepad.index)
controllers[gamepad.index] = gamepad
} else {
delete controllers[gamepad.index]
}
}
ESP Code
sourced by: https://github.com/asukiaaa/MPU9250_asukiaaa/blob/master/examples/GetMagOffset/GetMagOffset.ino
DO not forget to install the inherited lib from asukiaaa > MPU9250_asukiaaa > props 🙂
#include <Adafruit_GFX.h> // Core graphics library
#include <Adafruit_ST7735.h>
Adafruit_ST7735 tft = Adafruit_ST7735(16, 17, 23, 5, 9); // CS,A0,SDA,SCK,RESET
#include <BleGamepad.h>
BleGamepad bleGamepad("ESP_GYROMAN","hello",99);
#include <MPU9250_asukiaaa.h>
#ifdef _ESP32_HAL_I2C_H_
#define SDA_PIN 19
#define SCL_PIN 18
#endif
#define CALIB_SEC 20
MPU9250_asukiaaa mySensor;
uint8_t sensorId;
float mDirection, mX, mY, mZ;
void setup() {
pinMode(27,INPUT);//Backlight:27
digitalWrite(27,HIGH);//New version added to backlight control
tft.initR(INITR_18GREENTAB); // 1.44 v2.1
tft.fillScreen(ST7735_BLACK);
Serial.begin(115200);
while(!Serial);
Serial.println("started");
#ifdef _ESP32_HAL_I2C_H_ // For ESP32
Wire.begin(SDA_PIN, SCL_PIN); // SDA, SCL
#else
Wire.begin();
#endif
mySensor.setWire(&Wire);
while (mySensor.readId(&sensorId) != 0) {
Serial.println("Cannot find device to read sensorId");
delay(2000);
}
mySensor.beginMag();
float magXMin, magXMax, magYMin, magYMax, magZ, magZMin, magZMax;
Serial.println("Start scanning values of magnetometer to get offset values.");
Serial.println("Rotate your device for " + String(CALIB_SEC) + " seconds.");
tft.fillScreen(ST7735_RED);
setMagMinMaxAndSetOffset(&mySensor, CALIB_SEC);
Serial.println("Finished setting offset values.");
tft.fillScreen(ST7735_WHITE);
bleGamepad.begin();
}
void setMagMinMaxAndSetOffset(MPU9250_asukiaaa* sensor, int seconds) {
unsigned long calibStartAt = millis();
float magX, magXMin, magXMax, magY, magYMin, magYMax, magZ, magZMin, magZMax;
sensor->magUpdate();
magXMin = magXMax = sensor->magX();
magYMin = magYMax = sensor->magY();
magZMin = magZMax = sensor->magZ();
while(millis() - calibStartAt < (unsigned long) seconds * 1000) {
delay(100);
sensor->magUpdate();
magX = sensor->magX();
magY = sensor->magY();
magZ = sensor->magZ();
if (magX > magXMax) magXMax = magX;
if (magY > magYMax) magYMax = magY;
if (magZ > magZMax) magZMax = magZ;
if (magX < magXMin) magXMin = magX;
if (magY < magYMin) magYMin = magY;
if (magZ < magZMin) magZMin = magZ;
}
sensor->magXOffset = - (magXMax + magXMin) / 2;
sensor->magYOffset = - (magYMax + magYMin) / 2;
sensor->magZOffset = - (magZMax + magZMin) / 2;
}
bool is_connected = false;
bool p_is_connected = false;
void loop() {
//Serial.println("sensorId: " + String(sensorId));
mySensor.magUpdate();
mX = mySensor.magX();
mY = mySensor.magY();
mZ = mySensor.magZ();
mDirection = mySensor.magHorizDirection();
is_connected = bleGamepad.isConnected();
if(is_connected != p_is_connected){
if(is_connected){
tft.fillScreen(ST7735_GREEN);
}else{
tft.fillScreen(ST7735_BLUE);
}
p_is_connected = is_connected;
}
if(is_connected)
{
uint16_t x = uint16_t((mySensor.magX()*.01) * 32767);
bleGamepad.setX( x );
uint16_t y = uint16_t((mY*.01) * 32767);
bleGamepad.setY( y );
uint16_t z = uint16_t((mZ*.01) * 32767);
bleGamepad.setZ( z );
}
/*
Serial.println("mySensor.magXOffset = " + String(mySensor.magXOffset) + ";");
Serial.println("mySensor.maxYOffset = " + String(mySensor.magYOffset) + ";");
Serial.println("mySensor.magZOffset = " + String(mySensor.magZOffset) + ";");
Serial.println("magX: " + String(mX));
Serial.println("maxY: " + String(mY));
Serial.println("magZ: " + String(mZ));
Serial.println("horizontal direction: " + String(mDirection));
Serial.println("at " + String(millis()) + "ms");
Serial.println(""); // Add an empty line
*/
delay(20);
}