<file_sep>function Invert(){
  sendData("*V~");
}

function InAnim(){
  sendData("*I~");
}

function OutAnim(){
  sendData("*O~");
}

function SaveSettings(){
  sendData("*W~");
}

function ResetHardware(){
  sendData("*R~");
}

function SubmitAutoClear(){
  const val = inputClear.value();
  sendData("*C"+ val + "~");
}

function SubmitSpeed(){
  const val = inputSpeed.value();
  sendData("*S"+ val + "~");
}


function SubmitDelay(){
  const val = inputDelay.value();
  sendData("*P"+ val + "~");
}

function SubmitMessage(){
  const msg = inputMsg.value();
  sendData("*M"+ msg + "~");
}

function disconnectBle(){
  blueTooth.disconnect();
}

function clearMessage(){
  receivedValue = "";
}
<file_sep>function drawScreen() {
  textSize(18);
  if (isConnected) {
    background(0, 255, 0);
    text('Connected :)', 100, 20);
    disconnectButton.show();
    connectButton.hide();
  } else {
    background(255, 0, 0);
    textAlign(LEFT, TOP);
    text('Disconnected :/', 90, 20);
    disconnectButton.hide();
    connectButton.show();
  }

  textSize(14);
  text('Message', 15, 60);
  text('Animation Speed (ms)', 15,120);
  text('Delay Between In/Out (ms)', 15,180);
  text('Auto Clear Message (ms, 0 to disable)', 15,240);
  text('Brightness ( ' + sliderBrightness.value() + ' )', 15,300);
  text('Received Value', 350,240);
  receivedMessage.html(receivedValue);
  if(sliderBrightness.value() != brightness && isConnected){
    brightness = sliderBrightness.value();
    sendData("*B" + brightness +"~");
  }
}
<file_sep># PT013_MAX7219_BrowserGUI
Browser GUI for controlling MAX7219 Bluetooth Messageboard or Running Text

This project based on processing IDE, https://processing.org/
Use this project as GUI to controll Bluetooth MAX7219 Messageboard or Running Text.
To understand the usage, please watch these videos
- https://youtu.be/tP6NaTEM98c
- https://youtu.be/6PS0qiNqFws
- https://youtu.be/4f79jZ3JeQU

All my videos are in Indonesian. But no worries, I will always create English CC for all video I shared.
