How to Make a RC Controller #2

Introduction

After making hovercrafts, I decided that I would need a remote control if I wanted to use a home made drone (maybe for a future project). As a consequence, I created my own remote controller.

Indeed, I had a controller before, but it was pretty useless in this case, because driving a drone certainly needs more informations, to avoid a potential crash.

So, I decided to make this brand new remote controller, composed of a TFT screen, nRF24l01 radio module and arduino mega.

Firstly, I needed a controller capable of displaying informations about the RC device connected to it : speed, motor thrust, angle, etc...

Then, I wanted something adapted to each situation : that's why I've made different templates on this controller to ensure the remote control has at least a template for each device. Especially, there are 5 templates (4 are for driving while one is for technical characteristics).

Finally, during conception, I add the possibility to navigate between those templates and you get it, a full modular remote controller !

This controller sends an array of 6 int named "data" (data[0] to data[5]) and receives an array named "infos" (infos[0] to infos[5]).

Send :

• data[0], data[1], data[2], data[3] : joystick analog values
• data[4], data[5] : buttons (can be activated on template B)

Receive :

• infos[0], infos[1], infos[2], infos[3] : PWMs (from 4 brushless motors)
• infos[4], infos[5] : angles (from gyroscops)

PS : those infos are set up like that by default on template A because its for a futur drone that'll post on Hackster.io, otherwise those informations can be displayed (and changed) on a modified template depending on your device and needs.

3D design

The remote controller looks like a gaming controller and this was the main issue when I wanted to design it : it had to be comfortable in hands.

Moreover, holes that you can see on the main panel are used for screwing arduino mega and screen supports.

Connections

Red and green dots are for TFT screen (connect them to TFT using wires) : it needs to be connected as you can see them connected when they're plugged together.

Code

Here is the code :

#include <Mirf.h>
#include <nRF24L01.h>
#include <MirfHardwareSpiDriver.h>
#include <SPI.h>                                                     
#include <RF24.h>
#include <Elegoo_GFX.h>
#include <Elegoo_TFTLCD.h>
#include <TouchScreen.h>


#define LCD_CS A3
#define LCD_CD A2
#define LCD_WR A1
#define LCD_RD A0
#define LCD_RESET A4


#define  BLACK   0x0000
#define BLUE    0x001F
#define RED     0xF800
#define GREEN   0x07E0
#define CYAN    0x07FF
#define MAGENTA 0xF81F
#define YELLOW  0xFFE0
#define WHITE   0xFFFF
#define ORANGE   0xFA60
#define LIME     0x07FF
#define ORANGE1   ((255 / 8) << 11) | ((165 / 4) << 5) | (0 / 8) 
#define ORANGE2   ((255 / 8) << 11) | ((187 / 4) << 5) | (61 / 8) 
#define ORANGE3   ((255 / 8) << 11) | ((201 / 4) << 5) | (102 / 8) 
#define BLUE1   ((2 / 8) << 11) | ((9 / 4) << 5) | (219 / 8)
#define BLUE2   ((36 / 8) << 11) | ((43 / 4) << 5) | (253 / 8)
#define BLUE3   ((103 / 8) << 11) | ((108 / 4) << 5) | (254 / 8)
#define DARKBLUE1   ((2 / 8) << 11) | ((8 / 4) << 5) | (185 / 8)
#define DARKBLUE2   ((1 / 8) << 11) | ((5 / 4) << 5) | (118 / 8)
#define RED1    ((255 / 8) << 11) | ((0 / 4) << 5) | (0 / 8)
#define RED2    ((255 / 8) << 11) | ((61 / 4) << 5) | (61 / 8)
#define RED3    ((255 / 8) << 11) | ((122 / 4) << 5) | (122 / 8)
#define CACTUS1 ((196 / 8) << 11) | ((235 / 4) << 5) | (20 / 8)
#define CACTUS2 ((217 / 8) << 11) | ((242 / 4) << 5) | (103 / 8)
#define CACTUS3 ((231 / 8) << 11) | ((247 / 4) << 5) | (158 / 8)
#define YELLOW1 ((235 / 8) << 11) | ((254 / 4) << 5) | (1 / 8)
#define YELLOW2 ((239 / 8) << 11) | ((254 / 4) << 5) | (62 / 8)
#define YELLOW3 ((244 / 8) << 11) | ((254 / 4) << 5) | (123 / 8)
#define MAGENTA1 ((245 / 8) << 11) | ((0 / 4) << 5) | (245 / 8)
#define MAGENTA2 ((255 / 8) << 11) | ((82 / 4) << 5) | (255 / 8)
#define MAGENTA3 ((255 / 8) << 11) | ((184 / 4) << 5) | (255 / 8)
#define CYAN1    ((0 / 8) << 11) | ((255 / 4) << 5) | (255 / 8)
#define CYAN2    ((122 / 8) << 11) | ((255 / 4) << 5) | (255 / 8)
#define CYAN3    ((204 / 8) << 11) | ((255 / 4) << 5) | (255 / 8)    
#define PINK1   ((230 / 8) << 11) | ((7 / 4) << 5) | (92 / 8)
#define PINK2   ((249 / 8) << 11) | ((60 / 4) << 5) | (132 / 8)
#define PINK3   ((251 / 8) << 11) | ((131 / 4) << 5) | (177 / 8)
#define GREEN1   ((15 / 8) << 11) | ((186 / 4) << 5) | (15 / 8)
#define GREEN2   ((36 / 8) << 11) | ((238 / 4) << 5) | (36 / 8)
#define GREEN3   ((103 / 8) << 11) | ((243 / 4) << 5) | (103 / 8)
#define GREY1   ((128 / 8) << 11) | ((128 / 4) << 5) | (128 / 8)
#define GREY2   ((168 / 8) << 11) | ((168 / 4) << 5) | (168 / 8)
#define GREY3   ((200 / 8) << 11) | ((200 / 4) << 5) | (200 / 8)
#define PURPLE1   ((92 / 8) << 11) | ((0 / 4) << 5) | (92 / 8)
#define PURPLE2   ((133 / 8) << 11) | ((0 / 4) << 5) | (133 / 8)
#define PURPLE3   ((173 / 8) << 11) | ((0 / 4) << 5) | (173 / 8)
#define BROWN1   ((41 / 8) << 11) | ((10 / 4) << 5) | (10 / 8)
#define BROWN2   ((73 / 8) << 11) | ((19 / 4) << 5) | (19 / 8)
#define BROWN3   ((106 / 8) << 11) | ((27 / 4) << 5) | (27 / 8)
#define BROWN4   ((138 / 8) << 11) | ((35 / 4) << 5) | (35 / 8)
#define BROWN5   ((171 / 8) << 11) | ((43 / 4) << 5) | (43 / 8)
#define BROWN6   ((203 / 8) << 11) | ((52 / 4) << 5) | (52 / 8)
#define BROWN7   ((212 / 8) << 11) | ((84 / 4) << 5) | (84 / 8)
#define BEIGE1   ((221 / 8) << 11) | ((221 / 4) << 5) | (136 / 8)
#define BEIGE2   ((230 / 8) << 11) | ((230 / 4) << 5) | (168 / 8)
#define BEIGE3   ((235 / 8) << 11) | ((235 / 4) << 5) | (184 / 8)


