[adrotate banner=”7″]

For that purpose, I composed the following three examples. The first example is distance measurement using ultrasonic sensor. The output of the sensor or the distance is printed on the screen and using the touchscreen we can select the units either centimeters or inches. The next example is controlling on RGB LED using these three RGB sliders, for example, if we start to slide the blue slider, the LED will light up in blue and increase the light, as we would go to the maximum value. So the sliders can move from 0 to 255 and with their combination, we can set any color to the RGB LED, but just keep in mind that the LED cannot represent the colors that match accurate. The third example is a game actually it’s. A replica of the popular flappy bird game for smartphones. We can play the game using the push button or even using the touchscreen itself. Now we will go through each of these examples and step by step, explain the codes behind them, but before we do that, let’s see what hardware we need for this tutorial as an example: I’m using a 3.2 inches TFT touchscreen in a combination with a TFT LCD Arduino mega shield, we need a shield because the TFT touchscreen works at 3.3 volts and the Arduino mega outputs are 5 volts. For the first example, I will use the HC s ro for ultrasonic sensor then, for the second example on RGB LED with three resistors and a push button for the game example.

Also, I had to make a custom made. Pin header like this by soldering two pin headers and bent one of them, so I could insert it in between the Arduino board and the TFT shield here’s the circuit schematic. We will use the ground, pin the digital pins from 8 to 13, as well as the pin number 14 the 5 volts pin are already used by the TFT screen. I will use the pin number 13 as VCC by setting it right away hi in the setup section of the code. Okay, now we are ready to go to the arduino code. I will use the u TFT and you touch libraries made by hanging Carlsen here. I would like to say thanks to him for the incredible work he has done. The libraries enable really easy use of the TFT screens and they work with many different TFT screen sizes shields and controllers. You can download these libraries from his website. Rinky dink, electronics, comm and also find a lot of demo examples and detailed documentation of how to use them. Ok, after we have included the libraries we need to create you TFT and you touch objects. The parameters of this object depend on the model of the TFT screen and shield, and these details can be also found in the documentation of the libraries. Next, we need to define the phones that are coming with the libraries and also define some variables needed for the program in the setup section we need to initiate the screen and the touch define the pin mode for the connected sensor.

The LED in the button and initially call the draw home screen custom function which will draw the home screen of the program. Ok, now I will explain how we can make the home screen of the program with the set back color function. We need to set the background color of the text black one. In our case, then, we need to set the color to white, set the big font and using the print function we will print the string, arduino TFT tutorial at the center of the screen and 10 pixels down the y axis of the screen. Next, we will set the color to red and draw the red line below the text. After that, we need to set the color back to white and print the two other strings by how to make atronics calm, using the small font and select example using the big font. Next is the distance sensor button. First, we need to set the color and then using the fill round read function. We will draw the rounded rectangle, then we will set the color back to white and using the draw round rag function we will draw another rounded rectangle on top of the previous one, but this one will be without a fill. So the overall appearance of the button looks like it has a frame on top of the button. We will print the text using the big font and the same background as the fill of the button.

The same procedure goes for the two other buttons. Now we need to make the buttons functional so that when we press them they would send us to the appropriate example. In the setup section, we set the character zero to the current page variable, which will indicate that we’re at the home screen. So, if that’s true and if we press on the screen this, if statement would become true and using these lines here, we will get. The XampY coordinates where the screen has been pressed. If that the area that covers the first button, we will call the draw distance sensor, custom function, which will activate the distance sensor example. Also, we will set the character one to the variable current page, which will indicate that we are at the first example. The draw frame custom function is used for highlighting the button when it’s pressed the same procedure goes for the two other buttons. So the draw distance sensor custom function needs to be called only once when the button is pressed in order to draw all the graphics. For this example in similar way, as we described for the home screen. However, the get distance custom function needs to be called repeatedly in order to print the latest results of the distance measured by the sensor. Here is that function which uses the ultrasonic sensor to calculate the distance and print the values, with 7 segment Nam phone in green color, either in centimeters or inches.

If you need more details, how the ultrasonic sensor works, you can check my particular tutorial for that. Making the loop section we can see what happens when we press the cell. You need buttons as well as the back button. Okay, next is the RGB LED control example. If we press the second button, the draw LED control, custom function will be caught only once for drawing the graphics. For that example, and the set LED color custom function will be repeatedly called in this function. We use the touchscreen to set the values of the three sliders from 0 to 255. With these, if statements here, we can find the area of each slider and get the x value of each slider, so the values of the x coordinate of each slider are from 38 to 310 pixels, and we need to map these values into values from 0 to 255, which will be used as a PWM signal for lighting up the LED, if you need more details, how the RGB LED works. You can check my particular tutorial for that. The rest of the code in this custom function is for drawing the sliders back in the loop section. We only have the back button, which also turns off the LED when pressed next is the Arduino game example, but I will leave that one for my next tutorial.


[adrotate banner=”1″]

arduino touch screen Video

[mam_video id=9Ms59ofSJIY]



[adrotate banner=”2″]


[mam_tag id=1270]



[adrotate banner=”3″]


arduino touch screen news






[adrotate banner=”4″]



arduino touch screen Social



[adrotate banner=”5″]




See the world through the eyes of this camera-equipped, snake-like robot.

This 3D-printed prosthesis uses computer vision to adjust its grip depending on the object.

Sun Jul 18 23:44:39 +0000 2010



Wed Sep 02 16:44:27 +0000 2009




Custom Robots


[adrotate banner=”6″]