The Mystery Is Solved!
As a recap, in my prior post I was just starting to investigate the use of Arduino's that could be embedded into homebrew test gear. There are many programs floating around and many incredible, and might I add, sophisticated pieces of test equipment that can be built employing the Arduino. Many of these are in Altoids Tins.
But I simply wanted to learn how to generate and display data beyond push that there and pull this here. Thus I thought a simple display of a sine wave would be an easy entry for me to learn about how to generate the data and more importantly how to display the data. I should confess that my days of learning about trigonometric functions was 6 decades ago and thus I can claim that many of my brain cells have died along the way so I am missing some critical pieces of information. Which I was.
The plot shown in Part I are not sine waves! They look like a sine wave because I wanted so badly for them to look like a sine. Here is why they are not and I must thank Greg a ham down in VK land for providing the key to unlock the Gordian Knot!
First an excerpt from Purple Math: [It all has to do with Degrees, Degrees Minutes Seconds (DMS) and Radians. The real eye opener was Radians.]
"Why do we have to learn radians, when we already have perfectly good degrees? Because degrees, technically speaking, are not actually numbers, and we can only do math with numbers. This is somewhat similar to the difference between decimals and percentages. Yes, "83%" has a clear meaning, but to do mathematical computations, you first must convert to the equivalent decimal form, 0.83. "
Thus my equations simply plugged in x as a numerical number form 14 to 320 as in sin(x). My failure was to understand that the Arduino only works with radians. Massimo Banzai in his book on Getting Started with Arduino clearly states that the values for sin(x) must be in radians.
Greg provided me two lines of code to try in the sketch which actually does this conversion and of course it involves the use of Pi or more specifically Pi/180 which equals 0.01745329252. Making those changes results in a curve that looks like this. Now that is a sine wave! Thanks Greg!
The next photo fills in the area under the curve with hundreds of red lines.
Here is the revised code and note these two changes:
const double deg2rad = 0.01745329252;
y = 50*sin(deg2rad*x);
/* From N6QW using the 240 X 320 TFT Color display
This is to test displating graphical information such as you would have with test instrument
This is to test displating graphical information such as you would have with test instrument
*/
#include <SPI.h>
#include <Adafruit_GFX.h>
#include <TFT_ILI9340.h>
#include <Adafruit_GFX.h>
#include <TFT_ILI9340.h>
#if defined(__SAM3X8E__)
#undef __FlashStringHelper::F(string_literal)
#define F(string_literal) string_literal
#endif
#undef __FlashStringHelper::F(string_literal)
#define F(string_literal) string_literal
#endif
#define __CS 10
#define __DC 9
#define __RST 8
#define __DC 9
#define __RST 8
// Color definitions
#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 BLACK 0x0000
#define BLUE 0x001F
#define RED 0xF800
#define GREEN 0x07E0
#define CYAN 0x07FF
#define MAGENTA 0xF81F
#define YELLOW 0xFFE0
#define WHITE 0xFFFF
TFT_ILI9340 tft = TFT_ILI9340(__CS, __DC, __RST);
#include "Wire.h"
int val = 0;
int val1 = 0;
int x = 0;
int y = 0;
int old_val = 0;
int old_val1 = 0;
const double deg2rad = 0.01745329252;
void setup() {
tft.begin();
#if defined(__MK20DX128__) || defined(__MK20DX256__)
tft.setBitrate(24000000);
#endif
tft.fillScreen(0x07F0); // testing switching background colors
tft.fillScreen(WHITE); // 0x07F0 = lt green, 0xF810 = rose, 0xF840 = rust, 0xF820 = orange
tft.setRotation(1); // landsacape versus portrait
tft.drawLine(14,0,14,230, BLACK); //X axiz
tft.drawLine (14,230, 300, 230, BLACK); // Y axis
tft.drawRect( 14, 118, 300, 2, GREEN); //centerline of plot & the 2 is the width of the rectangle --makes it look like a FAT line
int val1 = 0;
int x = 0;
int y = 0;
int old_val = 0;
int old_val1 = 0;
const double deg2rad = 0.01745329252;
void setup() {
tft.begin();
#if defined(__MK20DX128__) || defined(__MK20DX256__)
tft.setBitrate(24000000);
#endif
tft.fillScreen(0x07F0); // testing switching background colors
tft.fillScreen(WHITE); // 0x07F0 = lt green, 0xF810 = rose, 0xF840 = rust, 0xF820 = orange
tft.setRotation(1); // landsacape versus portrait
tft.drawLine(14,0,14,230, BLACK); //X axiz
tft.drawLine (14,230, 300, 230, BLACK); // Y axis
tft.drawRect( 14, 118, 300, 2, GREEN); //centerline of plot & the 2 is the width of the rectangle --makes it look like a FAT line
}
void loop()
{
for(int x = 0; x <320; x++){ //sets the range of values to plot along the X axis
{
for(int x = 0; x <320; x++){ //sets the range of values to plot along the X axis
y =50*sin(deg2rad*x);
old_val = x ; // for connecting lines to the dots
old_val1 = y ; //for connecting lines to the dots
tft.drawRect(x,y +120, 2, 2, MAGENTA); // the y+120 puts the y values in the center of the screen null this out for two tone test pattern
delay(1);
}
{
for(int x = 0; x <320; x++){ //sets the range of values to plot along the X axis
y =50*sin(deg2rad*x);
old_val = x ; // for connecting lines to the dots
old_val1 = y ; //for connecting lines to the dots
tft.drawLine( x, y + 120,old_val , 120 - old_val1, RED
); // null this out for sine wave
delay (1);
}
old_val = x ; // for connecting lines to the dots
old_val1 = y ; //for connecting lines to the dots
tft.drawRect(x,y +120, 2, 2, MAGENTA); // the y+120 puts the y values in the center of the screen null this out for two tone test pattern
delay(1);
}
{
for(int x = 0; x <320; x++){ //sets the range of values to plot along the X axis
y =50*sin(deg2rad*x);
old_val = x ; // for connecting lines to the dots
old_val1 = y ; //for connecting lines to the dots
tft.drawLine( x, y + 120,old_val , 120 - old_val1, RED
); // null this out for sine wave
delay (1);
}
}
}
This was a great exercise for me because now I learned something (again) that is critical to displaying math data on a TFT screen. Thanks again Greg.
73's
Pete N6QW