#define YP A2  
#define XM A3 
#define YM 8   
#define XP 9   

TouchScreen ts = TouchScreen(XP, YP, XM, YM, 400);
Elegoo_TFTLCD tft(LCD_CS, LCD_CD, LCD_WR, LCD_RD, LCD_RESET);

TSPoint p;
    
int data[6];  
int infos[6];

int xjoy1;
int yjoy1;
int xjoy2;
int yjoy2;
float angley1 = 0;
float angley2 = 0;

int menu = 0;
int startingmenuvariable = 0;
int menulaunch = 0;

int timer = 0;
int delaybutton4;
int delaybutton5;

void setup(){       
Serial.begin(9600);   

tft.reset();
tft.begin(0x9341);
tft.fillScreen(BLACK);
tft.setRotation(3);

Mirf.cePin = 10; 
  Mirf.csnPin = 11; 
  Mirf.spi = &MirfHardwareSpi; 
  Mirf.init(); 

  Mirf.channel = 1; 
  Mirf.payload = sizeof(int) * 6; 
  Mirf.config(); 

  Mirf.setTADDR((byte *) "nrf02"); 
  Mirf.setRADDR((byte *) "nrf01"); 

data[4] = 0;
  data[5] = 0;



}


void menuAstatis(){
tft.fillCircle(40, 0, 100, MAGENTA);
tft.fillCircle(280, 0, 25, YELLOW);
tft.fillRect(21, 21, 79, 80, BLACK);
tft.fillRect(121, 21, 79, 80, BLACK);

tft.drawCircle(65, 170, 40, WHITE);
tft.drawCircle(175, 170, 40, WHITE);
tft.fillRect(10, 110, 200, 30, BLACK);
tft.fillRect(10, 200, 200, 40, BLACK); 
  tft.fillCircle(100, 240, 30, CYAN);

tft.drawRect(20, 20, 80, 81, WHITE);
tft.drawRect(120, 20, 80, 81, WHITE);
tft.setCursor(220, 35);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println("PWM5 :");
tft.setCursor(220, 55);
tft.println("PWM6 :");
tft.setCursor(220, 75);
tft.println("PWM9 :");
tft.setCursor(215, 95);
tft.println("PWM10 :");

tft.setTextColor(GREEN3);
tft.setCursor(45, 150);
tft.println("Angle X");
tft.setCursor(155, 150);
tft.println("Angle Y");

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuA(){


if(infos[0]>179){
  infos[0] = 179;
}
 if(infos[1]>179){
  infos[1] = 179;
} 
if(infos[2]>179){
  infos[2] = 179;
}
 if(infos[3]>179){
  infos[3] = 179;
} 
  tft.fillCircle(xjoy1, yjoy1, 2, BLACK);
tft.fillCircle(xjoy2, yjoy2, 2, BLACK); 

 tft.fillRect(54, 170, 20, 10, BLACK);
 tft.fillRect(164, 170, 20, 10, BLACK);


tft.fillRect(259, 34, 24, 71, BLACK);

 xjoy1 = map(data[1], 0, 1024, 31, 89);
 yjoy1 = map(data[0], 1024, 0, 31, 89);
tft.fillCircle(xjoy1, yjoy1, 2, BLUE);
 xjoy2 = map(data[3], 0, 1024, 131, 189);
 yjoy2 = map(data[2], 1024, 0, 31, 89);
tft.fillCircle(xjoy2, yjoy2, 2, BLUE);  



tft.setTextColor(GREEN1);
tft.setCursor(60, 170);
tft.println(infos[4]);
tft.setCursor(170, 170);
tft.println(infos[5]);

tft.setCursor(260, 35);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println(infos[0]);
tft.setCursor(260, 55);
tft.println(infos[1]);
tft.setCursor(260, 75);
tft.println(infos[2]);
tft.setCursor(260, 95);
tft.println(infos[3]);
}


void menuBstatis(){
  tft.fillCircle(50, 0, 80, PINK1);

tft.fillCircle(240, 20, 130, ORANGE);

tft.fillRect(31, 31, 114, 115, BLACK);
  tft.fillRect(176, 31, 114, 115, BLACK);

tft.drawRect(30, 30, 115, 116, WHITE);
tft.drawRect(175, 30, 115, 116, WHITE);
tft.setCursor(40, 160);
tft.setTextColor(CYAN);
tft.setTextSize(1);
tft.println("X:");
tft.setCursor(40, 175);
tft.println("Y:");
tft.setCursor(160, 160);
tft.println("X:");
tft.setCursor(160, 175);
tft.println("Y:");
tft.fillRoundRect(39, 199, 62, 32, 3, WHITE);
tft.fillRoundRect(139, 199, 62, 32, 3, WHITE);

if(data[4]==1){
  tft.fillRoundRect(41, 201, 58, 28, 3, GREEN);
}
else{
    tft.fillRoundRect(41, 201, 58, 28, 3, RED);
}

if(data[5]==1){
  tft.fillRoundRect(141, 201, 58, 28, 3, GREEN);
}
else{
    tft.fillRoundRect(141, 201, 58, 28, 3, RED);
}
    
tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuB(){
tft.drawCircle(xjoy2, yjoy2, 4, BLACK);
tft.drawCircle(xjoy1, yjoy1, 4, BLACK);
tft.fillRect(54, 159, 26, 25, BLACK);
tft.fillRect(174, 159, 26, 25, BLACK);


 xjoy1 = map(data[1], 0, 1024, 41, 134);
 yjoy1 = map(data[0], 1024, 0, 41, 134);
tft.drawCircle(xjoy1, yjoy1, 4, BLUE);
 xjoy2 = map(data[3], 0, 1024, 186, 279);
 yjoy2 = map(data[2], 1024, 0, 41, 134);
tft.drawCircle(xjoy2, yjoy2, 4, BLUE);
tft.setCursor(55, 160);
tft.setTextColor(CYAN);
tft.setTextSize(1);
tft.println(data[1]); 
tft.setCursor(55, 175);
tft.println(data[0]); 
tft.setCursor(175, 160);
tft.println(data[3]); 
tft.setCursor(175, 175);
tft.println(data[2]); 


if(timer<=100){
timer++;
}
if(p.z > ts.pressureThreshhold){
if(p.x>700 && p.y<300 && data[4]==1 && timer>=5){
  data[4] = 0;
  tft.fillRoundRect(41, 201, 58, 28, 3, RED);
  timer = 0;
}else{}
if(p.x>700 && p.y<300 && data[4]==0 && timer>=5){
   data[4] = 1;
   tft.fillRoundRect(41, 201, 58, 28, 3, GREEN);
     timer = 0;
}else{}
if(p.x<700 && p.y<300 && data[5]==1 && timer>=5){
  data[5] = 0;
  tft.fillRoundRect(141, 201, 58, 28, 3, RED);
  timer = 0;
}else{}
if(p.x<700 && p.y<300 && data[5]==0 && timer>=5){
  data[5] = 1;
  tft.fillRoundRect(141, 201, 58, 28, 3, GREEN);
    timer = 0;
}else{}
}

}

void menuCstatis(){
 tft.setCursor(10, 20);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println("This template must be created on the code."); 
 tft.setCursor(10, 40);
tft.println("For more informations, check up :"); 
tft.setCursor(10, 60);
tft.println("Hackster.io /https://www.hackster.io/MisterBotBreak"); 

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuC(){
}

void menuDstatis(){
  tft.setCursor(10, 20);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println("This template must be created through the code."); 
 tft.setCursor(10, 40);
tft.println("For more informations, check up :"); 
tft.setCursor(10, 60);
tft.println("Hackster.io /https://www.hackster.io/MisterBotBreak"); 

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuD(){
}



void menuCharactsstatis(){

tft.fillScreen(BLACK);

tft.fillCircle(320, 0, 150, BLUE);
tft.fillCircle(0, 160, 80, GREEN);
tft.fillCircle(140, 240, 50, RED);

tft.setCursor(60, 20);
tft.setTextColor(CYAN);
tft.setTextSize(1);
tft.println("Remote Controller Characteristics"); 
tft.setCursor(10, 50);
tft.setTextColor(WHITE);
tft.println("This controller transmits data using a"); 
tft.setCursor(245, 50);
tft.setTextColor(RED);
tft.println("nRF24l01"); 
tft.setCursor(10, 65);
tft.setTextColor(RED);
tft.println("radio module."); 
tft.setCursor(10, 90);
tft.setTextColor(WHITE);
tft.println("Packet sent : data, array (6 * int) ");
tft.setCursor(10, 105);
tft.println("Packet received : infos, array (6 * int) "); 

tft.setCursor(10, 125);
tft.println("By default, infos[0,1,2,3] are associated with PWMs"); 
tft.setCursor(10, 140);
tft.println("while infos[4,5] are angles (gyroscope)."); 
tft.setCursor(10, 155);
tft.println("Template A is especially for drone driving."); 

 tft.setCursor(10, 175);
tft.println("CE : D10");
tft.setCursor(10, 190);
tft.println("CSN : D11"); 
 tft.setCursor(100, 175);
tft.println("MOSI : D51");
tft.setCursor(100, 190);
tft.println("MISO : D50"); 
tft.setCursor(10, 205);
tft.println("SCK : D52"); 


tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back ");  


}


void menuCharacts(){
  
}

void menuXstatis(){
  //put all static elements of your patern here
}

void menuX(){
  //put all dynamic elements of your patern here
}

void startingmenustatis(){
  tft.drawRoundRect(20, 60, 130, 40, 3, WHITE);
  tft.drawRoundRect(170, 60, 130, 40, 3, WHITE);
  tft.drawRoundRect(20, 120, 130, 40, 3, WHITE);
  tft.drawRoundRect(170, 120, 130, 40, 3, WHITE);
  tft.drawRoundRect(20, 180, 205, 40, 3, WHITE);
  tft.setCursor(18, 20);
  tft.setTextColor(CYAN);
  tft.setTextSize(1);
  tft.println("Choose your template for this remote controler !");

  tft.setCursor(51, 67);
  tft.setTextColor(RED);
  tft.println("Template A"); 
  tft.setCursor(53, 85);
  tft.println("(standart)");
  tft.setCursor(203, 75);
  tft.setTextColor(ORANGE);
  tft.println("Template B"); 
  tft.setCursor(51, 135);
  tft.setTextColor(YELLOW);
  tft.println("Template C"); 
  tft.setCursor(203, 135);
  tft.setTextColor(GREEN);
  tft.println("Template D"); 
  tft.setCursor(51, 195);
  tft.setTextColor(MAGENTA);
  tft.println("Technical Characteristics"); 

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}


    
void loop(){

 data[0] = analogRead(A8);
  data[1] = analogRead(A9);
  data[2] = analogRead(A10);
  data[3] = analogRead(A11);
    

digitalWrite(13, HIGH);
  p = ts.getPoint();
 digitalWrite(13, LOW);
 pinMode(XM, OUTPUT);
pinMode(YP, OUTPUT);


if(startingmenuvariable==0 && menu==0){
  startingmenustatis();
  startingmenuvariable = 1;
}
 if(menu > 0 && p.x < 350 && p.y < 500){
  tft.fillScreen(BLACK);
  startingmenustatis();
  menu = 0;
  menulaunch = 0;
 }
 if(p.z > ts.pressureThreshhold){
  if(menu==0 || menulaunch==0){
  if(p.y>550 && p.x>600){
    menu = 1;
  }
  if(p.y>550 && p.x<600){
    menu = 2;
  }
  if(550>p.y && p.y>340 && p.x>600){
    menu = 3;
  }
  if(550>p.y && p.y>340 && p.x<600){
    menu = 4;
  }
  if(p.y<340 && p.x>400){
    menu = 5;
  }
  }


 }

 Serial.println(data[4]);


 if(menu==1 && menulaunch != 1){
  tft.fillScreen(BLACK);
  menuAstatis();
  menulaunch = 1;
 }
 if(menu==1){
  menuA();
 }
 if(menu==2 && menulaunch != 2){
  tft.fillScreen(BLACK);
  menuBstatis();
  menulaunch = 2;
 }
 if(menu==2){
  menuB();
 }
  if(menu==3 && menulaunch != 3){
  tft.fillScreen(BLACK);
  menuCstatis();
  menulaunch = 3;
 }
 if(menu==3){
  menuC();
 }
  if(menu==4 && menulaunch != 4){
  tft.fillScreen(BLACK);
  menuDstatis();
  menulaunch = 4;
 }
 if(menu==4){
  menuD();
 }
if(menu==5 && menulaunch != 5){
  tft.fillScreen(BLACK);
  menuCharactsstatis();
  menulaunch = 5;
 }
 if(menu==5){
  menuCharacts();
 }


 /*PROGRAM YOUR OWN PATERN HERE : X = the patern' letter / x = the patern' number
  
   if(menu==x && menulaunch != x){
  tft.fillScreen(BLACK);
  menuBstatis();
  menulaunch = x;
 }
 if(menu==x){
  menuX();
 }
  */


 data[0] = analogRead(A8);
  data[1] = analogRead(A9);
  data[2] = analogRead(A10);
  data[3] = analogRead(A11);
 

 if(Mirf.dataReady()){
    Mirf.getData((byte *) &infos); 
    
    Serial.println(infos[0]); 
    Serial.println(infos[1]); 
    Serial.println(infos[2]); 
    Serial.println(infos[3]); 
   Serial.println(infos[4]); 
    Serial.println(infos[5]); 
  
  }

    delay(10);
    
Mirf.send((byte *) &data); 
  while(Mirf.isSending()); 
}

It can be divided into multiple parts. Firstly we set up everything for using TFT (colors, pins, etc...) and variables used for templates navigation ("menu", "menulaunch", etc...), radio communication ("data[6]", "infos[6]") and other variables for tactile ("timer", "delaybutton4", etc...) :

#include <Mirf.h>
#include <nRF24L01.h>
#include <MirfHardwareSpiDriver.h>
#include <SPI.h>                                                     
#include <RF24.h>
#include <Elegoo_GFX.h>
#include <Elegoo_TFTLCD.h>
#include <TouchScreen.h>


#define LCD_CS A3
#define LCD_CD A2
#define LCD_WR A1
#define LCD_RD A0
#define LCD_RESET A4


#define  BLACK   0x0000
#define BLUE    0x001F
#define RED     0xF800
#define GREEN   0x07E0
#define CYAN    0x07FF
#define MAGENTA 0xF81F
#define YELLOW  0xFFE0
#define WHITE   0xFFFF
#define ORANGE   0xFA60
#define LIME     0x07FF
#define ORANGE1   ((255 / 8) << 11) | ((165 / 4) << 5) | (0 / 8) 
#define ORANGE2   ((255 / 8) << 11) | ((187 / 4) << 5) | (61 / 8) 
#define ORANGE3   ((255 / 8) << 11) | ((201 / 4) << 5) | (102 / 8) 
#define BLUE1   ((2 / 8) << 11) | ((9 / 4) << 5) | (219 / 8)
#define BLUE2   ((36 / 8) << 11) | ((43 / 4) << 5) | (253 / 8)
#define BLUE3   ((103 / 8) << 11) | ((108 / 4) << 5) | (254 / 8)
#define DARKBLUE1   ((2 / 8) << 11) | ((8 / 4) << 5) | (185 / 8)
#define DARKBLUE2   ((1 / 8) << 11) | ((5 / 4) << 5) | (118 / 8)
#define RED1    ((255 / 8) << 11) | ((0 / 4) << 5) | (0 / 8)
#define RED2    ((255 / 8) << 11) | ((61 / 4) << 5) | (61 / 8)
#define RED3    ((255 / 8) << 11) | ((122 / 4) << 5) | (122 / 8)
#define CACTUS1 ((196 / 8) << 11) | ((235 / 4) << 5) | (20 / 8)
#define CACTUS2 ((217 / 8) << 11) | ((242 / 4) << 5) | (103 / 8)
#define CACTUS3 ((231 / 8) << 11) | ((247 / 4) << 5) | (158 / 8)
#define YELLOW1 ((235 / 8) << 11) | ((254 / 4) << 5) | (1 / 8)
#define YELLOW2 ((239 / 8) << 11) | ((254 / 4) << 5) | (62 / 8)
#define YELLOW3 ((244 / 8) << 11) | ((254 / 4) << 5) | (123 / 8)
#define MAGENTA1 ((245 / 8) << 11) | ((0 / 4) << 5) | (245 / 8)
#define MAGENTA2 ((255 / 8) << 11) | ((82 / 4) << 5) | (255 / 8)
#define MAGENTA3 ((255 / 8) << 11) | ((184 / 4) << 5) | (255 / 8)
#define CYAN1    ((0 / 8) << 11) | ((255 / 4) << 5) | (255 / 8)
#define CYAN2    ((122 / 8) << 11) | ((255 / 4) << 5) | (255 / 8)
#define CYAN3    ((204 / 8) << 11) | ((255 / 4) << 5) | (255 / 8)    
#define PINK1   ((230 / 8) << 11) | ((7 / 4) << 5) | (92 / 8)
#define PINK2   ((249 / 8) << 11) | ((60 / 4) << 5) | (132 / 8)
#define PINK3   ((251 / 8) << 11) | ((131 / 4) << 5) | (177 / 8)
#define GREEN1   ((15 / 8) << 11) | ((186 / 4) << 5) | (15 / 8)
#define GREEN2   ((36 / 8) << 11) | ((238 / 4) << 5) | (36 / 8)
#define GREEN3   ((103 / 8) << 11) | ((243 / 4) << 5) | (103 / 8)
#define GREY1   ((128 / 8) << 11) | ((128 / 4) << 5) | (128 / 8)
#define GREY2   ((168 / 8) << 11) | ((168 / 4) << 5) | (168 / 8)
#define GREY3   ((200 / 8) << 11) | ((200 / 4) << 5) | (200 / 8)
#define PURPLE1   ((92 / 8) << 11) | ((0 / 4) << 5) | (92 / 8)
#define PURPLE2   ((133 / 8) << 11) | ((0 / 4) << 5) | (133 / 8)
#define PURPLE3   ((173 / 8) << 11) | ((0 / 4) << 5) | (173 / 8)
#define BROWN1   ((41 / 8) << 11) | ((10 / 4) << 5) | (10 / 8)
#define BROWN2   ((73 / 8) << 11) | ((19 / 4) << 5) | (19 / 8)
#define BROWN3   ((106 / 8) << 11) | ((27 / 4) << 5) | (27 / 8)
#define BROWN4   ((138 / 8) << 11) | ((35 / 4) << 5) | (35 / 8)
#define BROWN5   ((171 / 8) << 11) | ((43 / 4) << 5) | (43 / 8)
#define BROWN6   ((203 / 8) << 11) | ((52 / 4) << 5) | (52 / 8)
#define BROWN7   ((212 / 8) << 11) | ((84 / 4) << 5) | (84 / 8)
#define BEIGE1   ((221 / 8) << 11) | ((221 / 4) << 5) | (136 / 8)
#define BEIGE2   ((230 / 8) << 11) | ((230 / 4) << 5) | (168 / 8)
#define BEIGE3   ((235 / 8) << 11) | ((235 / 4) << 5) | (184 / 8)


#define YP A2  
#define XM A3 
#define YM 8   
#define XP 9   

TouchScreen ts = TouchScreen(XP, YP, XM, YM, 400);
Elegoo_TFTLCD tft(LCD_CS, LCD_CD, LCD_WR, LCD_RD, LCD_RESET);

TSPoint p;
    
int data[6];  
int infos[6];

int xjoy1;
int yjoy1;
int xjoy2;
int yjoy2;
float angley1 = 0;
float angley2 = 0;

int menu = 0;
int startingmenuvariable = 0;
int menulaunch = 0;

int timer = 0;
int delaybutton4;
int delaybutton5;

Then, we initialize the nRF24l01 and TFT screen by defining their parameters (channel, address, rotation, payload, etc...) :

void setup(){       
Serial.begin(9600);   

tft.reset();
tft.begin(0x9341);
tft.fillScreen(BLACK);
tft.setRotation(3);

Mirf.cePin = 10; 
  Mirf.csnPin = 11; 
  Mirf.spi = &MirfHardwareSpi; 
  Mirf.init(); 

  Mirf.channel = 1; 
  Mirf.payload = sizeof(int) * 6; 
  Mirf.config(); 

  Mirf.setTADDR((byte *) "nrf02"); 
  Mirf.setRADDR((byte *) "nrf01"); 

data[4] = 0;
  data[5] = 0;

}

After that, we have to set up functions that relate to template. For one template, we must have 2 functions : one for setting up static elements, that will be done one time (there will be dynamic elements so we need to put all static elements on a particular function that will be used only one time, its to avoid latency and unnecessary blinking), another for dynamic elements that will be repeated (as loop function) to permit dynamic elements to move. We'll also define a particular function for the menu with all templates :

void menuAstatis(){
tft.fillCircle(40, 0, 100, MAGENTA);
tft.fillCircle(280, 0, 25, YELLOW);
tft.fillRect(21, 21, 79, 80, BLACK);
tft.fillRect(121, 21, 79, 80, BLACK);

tft.drawCircle(65, 170, 40, WHITE);
tft.drawCircle(175, 170, 40, WHITE);
tft.fillRect(10, 110, 200, 30, BLACK);
tft.fillRect(10, 200, 200, 40, BLACK); 
  tft.fillCircle(100, 240, 30, CYAN);

tft.drawRect(20, 20, 80, 81, WHITE);
tft.drawRect(120, 20, 80, 81, WHITE);
tft.setCursor(220, 35);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println("PWM5 :");
tft.setCursor(220, 55);
tft.println("PWM6 :");
tft.setCursor(220, 75);
tft.println("PWM9 :");
tft.setCursor(215, 95);
tft.println("PWM10 :");

tft.setTextColor(GREEN3);
tft.setCursor(45, 150);
tft.println("Angle X");
tft.setCursor(155, 150);
tft.println("Angle Y");

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuA(){


if(infos[0]>179){
  infos[0] = 179;
}
 if(infos[1]>179){
  infos[1] = 179;
} 
if(infos[2]>179){
  infos[2] = 179;
}
 if(infos[3]>179){
  infos[3] = 179;
} 
  tft.fillCircle(xjoy1, yjoy1, 2, BLACK);
tft.fillCircle(xjoy2, yjoy2, 2, BLACK); 

 tft.fillRect(54, 170, 20, 10, BLACK);
 tft.fillRect(164, 170, 20, 10, BLACK);


tft.fillRect(259, 34, 24, 71, BLACK);

 xjoy1 = map(data[1], 0, 1024, 31, 89);
 yjoy1 = map(data[0], 1024, 0, 31, 89);
tft.fillCircle(xjoy1, yjoy1, 2, BLUE);
 xjoy2 = map(data[3], 0, 1024, 131, 189);
 yjoy2 = map(data[2], 1024, 0, 31, 89);
tft.fillCircle(xjoy2, yjoy2, 2, BLUE);  



tft.setTextColor(GREEN1);
tft.setCursor(60, 170);
tft.println(infos[4]);
tft.setCursor(170, 170);
tft.println(infos[5]);

tft.setCursor(260, 35);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println(infos[0]);
tft.setCursor(260, 55);
tft.println(infos[1]);
tft.setCursor(260, 75);
tft.println(infos[2]);
tft.setCursor(260, 95);
tft.println(infos[3]);
}


void menuBstatis(){
  tft.fillCircle(50, 0, 80, PINK1);

tft.fillCircle(240, 20, 130, ORANGE);

tft.fillRect(31, 31, 114, 115, BLACK);
  tft.fillRect(176, 31, 114, 115, BLACK);

tft.drawRect(30, 30, 115, 116, WHITE);
tft.drawRect(175, 30, 115, 116, WHITE);
tft.setCursor(40, 160);
tft.setTextColor(CYAN);
tft.setTextSize(1);
tft.println("X:");
tft.setCursor(40, 175);
tft.println("Y:");
tft.setCursor(160, 160);
tft.println("X:");
tft.setCursor(160, 175);
tft.println("Y:");
tft.fillRoundRect(39, 199, 62, 32, 3, WHITE);
tft.fillRoundRect(139, 199, 62, 32, 3, WHITE);

if(data[4]==1){
  tft.fillRoundRect(41, 201, 58, 28, 3, GREEN);
}
else{
    tft.fillRoundRect(41, 201, 58, 28, 3, RED);
}

if(data[5]==1){
  tft.fillRoundRect(141, 201, 58, 28, 3, GREEN);
}
else{
    tft.fillRoundRect(141, 201, 58, 28, 3, RED);
}
    
tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuB(){
tft.drawCircle(xjoy2, yjoy2, 4, BLACK);
tft.drawCircle(xjoy1, yjoy1, 4, BLACK);
tft.fillRect(54, 159, 26, 25, BLACK);
tft.fillRect(174, 159, 26, 25, BLACK);


 xjoy1 = map(data[1], 0, 1024, 41, 134);
 yjoy1 = map(data[0], 1024, 0, 41, 134);
tft.drawCircle(xjoy1, yjoy1, 4, BLUE);
 xjoy2 = map(data[3], 0, 1024, 186, 279);
 yjoy2 = map(data[2], 1024, 0, 41, 134);
tft.drawCircle(xjoy2, yjoy2, 4, BLUE);
tft.setCursor(55, 160);
tft.setTextColor(CYAN);
tft.setTextSize(1);
tft.println(data[1]); 
tft.setCursor(55, 175);
tft.println(data[0]); 
tft.setCursor(175, 160);
tft.println(data[3]); 
tft.setCursor(175, 175);
tft.println(data[2]); 


if(timer<=100){
timer++;
}
if(p.z > ts.pressureThreshhold){
if(p.x>700 && p.y<300 && data[4]==1 && timer>=5){
  data[4] = 0;
  tft.fillRoundRect(41, 201, 58, 28, 3, RED);
  timer = 0;
}else{}
if(p.x>700 && p.y<300 && data[4]==0 && timer>=5){
   data[4] = 1;
   tft.fillRoundRect(41, 201, 58, 28, 3, GREEN);
     timer = 0;
}else{}
if(p.x<700 && p.y<300 && data[5]==1 && timer>=5){
  data[5] = 0;
  tft.fillRoundRect(141, 201, 58, 28, 3, RED);
  timer = 0;
}else{}
if(p.x<700 && p.y<300 && data[5]==0 && timer>=5){
  data[5] = 1;
  tft.fillRoundRect(141, 201, 58, 28, 3, GREEN);
    timer = 0;
}else{}
}

}

void menuCstatis(){
 tft.setCursor(10, 20);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println("This template must be created on the code."); 
 tft.setCursor(10, 40);
tft.println("For more informations, check up :"); 
tft.setCursor(10, 60);
tft.println("Hackster.io /https://www.hackster.io/MisterBotBreak"); 

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuC(){
}

void menuDstatis(){
  tft.setCursor(10, 20);
tft.setTextColor(RED);
tft.setTextSize(1);
tft.println("This template must be created through the code."); 
 tft.setCursor(10, 40);
tft.println("For more informations, check up :"); 
tft.setCursor(10, 60);
tft.println("Hackster.io /https://www.hackster.io/MisterBotBreak"); 

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

void menuD(){
}



void menuCharactsstatis(){

tft.fillScreen(BLACK);

tft.fillCircle(320, 0, 150, BLUE);
tft.fillCircle(0, 160, 80, GREEN);
tft.fillCircle(140, 240, 50, RED);

tft.setCursor(60, 20);
tft.setTextColor(CYAN);
tft.setTextSize(1);
tft.println("Remote Controller Characteristics"); 
tft.setCursor(10, 50);
tft.setTextColor(WHITE);
tft.println("This controller transmits data using a"); 
tft.setCursor(245, 50);
tft.setTextColor(RED);
tft.println("nRF24l01"); 
tft.setCursor(10, 65);
tft.setTextColor(RED);
tft.println("radio module."); 
tft.setCursor(10, 90);
tft.setTextColor(WHITE);
tft.println("Packet sent : data, array (6 * int) ");
tft.setCursor(10, 105);
tft.println("Packet received : infos, array (6 * int) "); 

tft.setCursor(10, 125);
tft.println("By default, infos[0,1,2,3] are associated with PWMs"); 
tft.setCursor(10, 140);
tft.println("while infos[4,5] are angles (gyroscope)."); 
tft.setCursor(10, 155);
tft.println("Template A is especially for drone driving."); 

 tft.setCursor(10, 175);
tft.println("CE : D10");
tft.setCursor(10, 190);
tft.println("CSN : D11"); 
 tft.setCursor(100, 175);
tft.println("MOSI : D51");
tft.setCursor(100, 190);
tft.println("MISO : D50"); 
tft.setCursor(10, 205);
tft.println("SCK : D52"); 


tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back ");  


}


void menuCharacts(){
  
}

void menuXstatis(){
  //put all static elements of your patern here
}

void menuX(){
  //put all dynamic elements of your patern here
}

void startingmenustatis(){
  tft.drawRoundRect(20, 60, 130, 40, 3, WHITE);
  tft.drawRoundRect(170, 60, 130, 40, 3, WHITE);
  tft.drawRoundRect(20, 120, 130, 40, 3, WHITE);
  tft.drawRoundRect(170, 120, 130, 40, 3, WHITE);
  tft.drawRoundRect(20, 180, 205, 40, 3, WHITE);
  tft.setCursor(18, 20);
  tft.setTextColor(CYAN);
  tft.setTextSize(1);
  tft.println("Choose your template for this remote controler !");

  tft.setCursor(51, 67);
  tft.setTextColor(RED);
  tft.println("Template A"); 
  tft.setCursor(53, 85);
  tft.println("(standart)");
  tft.setCursor(203, 75);
  tft.setTextColor(ORANGE);
  tft.println("Template B"); 
  tft.setCursor(51, 135);
  tft.setTextColor(YELLOW);
  tft.println("Template C"); 
  tft.setCursor(203, 135);
  tft.setTextColor(GREEN);
  tft.println("Template D"); 
  tft.setCursor(51, 195);
  tft.setTextColor(MAGENTA);
  tft.println("Technical Characteristics"); 

tft.fillRoundRect(245, 180, 55, 40, 3, RED);
tft.fillRoundRect(248, 183, 49, 34, 3, BLACK);
tft.setTextSize(1);
tft.setCursor(263, 195);
tft.setTextColor(CYAN);
tft.println("Back "); 
}

Finally, we gather all analog informations. Moreover, we start tactibility of the TFT and we change three different variables for templates selection : "menu" = in which template we are, "menulaunch" = 0 or 1, 2, 3, 4, 5, 6 = if we've launch static elements (1 to 6) or not (0), basically, if "menu" = X and "menulaunch" =! X, it means that we've push a button for another template, as a consequence we set up "menuXstatis" (static elements) and then "menuX" (dynamic elements, in loop). Then we send all informations for radio connection ("Mirf.getData", "Mirf.isSending") :

void loop(){

 data[0] = analogRead(A8);
  data[1] = analogRead(A9);
  data[2] = analogRead(A10);
  data[3] = analogRead(A11);
    

digitalWrite(13, HIGH);
  p = ts.getPoint();
 digitalWrite(13, LOW);
 pinMode(XM, OUTPUT);
pinMode(YP, OUTPUT);


if(startingmenuvariable==0 && menu==0){
  startingmenustatis();
  startingmenuvariable = 1;
}
 if(menu > 0 && p.x < 350 && p.y < 500){
  tft.fillScreen(BLACK);
  startingmenustatis();
  menu = 0;
  menulaunch = 0;
 }
 if(p.z > ts.pressureThreshhold){
  if(menu==0 || menulaunch==0){
  if(p.y>550 && p.x>600){
    menu = 1;
  }
  if(p.y>550 && p.x<600){
    menu = 2;
  }
  if(550>p.y && p.y>340 && p.x>600){
    menu = 3;
  }
  if(550>p.y && p.y>340 && p.x<600){
    menu = 4;
  }
  if(p.y<340 && p.x>400){
    menu = 5;
  }
  }


 }

 Serial.println(data[4]);


 if(menu==1 && menulaunch != 1){
  tft.fillScreen(BLACK);
  menuAstatis();
  menulaunch = 1;
 }
 if(menu==1){
  menuA();
 }
 if(menu==2 && menulaunch != 2){
  tft.fillScreen(BLACK);
  menuBstatis();
  menulaunch = 2;
 }
 if(menu==2){
  menuB();
 }
  if(menu==3 && menulaunch != 3){
  tft.fillScreen(BLACK);
  menuCstatis();
  menulaunch = 3;
 }
 if(menu==3){
  menuC();
 }
  if(menu==4 && menulaunch != 4){
  tft.fillScreen(BLACK);
  menuDstatis();
  menulaunch = 4;
 }
 if(menu==4){
  menuD();
 }
if(menu==5 && menulaunch != 5){
  tft.fillScreen(BLACK);
  menuCharactsstatis();
  menulaunch = 5;
 }
 if(menu==5){
  menuCharacts();
 }


 /*PROGRAM YOUR OWN PATERN HERE : X = the patern' letter / x = the patern' number
  
   if(menu==x && menulaunch != x){
  tft.fillScreen(BLACK);
  menuBstatis();
  menulaunch = x;
 }
 if(menu==x){
  menuX();
 }
  */


 data[0] = analogRead(A8);
  data[1] = analogRead(A9);
  data[2] = analogRead(A10);
  data[3] = analogRead(A11);
 

 if(Mirf.dataReady()){
    Mirf.getData((byte *) &infos); 
    
    Serial.println(infos[0]); 
    Serial.println(infos[1]); 
    Serial.println(infos[2]); 
    Serial.println(infos[3]); 
   Serial.println(infos[4]); 
    Serial.println(infos[5]); 
  
  }

    delay(10);
    
Mirf.send((byte *) &data); 
  while(Mirf.isSending()); 
}

Tipeee

I opened a Tipeee to gather some funds for projects, I'll post informations and news about incoming devices.
A big thank to people who'll support me on Tipeee ;D

MisterBotBreak – Tipeee