Arduino Basics: code
Showing posts with label code. Show all posts
Showing posts with label code. Show all posts

1 August 2012

Grove OLED 96x96 Slideshow

This project makes use of the Grove OLED 96x96 display to present a mini-slideshow.  Pictures on your computer are transferred to the OLED via a Processing script, and will cycle through them as many times as you choose.

Video:



Parts required:


Software required:


Sketch:
















Arduino Sketch:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
// OLED Slideshow: Arduino Sketch written by ScottC 21/07/2012

#include <Wire.h>
#include <SeeedGrayOLED.h> //From http://garden.seeedstudio.com/images/c/c4/SeeedGrayOLED.zip
#include <avr/pgmspace.h>

int counter=0;
 
void setup()
{
 //Allow communication to OLED
 Wire.begin(); 
 
 //Allow Serial communication between Freetronics Eleven and Computer
 Serial.begin(28800);
 
 //Initialise the OLED
 SeeedGrayOled.init();
 //Clear the OLED display
 SeeedGrayOled.clearDisplay();
 //Set to vertical mode - horizontal mode doesn't work with this example
 SeeedGrayOled.setVerticalMode();
 
}
 
void loop(){
 //Listen for Serial comunication
 while (Serial.available()>0) {
 // Read data and send directly to the OLED
 sendMyData(Serial.read());
 counter++;
 
 //When counter reaches 4608 pixels, the picture is complete.
 if(counter>4607){
 //Insert delay to allow viewing of picture.
 delay(4000);
 Serial.println("End of Transmission");
 
 //Reset the counter for the next picture
 counter=0; 
 }
 }
}

// This function was adapted from the SEEED Gray OLED driver so that
// character bytes could be sent directly to the OLED.
void sendMyData(unsigned char Data){
 Wire.beginTransmission(SeeedGrayOLED_Address); // begin I2C transmission
 Wire.send(SeeedGrayOLED_Data_Mode); // data mode
 Wire.send(Data);
 Wire.endTransmission();
}


// This function was adapted from the SEEED Gray OLED driver so that
// commands could be sent directly to the OLED. 
// NOT USED IN THIS EXAMPLE ***********************
void sendMyCommand(unsigned char Cmd){
 Wire.beginTransmission(SeeedGrayOLED_Address); // begin I2C communication
 Wire.send(SeeedGrayOLED_Command_Mode); // Set OLED Command mode
 Wire.send(Cmd);
 Wire.endTransmission(); // End I2C communication
}




Processing Sketch:
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
/* OLED Slideshow: Processing Sketch Written by ScottC 21/7/2012 

References:
Getting Pixels: http://www.learningprocessing.com/examples/chapter-15/example-15-7/
Greyscale conversion = http://www.openprocessing.org/sketch/60336
*/


import processing.serial.*; /* Needed for Serial Communication */

/* Global variables */
Serial comPort;
String [] comPortList;
String comPortString;
PImage img;
char[] tempGrey=new char[4609];
int startOffset=0;
ArrayList picNames;
int curLoop=1;
int totalPics=0;
int curPicNum=0;
boolean toggleSend=true;
boolean sendBouncer=true;

//Change maxLoops to a number > 1 if you want the pictures to loop.
int maxLoops=1;


void setup() {
 //The size of the display is critical (must match the OLED)
 size(96, 96);
 //setup Serial
 comPortList = Serial.list(); 
 if(comPortList.length>0){
 //baud rates greater than 28800 may produce unexpected results
 comPort = new Serial(this, comPortList[0], 28800);
 comPort.bufferUntil('\n');
 } else{
 println("NO COM PORTS AVAILABLE");
 }
 
 //Create an Array of pictures
 picNames=new ArrayList();
 picNames.add("Picture1.bmp");
 picNames.add("Picture2.bmp");
 picNames.add("Picture3.bmp");
 picNames.add("Picture4.bmp");
 // for more pictures just keep adding them to the list.
 //The actual pictures must be located in the data folder of this project.
 //Select Sketch/Add File to add the files to this folder.
 //Make sure that the name of pictures match the names above.
 
 //Get the total number of pictures added
 totalPics=picNames.size();
}

void draw(){
 if(toggleSend && sendBouncer){
 
 // Debugging code: print("STARTED:");
 // Debugging code: println(picNames.get(curPicNum));
 
 sendImage((String)picNames.get(curPicNum)); //Send the picture to the OLED
 toggleSend=false; //temporarily stop sending any more pictures until authorised
 curPicNum++; //increment in preparation for the next picture
 
 if(curPicNum==totalPics){
 curPicNum=0; //go back to the first picture
 curLoop++; //increment the loop counter
 }
 if(curLoop>maxLoops){
 sendBouncer=false; //Stop any further looping
 println("ANIMATION COMPLETE");
 }
 }
}


void sendImage(String imgName){
 img = loadImage(imgName);
 image(img,0,0,width,height);
 loadPixels();
 int counter=0; 
 for (int x = 0; x < width; x=x+2) {
 for (int y = 0; y < height; y++) {
 counter++;
 int PixLoc = x + y*height; // this reads down then across2.
 //Left pixel nibble
 int Pix1=(round((red(pixels[PixLoc])*0.222+green(pixels[PixLoc])*0.707+blue(pixels[PixLoc])*0.071)))/16;
 //Right pixel nibble
 int Pix2=(round((red(pixels[PixLoc+1])*0.222+green(pixels[PixLoc+1])*0.707+blue(pixels[PixLoc+1])*0.071)))/16;
 //Shift the byte <<4 for the left pixel nibble
 int PixShift1=Pix1<<4;
 //Combine both nibbles to form a byte
 int PixFin = PixShift1+Pix2;
 byte PixByteFin=byte(PixFin);
 //Assign this byte to the tempGrey array
 tempGrey[counter] = char(PixByteFin);
 }
 }
 sendSerial(tempGrey); //Send the image data through the Serial COM Port/
}


//This function will send the byte/Char array to the Freetronics
//Eleven or Arduino.
void sendSerial(char[] Data){
 for(int i=0; i<4608; i++){
 //Needs an offset to get picture to align to screen properly
 //only needs to do this once.
 if(startOffset==0){
 i=i+6;
 startOffset++;
 }
 //Send the picture data to the Freetronics Eleven / Arduino
 comPort.write(Data[i]);
 }
}


//This function will wait for a response from the Freetronics
//Eleven or Arduino before sending any further pictures.
 void serialEvent (Serial myPort) {
 // get the ASCII string:
 String inString = myPort.readStringUntil('\n');
 if (inString != null) {
 println(inString);
 toggleSend=true; // Allow the next picture to be sent
 }
 }


Please note: that you must use the Arduino IDE version 023 until Seeed Studio update their driver for this OLED. Their current driver is not compatible with later versions of Arduino IDE.


9 July 2012

Simple Arduino Serial Communication (Part 2)

In Stages 1 to 5 , we experimented with the Serial Monitor on the Arduino IDE to transmit data to the Arduino and receive data from the Arduino. We performed simple Serial communication of data in both directions.

We then moved from transmitting a String of characters to the more difficult task of transmitting a double or a float.

Finally, we used the Serial monitor to receive sensor data from our Arduino, and played with a couple of Arduino functions.

We will now look at replacing the Serial Monitor with a much more exciting program such as "Processing" which is a free Open Source program that interfaces very easily with the Arduino. It can be downloaded here.

We will use a few processing scripts to bring our Arduino Sensor projects to life !


Stage 6: A simple Processing Sketch: BLINK


Arduino IDE vs Processing IDE




While the processing IDE looks very similar to the Arduino IDE, it is important that you realise that the Processing sketch will run on your computer, and NOT on the Arduino. In fact, you do not even need an Arduino to run a Processing sketch. And that is exactly what we are going to do: Run a Processing sketch without an Arduino.

Parts Required



  • A computer
  • Processing IDE

  • Once you have downloaded and installed the Processing IDE onto your computer, open the program and copy the following sketch into it, and then press the play button. This is different from the Arduino IDE, in that we do not have to upload it to anything, as it will be running from the computer.

    Processing Sketch

    
     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    
    
    /* Stage 6: Simple Processing Blink Sketch
       Created by ScottC on the 8/7/2012 
       http://arduinobasics.blogspot.com/   */
       
    /* Setup the color variables and switching mechanism */
       color Red=color(255,0,0);
       color White=color(255,255,255);
       Boolean mySwitch=true;
       
    
    /* The setup function only runs once */
    
       void setup(){
       /* Set the size of the window using size(width,height) */
          size(400,400);
       }
       
     /* The draw function will refresh screen only after it has
        processed all functions within it. Which is why I needed
        a switch to swap between the red and the white background
        The draw() function will run in an endless loop. */
        
        void draw(){
           blink(mySwitch);     //Call to blink function
           delay(2000);         //The blinking speed (2 secs)
        }
       
       
     /* The blink function switches the background from red to white
         or from white to red. */
         
        void blink(Boolean swtch){
        /* If swtch is true, make the background red
           otherwise make it white */
           if(swtch){
             background(Red);     // red
           }else {           
             background(White);   // white
           }
        /* Toggle mySwitch between true and false */  
           mySwitch=!mySwitch;       
       }
    


    Things to Try


    1. Change the White background to a black background

    2. Insert on line 9: color Black=color(0,0,0);
      Change line 38: background(Black);


    3. Increase the blink rate to 1 second

    4. Change line 25: delay(1000);
      WARNING : Do not increase the speed too much, it may cause an epileptic fit.



    Now that wasn't too hard I hope.
    And if you want a very good site to learn Processing have a look at these


  • The official Processing reference library
  • Official Processing Tutorials
  • Getting started with Processing
  • Daniel Shiffman's Processing Examples and Tutorials




  • Stage 7: Arduino and Processing Unite.


    So how do we get our Arduino to interface with our computer? Well, if the Serial Monitor on the Arduino IDE is not good enough, then you could use any program that is capable of Serial communication. Fortunately, Processing is one of those programs, but you could use C++, Java, Python, Microsoft Excel (using VBA), VB.Net, Gobetwino or some other programming language.

    Two programs will be created: One will be uploaded to the Arduino using the Arduino IDE, and the other will run on the computer. In this example we will use Processing as the program that will run on the computer.

    Enter the following sketch into the Arduino IDE and upload it to the Arduino. It serves to generate a random number between 0 and 400 every 200msec and will send it to the computer via the USB cable , using Serial communication.

    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    /* Stage 7: Simple Arduino Serial Random Number Generator
    Written by ScottC on 09/07/2012
    http://arduinobasics.blogspot.com/
    */
    
      void setup(){
        Serial.begin(9600);      //Begin Serial Communication
      }
    
      void loop(){
        Serial.println(random(1,1000)); //Send Random # to computer
        delay(200);                    //Delay 200ms between values.
      }
    


    Instructions

    Once the program has been uploaded to the Arduino, we will want to make sure that it is performing to expectations before moving onto the Processing script.

    Open the Arduino Serial Monitor and make sure that you see a bunch of random numbers scrolling down the page. If not, then go back over your code and try again. Once you see the random numbers, then it is safe to move on to the next step.




    Processing

    The following Processing script will display the Random numbers being sent from the Arduino in the Processing IDE debug window. This particular script is very much like a simplified Arduino Serial Monitor, and it will show you that the Processing Script is successfully communicating with the Arduino.


    Processing Sketch

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    /* Some of the Serial code was adapted from Tom Igoe's example
       on this site: http://processing.org/reference/libraries/serial/Serial.html
       and http://processing.org/reference/libraries/serial/serialEvent_.html
       
       The rest of this Processing code was written by ScottC on 11/07/2012
       http://arduinobasics.blogspot.com/
    */
    
    
    import processing.serial.*; /* Needed for Serial Communication */
    
    /* Global variables */
    Serial comPort;
    String [] comPortList;
    String comPortString;
    
    /*--------------------------------------------------*/
    
    void setup(){
      size(100,100);            /* Set the size of the window  */
      background(0);            /* Set the background to black */
      
      
      /* Get the available com ports. If there is at least one
         com port available, then start communicating on it.
         If there are more than one com ports available, we will
         only open the first one (i.e. comPortList[0])
         The bufferUntil('\n'); statement will generate a serial Event
         when it reads a carriage return */
         
      comPortList = Serial.list();  
      if(comPortList.length>0){
        comPort = new Serial(this, comPortList[0], 9600);
        comPort.bufferUntil('\n');
      }
    }
    
    /*--------------------------------------------------*/
    
    void draw(){
      /* The serialEvent function will update the display */
    }
    
    /*--------------------------------------------------*/
    
    void serialEvent(Serial cPort){
      comPortString = cPort.readStringUntil('\n');
      if(comPortString != null) {
        comPortString=trim(comPortString);
        
        /* Print to the Debug screen in Processing IDE */
        println(comPortString);
      }
    }
    


    When you run the Processing script, a little black window will appear. This is the Processing Graphics window, which is normally where all the action takes place. However in the sketch above, this window does nothing. Instead we make use of the black Debug window which is part of the Processing IDE (below the code window). If everything went to plan, you should see random numbers scrolling down in a similar fashion to the Arduino Serial monitor. Here is an example of what it should look like.





    Things to Try


    1. If you are having problems with COM port selection. Then have a look at the COM port being used on the Arduino IDE to upload sketches to the Arduino. Processing generally uses the same COM port. So make sure to close the Arduino Serial Monitor before running the Processing Sketches.



    The image above shows that I am currently using COM PORT 6 on my computer to upload Arduino Sketches. In the Processing sketch on line 32-35, I had this code:

    32
    33
    34
    35
      if(comPortList.length>0){
        comPort = new Serial(this, comPortList[0], 9600);
        comPort.bufferUntil('\n');
      }
    



    We can change line 33 to get Processing to use COM port 6 exclusively. We do this by replacing comPortList[0] with "COM6", as seen below:

    32
    33
    34
    35
      if(comPortList.length>0){
        comPort = new Serial(this, "COM6", 9600);
        comPort.bufferUntil('\n');
      }
    







    Stage 8 : Arduino and Processing - Random Font Project


    Arduino and Processing are speaking to each other by this stage, and we will keep our original Arduino Sketch to produce random numbers for us. Sure, we don't actually need the Arduino to do this for us, because Processing is more than capable of doing this itself, but we are building up towards an interactive sketch, so lets just go through the motions.

    Just in case your mouse scroll wheel doesn't move upwards, here is the Arduino Sketch again:

    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    /* Stage 8: Simple Arduino Serial Random Number Generator
    Written by ScottC on 09/07/2012
    http://arduinobasics.blogspot.com/
    */
    
      void setup(){
        Serial.begin(9600);      //Begin Serial Communication
      }
    
      void loop(){
        Serial.println(random(1,1000)); //Send Random # to computer
        delay(100);                    //Delay 100ms between values.
      }
    


    Upload the Arduino sketch to the Arduino, and then put the following code into the Processing IDE:

    Processing Sketch




    The output of this sketch should look something like this:





    For stages 9 and above: Click Here


    4 July 2012

    Simple Arduino Serial Communication

    This Tutorial is progressive and will be updated from time to time. The goal is to start from a very basic form of Arduino Serial communication, and progressively add or improve components so that we can ultimately transmit data from one computer to another using an XBee.
    Please note: I am not an expert, but am happy to share what I have learned. The Arduino forums are a great place to ask questions, feel free to link to this blog (if required).

    Let us begin.


    Stage 1: ECHO ECHO                                                                                    


    Parts Required:

    • Computer
    • USB cable
    • Arduino UNO (or equivalent)
    • Arduino IDE

    The following code will make the Arduino ECHO anything you send to it. Therefore, if you type a 3, the Arduino will send back a 3. If you type a letter F, the Arduino will send back a letter F. 
    Enter the following code into your Arduino IDE and upload it to your Arduino.


    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    /* Simple Serial ECHO script : Written by ScottC 03/07/2012 */
    
    /* Use a variable called byteRead to temporarily store
       the data coming from the computer */
    byte byteRead;
    
    void setup() {                
    // Turn the Serial Protocol ON
      Serial.begin(9600);
    }
    
    void loop() {
       /*  check if data has been sent from the computer: */
      if (Serial.available()) {
        /* read the most recent byte */
        byteRead = Serial.read();
        /*ECHO the value that was read, back to the serial port. */
        Serial.write(byteRead);
      }
    }
    
    The above code was formatted using this site


    Instructions

    1. Once the Arduino sketch has been uploaded to the Arduino. Open the Serial monitor, which looks like a magnifying glass at the top right section of the Arduino IDE. Please note, that you need to keep the USB connected to the Arduino during this process, as the USB cable is your communication link between your computer and the Arduino.

    Serial Monitor Icon


    2. Type anything into the top box of the Serial Monitor and press <Enter> on your keyboard. This will send a series of bytes to the Arduino. The Arduino will respond by sending back your typed message in the larger textbox.

    Serial Monitor Communication


    3. Please note that we are using Serial.write(byteRead); on line 18 to get the Arduino to ECHO the message back to you on your computer. 



    Things to Try 

    1. Delete lines 16 to 18, and replace them with the following line :

                   Serial.write(Serial.read());

    This essentially eliminates the byteRead variable in the sketch above. But we will be using it later on, so once you have tested it out, put the code back together as originally displayed.


    --------------------------------------------------------------------
    2. Replace line 18 with a Serial.println instead of Serial.write

                   Serial.println(byteRead);

    Once uploaded, type 1 <enter> 2 <enter> 3 <enter>  into the Serial Monitor.
    You should see:

    49
    50
    51

    Serial.print and Serial.println will send back the actual ASCII code, whereas Serial.write will send back the actual text. See ASCII codes for more information.


    --------------------------------------------------------------------
    3. Try typing in numbers like 1.5  or  2.003  or  -15.6 into the Serial Monitor using Serial.write and Serial.print or Serial.println commands as described before.

    You will notice that the decimal point transmits as a number using Serial.print  or Serial.println, and will transmit as a decimal point when using Serial.write






    STAGE 2: Delimiters                                                                                


    How do you handle 2 or more numbers when sending or receiving?
    Let us say that you have number pairs that you want the Arduino to interpret. How do you separate the numbers? The answer is Delimiters.
    You may be familiar with CSV (comma separated value) files, where each field is separated by a comma (,). The comma is a useful way of separating or grouping information.

    Lets say you have the following stream of numbers:
    12345678910

    How will your Arduino know if this is a single number, or a series of numbers?
    Eg:

    12,34,56,78,91,0
    123,456,78,910
    1,2,3,4,5,6,7,8,9,10
    12345678910

    The comma delimiters help to identify how the numbers should be interpreted.

     In the echo example in Stage 1 above, you would have noticed that when we used Serial.print(byteRead); that the values displayed one after another in a similar fashion to 12345678910.

    You would have also noticed that Serial.println(byteRead); provided a line break between each value sent. And depending on the numbers sent, it could have looked like this:
    12
    34
    56
    78
    91
    0

    The Serial.println() function essentially uses a line feed to separate the values being sent. This line break can be used as a delimiter, but we will look at that later on. For now we will concentrate on using a comma (,).

    We will now get the Arduino to "listen" for the comma to help it identify a new number.
    According to the ASCII code site, a comma is equal to byte code 44. So when the Arduino reads a byte code that is equal to 44, we will get it to print a line feed.


    Enter the following sketch into your Arduino IDE and upload it to your Arduino.

    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    /* Simple Serial ECHO script : Written by ScottC 04/07/2012 */
    /* Stage 2 : Delimiters */
    
    /* Use a variable called byteRead to temporarily store
       the data coming from the computer */
    byte byteRead;
    
    void setup() {                
    // Turn the Serial Protocol ON
      Serial.begin(9600);
    }
    
    void loop() {
       /*  check if data has been sent from the computer: */
      if (Serial.available()) {
        /* read the most recent byte */
        byteRead = Serial.read();
        
        /*Listen for a comma which equals byte code # 44 */
        if(byteRead==44){
          Serial.println();
        }else{
          /*ECHO the value that was read, back to the serial port. */
          Serial.write(byteRead);
        }
      }
    }
    
    The above code was formatted using this site


    Instructions

    1. Once the code has been uploaded to the Arduino, open the Serial Monitor once again and type the following sequence of numbers:

    1 <enter>  2 <enter> 3 <enter>

    You should see the Serial monitor display the following number:    123




    --------------------------------------------------------------------
    2. While still in the serial monitor, type the following:

    , <enter> 1 <enter> , <enter> 2 <enter> , <enter> 3 <enter> ,

    Please note the commas between each numerical entry. You should now see a pattern like this:
    1
    2
    3




    --------------------------------------------------------------------
    3. While still in the serial monitor, type the following:

    12,23,34,45, <enter>

    Please note the commas between each numerical entry. You should now see a pattern like this:
    12
    23
    34
    45

    You will notice that the commas have been replaced by line feeds, and each number should display on a new line.



    --------------------------------------------------------------------
    4. While still in the serial monitor, type the following:

    1,,2,,3, <enter>

    You should see the following pattern:
    1

    2

    3


    So hopefully that explains the concept of delimiters and how they can be used to separate a stream of numbers, no matter how long it takes to get to the Arduino. We used an IF-statement to listen for the comma, but we could have used any other delimiter provided we knew the byte code.

    We did not identify how to send delimiters FROM the Arduino, but we will get to that I promise. It is not that hard, and uses a similar principle. I am sure you can work it out, if not, stay tuned.




    STAGE 3: Arduino Maths: Simple addition                                                  


    In this stage, we are going to get the Arduino to do simple maths. We will send it two integers (or whole numbers), and the Arduino will do the hard work and send us the answer in no time at all.
    This might seem like a simple task, but when you send a number like 27 to the Arduino, it does not receive the number 27. It receives 2 and then 7 in byte form. In other words, the Arduino will see the byte codes 50 and then 55 as per the ASCII table on this page.

    One way to convert this byte code back to a 2 and a 7 is to subtract 48 from each byte received, providing the byte is in the range 48 to 57 inclusive (which equates to the numbers 0-9).
    We are not done yet. We then need to join these numbers to make 27.

    Step1: Subtract 48 from the bytes received, only if the bytes are in the range 48 to 57.
                     Example:    50 - 48 = 2
                                        55- 48 = 7

    Step2: Multiply the previous number by 10, before adding the most recent byte received.
                     Example:   (2 x 10) + 7 = 27

    If we have a number like 1928, then we would create this number using the following calculation
                                       1 =                         1
                       (1 x 10) + 9 =    10 + 9   =   19
                    (19 x 10) + 2  = 190 + 2   =  192
                  (192 x 10) + 8  = 1920 + 8 = 1928

    Step3: Use a "+" sign as a delimiter so that the Arduino can move onto the Second number

    Step4:  Capture the second number as per Step2. An "=" sign will tell the Arduino that it has reached the end of the second number, and to proceed to step 5.

    Step5:  Add the 2 numbers together and send back the answer.



    The following code will carry out the 5 steps above.
    Enter the following sketch into your Arduino IDE and upload it to your Arduino.

    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    /* Simple Serial ECHO script : Written by ScottC 05/07/2012 */
    /* Stage 3: Arduino Maths: Simple Addition */
    
    /* Global variables needed for programming workflow
       byteRead: holds the value being read from the COM port
       num1: holds the entire first number
       num2: holds the entire second number
       answer: holds the sum of num1 and num2
       mySwitch: enables the switch between num1 and num2  */
       
    byte byteRead;
    long num1, num2,answer;
    boolean mySwitch=false;
    
    void setup() {                
    /* Turn the Serial Protocol ON and 
       initialise num1 and num2 variables.*/
      Serial.begin(9600);
      num1=0;
      num2=0;
    }
    
    void loop() {
       /*  check if data has been sent from the computer: */
      while (Serial.available()) {
        /* read the most recent byte */
        byteRead = Serial.read();
        
        //listen for numbers between 0-9
        if(byteRead>47 && byteRead<58){
           //number found
          
           /* If mySwitch is true, then populate the num1 variable
              otherwise populate the num2 variable*/
           if(!mySwitch){
             num1=(num1*10)+(byteRead-48);
           }else{
             num2=(num2*10)+(byteRead-48);
           }
        }
        
        /*Listen for an equal sign (byte code 61) 
          to calculate the answer and send it back to the
          serial monitor screen*/
        if(byteRead==61){
          answer=num1+num2;
          Serial.print(num1);
          Serial.print("+");
          Serial.print(num2);
          Serial.print("=");
          Serial.println(answer);
          
          /* Reset the variables for the next round */
          num1=0;
          num2=0;
          mySwitch=false;
          
        /* Listen for the addition sign (byte code 43). This is
           used as a delimiter to help define num1 from num2 */  
        }else if (byteRead==43){
          mySwitch=true;
        }
      }
    }
    

    The above code was formatted using this site


    Instructions


    1. Once the code has been uploaded to the Arduino, open the Serial Monitor once again and type the following sequence:

             1+2=   <enter>

    You should get the following message sent back to Serial Monitor

             1+2=3



    Things to Try

    1.   Enter this sequence:
                  10   <enter>
                   +   <enter>
                  10  <enter>
                   =   <enter>

           Result:     10+10=20

    --------------------------------------------------------------------
    2.   Enter this sequence:
                 10  <enter>
                 20  <enter>
                 +5= <enter>


          Result:   1020+5=1025




    --------------------------------------------------------------------
    3.   Enter this sequence:
                 10+20+30=   <enter>


          Result:    10+2030=2040

    I have specifically written this script to add two whole numbers together. If you start to introduce more complicated calculations, the results become unpredictable.

    --------------------------------------------------------------------
    4.    Enter this sequence:
               1.2+1.0=    <enter>

          Result: 12+10=22

    Once again, I have only designed this script to handle whole numbers. Therefore, decimal points are ignored.

    --------------------------------------------------------------------
    5.  Enter this sequence:
              -5 + 10=     <enter>


         Result:    5+10=15


    This script ignores the negative sign, and treats the -5 as a positive 5.


    I have done this on purpose. I wanted to show you how the Arduino reads numbers from the com port, and how easy it is to exclude vital functionality in your code. I have kept this script simple, however, if you wanted to, you could make the Arduino deal with each of the above situations and more.  Multiplication, division and subtraction is handled in the same way.

    This is the last thing I want you to try before we go to the next stage:

    6. Enter this sequence:
               2147483646+1=  <enter>           Result:  2147483646+1=2147483647
               2147483647+1=  <enter>           Result: 2147483647+1=-2147483648


    Note that the maximum size of a "long" number is 2147483647. If you add one to this number, the result is equal to the minimum size of a "long" which is -2147483648.




    STAGE 4:  Sending doubles to Arduino : The double doubler             

    Now we get to some tricky business. Sending and receiving Doubles (to and from) the Arduino.

    Up until now, I have tried to keep it simple using whole numbers, but there will come a time when you will want to send a fraction of a number through the Serial line.
    To test our program, we will want to send a very small number to the Arduino, multiply the number by 2, and return it back.

    Our final test is to try a number like :  0.000001
                 and then a number like:   123.321


    IMPORTANT NOTE:   When the Arduino sends a float or a double through the COM port using Serial.print() or Serial.println(), it will automatically send the number to 2 decimal places.
    A number like 1.2345 will appear as 1.23,   and a number like 1.9996 will appear as 2.00
    To demonstrate this, we will get the Arduino to send these floats/doubles to the Serial Monitor.


    Enter the following sketch into your Arduino IDE and upload it to your Arduino.

    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    /* Stage 4: Simple Transmission of a Double
       Written by ScottC on 7/7/2012 */
    
    /* Declare the doubles that will be sent to the Serial Monitor */
       double myDub1, myDub2;
    
    /* This part of the program only runs ONCE */
    
       void setup(){
    
       /* Turn ON Serial Communication */
          Serial.begin(9600);
       
       /* Assign a value 1.2345 and 1.9996 to the Doubles being sent */
          myDub1=1.2345;
          myDub2=1.9996;
       
       /*Send the values to the Serial Monitor */
          Serial.print("myDub1 (1.2345) : ");
          Serial.println(myDub1);
          Serial.print("myDub2 (1.9996) : ");
          Serial.println(myDub2);
       }
    
    
       void loop(){
      //Loop does nothing
       }
    
    The above code was formatted using this site

    When you open the Serial monitor (after you have uploaded the sketch above), you will notice the following output:


              myDub1 (1.2345) : 1.23
              myDub2 (1.9996) : 2.00



    The blue text represents the string (or array of characters) being sent using lines 19 and 21.
    The red text represents the actual double being sent using lines 20 and 22.

    You will notice that myDub2 rounds to 2.00.  This may or may not be what you want.
    If you wish to increase the number of decimal places, then you will need to change lines 20 and 22 to the following:

    20         Serial.println(myDub1,4);
    22         Serial.println(myDub2,4);

    The number 4 highlighted in red, indicates the number of decimal places you wish to send.
    Try it ! And try changing this number to something bigger or smaller.

    ---------------------------------------------------------------------------------------------------
    Ok - now that we understand this little Serial.print(double,decimals) trick, we will now get the Arduino to echo back a Double.

    Before we jump in, perhaps we should try and map out our strategy. For this we will choose a simple decimal to make it easier. So in this example, we will choose 0.1
    Once we get this working, we can then do our final test (as mentioned above).

    If we send 0.1 to the Arduino, it will read the following byte code

    48                    0
    46                    .
    49                    1

    We can use the decimal point as a delimiter.
    We will use the following 5 steps to echo the double back to the Serial Monitor:

    Step1: Arduino collects all numbers before the decimal point using the same technique as in Stage3.

    Step2: When the Arduino receives byte code 46, it will go into decimal mode.

    Step3: The Arduino will collect numbers after the decimal point using a similar technique to step1.

    Step4: Use maths to create the double, and then multiply it by 2

    Step5: Display the doubled Double value in the Serial monitor.



    Enter the following sketch into your Arduino IDE and upload it to your Arduino.

    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    /* Simple Serial ECHO script : Written by ScottC 06/07/2012 */
    /* Stage 4: Double doubler */
    
    /* Global variables needed for programming workflow
       ------------------------------------------------------
       byteRead: holds the value being read from the COM port
       num1: holds the number before the decimal point
       num2: holds the number after the decimal point
       complNum: holds the complete number (before multiplation)
       answer: holds the final value after multiplication
       counter: is used to convert num2 to the number after the decimal
       numOfDec: counts the numbers after the decimal point
       mySwitch: enables the switch between num1 and num2  */
       
       byte byteRead;
       double num1, num2;
       double complNum,answer,counter;
       int numOfDec;
       boolean mySwitch=false;
    
    
       void setup() {                
    /* Turn the Serial Protocol ON and 
       initialise num1 and num2 variables.*/
         Serial.begin(9600);
         num1=0;
         num2=0;
         complNum=0;
         counter=1;
         numOfDec=0;
       }
    
       void loop() {
    /*  check if data has been sent from the computer: */
         while (Serial.available()) {
         /* read the most recent byte */
            byteRead = Serial.read();
        
           //listen for numbers between 0-9
           if(byteRead>47 && byteRead<58){
              //number found
          
              /* If mySwitch is true, then populate the num1 variable
              otherwise populate the num2 variable*/
              if(!mySwitch){
                num1=(num1*10)+(byteRead-48);
              }else{
                num2=(num2*10)+(byteRead-48);
             
             /* These counters are important */
                counter=counter*10;
                numOfDec++;
              }
           }
        
        /*Listen for an equal sign (byte code 61) 
          to calculate the answer and send it back to the
          serial monitor screen*/
          if(byteRead==61){
       /* Create the double from num1 and num2 */
          complNum=num1+(num2/(counter));
          
       /* Multiply the double by 2 */   
          answer=complNum*2;
          
       /* Send the result to the Serial Monitor */   
          Serial.print(complNum,numOfDec);
          Serial.print(" x 2 = ");
          Serial.println(answer,numOfDec);
          
       /* Reset the variables for the next round */
          num1=0;
          num2=0;
          complNum=0;
          counter=1;
          mySwitch=false;
          numOfDec=0;
          
      /* Listen for the decimal point (byte code 46). This is
         used as a delimiter to help define num1 from num2 */  
         }else if (byteRead==46){
            mySwitch=true;
         }
       }
     }
    
    The above code was formatted using this site



    Things to Try


    1. Type the following into the serial monitor:

           1.2=  <enter>                             Result:   1.2 x 2 = 2.4

    Make sure that you type the equal sign (=) before you press enter, otherwise the Arduino will not know that you are finished, and will not send anything back.

    --------------------------------------------------------------------
    2. Type the following into the serial monitor:

          100.001=  <enter>                      Result:   100.001 x 2 = 200.002

    You will notice that the Arduino is formatting the decimal to the SAME number of decimals as that entered.
    This is controlled by the variable: numOfDec.
    ---------------------------------------------------------------------
    3. Now for our final test: Type the following into the serial monitor:

        0.000001= <enter>                       Result: 0.000001 x 2 = 0.000002

    First test: PASSED

    ----------------------------------------------------------------------
    4. Type the following into the Serial monitor for our last test:

         123.321=  <enter>                      Result: 123.321 x 2 = 246.642

    Second test: PASSED
    -----------------------------------------------------------------------

    BEWARE: While everything looks perfect, let me tell you that it isn't. But hopefully this code will help you get on the right track. If you decide to type in a number like 123123.111222, you will not get the answer you expected. 
    I have found that this program will work if the amount of numbers before and after the decimal point are less than about 9.  Eg. 1234.1234   will produce the right result.
    However, 11111.2222 will NOT, because there are 9 numbers represented.

    I think this has something to do with the memory allocated to a double, but I am not sure. 
    I don't know if people work with these types of numbers, but I am sure there is a workaround, and I am sure someone out there can work it out. I don't personally need this kind of precision, but thought to mention it just in case you do.


    -----------------------------------------------------------------------
    -----------------------------------------------------------------------

    STAGE 5:  Sending sensor data to the Serial Monitor             



    We know the Arduino is very good at copy-Cat games, how about getting the Arduino to send us some data from one of our sensors. We will use the Serial Monitor to view the sensor data.

    Disconnect the USB cable, and hook up one of your favourite analog sensors to your Arduino. For simplicity, I am going to hook up a potentiometer as per the Fritzing sketch below.

    Parts Required


    • Arduino UNO (or equivalent)
    • Computer with USB cable
    • Breadboard
    • Potentiometer
    • 3 Wires


    Arduino Fritzing Sketch


    Arduino connected to a Potentiometer


         



















    Once you have attached your sensor to the board, plug your USB cable into the Arduino, and upload the following sketch.


    Arduino Sketch


     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
      /* Stage 5: Send Sensor Value to Serial Monitor
         Written by ScottC on 7/7/2012 */
    
      int sensorVal = 0;  
    
      void setup() {
     // Setup Serial communication with computer
        Serial.begin(9600);
      }
    
      void loop() {
     // Read the value from the sensor:
        sensorVal = analogRead(A0);
     
     // Send the value to the Serial Monitor
        Serial.print("Sensor Value=");
        Serial.println(sensorVal);
    
     // Interval between readings = 1 second
        delay(1000);                
      }
    
    The above code was formatted using this site




    Instructions

    1. Open the Serial monitor and watch the readings change depending on the input conditions. In my case, by turning the potentiometer from left to right, I get an output similar to the picture below.

    Serial Monitor with Sensor Readings



















    As per the Arduino reference site, AnalogRead returns an integer between 0 and 1023. You can see this is true based on the picture above. But what if we do not want a value between 0 and 1023. Let us say we want a value between 0 and 100?

    You would have to use the map function. We will do it by changing line 13 to this:

    13  sensorVal = map(analogRead(A0),0,1023,0,100);

    The map function is quite a cool function, and good fun to play around with. So here are some things to try.

    Things to Try

    1. Change line 13 to the following, upload to the Arduino 
        and then open the Serial Monitor to see the effect.

    Trial 1:
    13  sensorVal = map(analogRead(A0),0,1023,100,0);

    Trial 2:
    13  sensorVal = map(analogRead(A0),0,1023,0,1000);

    Trial 3:
    13  sensorVal = map(analogRead(A0),200,800,0,100);


    In Trial 1: We see that the values have been inverted. Instead of ranging from 0 up to100, they now go from 100 down to 0.

    In Trial 2: The analog readings are now mapped to a range of 0 up to 1000. 

    In Trial 3: The analog readings that range from 200 to 800 are mapped to a range of 0 to 100. Therefore if the analog readings drop below 200, we will end up with a negative value for sensorVal. 
    If the analog readings go above 800, we will end up with a value greater than 100.  For this particular example, my readings actually range from  -33 to 137.

    Therefore an Analog reading of 0 = -33
                     Analog reading of 200 = 0
                     Analog reading of 800 = 100
                   Analog reading of 1023 = 137


    ----------------------------------------------------------------------------------
    What if we don't want the output to go beyond our intended limits of 0 to 100?
    Then you would have to use the constrain function. This essentially trims the reading range of the sensor, and sets a minimum and maximum value.

    Replace line 13 with the following code:

    13  sensorVal = constrain(map(analogRead(A0),200,800,0,100),0,100);

    Therefore an Analog reading of 0 = 0
                     Analog reading of 100 = 0
                     Analog reading of 200 = 0
                     Analog reading of 800 = 100
                      Analog reading of 955 = 100
                   Analog reading of 1023 = 100
    Analog values between 200 and 800 will produce a result between 0 and 100.

    -------------------------------------------------------------------------------------

    If you wish to continue with this tutorial (stage 6 and above), please follow this link:  Serial Communication Stage 6 and above 




     
     



    If you like this page, please do me a favour and show your appreciation :

     
    Visit my ArduinoBasics Google + page.
    Follow me on Twitter by looking for ScottC @ArduinoBasics.
    I can also be found on Pinterest and Instagram.
    Have a look at my videos on my YouTube channel.



    However, if you do not have a google profile...
    Feel free to share this page with your friends in any way you see fit.

    3 June 2012

    Jumper: Arduino controlled animation

    In this project, I have connected an Arduino to my computer and used a photoresistor to control an animation on the screen. Other sensors could have been used, but I chose a photoresistor because it feels like magic!!

    The photoresistor responds to changes in ambient light as my hand moves up and down. The Arduino sends the reading to a Processing sketch on the computer via a Serial command (through the USB cable). The processing sketch interprets the signal from the Arduino and selects the appropriate picture to display.

    I took a series of screenshots from the following YouTube video: http://www.youtube.com/watch?v=h6nE8m74kDg  And after borrowing a bit of code from these sites (1,2), the project was born.
    This idea is not new, nor my own. There are many people who have done this project before, but I thought to blog about how I have done it, just for fun.

    The Project Movie




    Components Required


    • Arduino Uno (and associated software), and USB cable
    • Photoresistor or Photocell
    • 10K resistor
    • Wires to put it all together
    • Processing IDE from http://processing.org
    • Computer/laptop


    The Arduino Sketch






    The Arduino Code:

    You can download the Arduino IDE from this site.
     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    /* Jumper: Using an Arduino to animate:
       Written by ScottC on 02/06/2012 */
    
    int photoRPin = 0; 
    int minLight;
    int maxLight;
    int lightLevel;
    int adjustedLightLevel;
    int oldLightLevel;
    
    void setup() {
      Serial.begin(9600);
      
      //Setup the starting light level limits
      lightLevel=analogRead(photoRPin);
      minLight=lightLevel-10;
      maxLight=lightLevel;
      oldLightLevel=lightLevel;
    }
    
    void loop(){
       lightLevel=analogRead(photoRPin);
       delay(10);
      
      //auto-adjust the minimum and maximum limits in real time   
       if(minLight>lightLevel){
         minLight=lightLevel;
       }
       if(maxLight<lightLevel){
         maxLight=lightLevel;
       }
       
       //Map the light level to produce a result between 1 and 28.
       adjustedLightLevel = map(lightLevel, (minLight+20), (maxLight-20), 1, 28); 
       adjustedLightLevel = constrain (adjustedLightLevel, 1,28);
       
       /*Only send a new value to the Serial Port if the 
         adjustedLightLevel value changes.*/
       if(oldLightLevel==adjustedLightLevel){
         //do nothing if the old value and the new value are the same.
       }else{
         //Update the oldLightLevel value for the next round
         oldLightLevel=adjustedLightLevel;
         
         /*Send the adjusted Light level result 
           to Serial port (processing)*/
         Serial.println(adjustedLightLevel);
       } 
    }
    

    The code above was formatted using this site.



    The Processing Code:

    You can download the Processing IDE from this site.

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    /* Jumper: Using an Arduino to animate
       Written by ScottC on 02/06/2012
    
    Source code derived from : 
      http://processing.org/learning/topics/sequential.html
      http://processing.org/discourse/beta/num_1267080062.html
    
    Pictures captured from:
      http://www.youtube.com/watch?v=h6nE8m74kDg      
      
    ======================================================= */
    
    import processing.serial.*;
    Serial myPort;
    String sensorReading="";
    
    // Create the array that will hold the images
    PImage[] movieImage = new PImage[29];
    
    /* The frame variable is  used to control which 
       image is displayed */
    int frame = 1;
    
    
    
    /* Setup the size of the window. Initialise serial communication with Arduino
       and pre-load the images to be displayed later on. This is done only once.
       I am using COM6 on my computer, you may need replace this value with your
       active COM port being used by the Arduino.*/
    
    void setup(){
      size(700,600);
      
      myPort = new Serial(this, "COM6", 9600);
      myPort.bufferUntil('\n');
      
      for(int i=0;i<28;i++){
        movieImage[i] = loadImage("Jumper" + (i+1) + ".jpg");
      }
    }
    
    
    
    
    // The draw function controls the animation sequence.
    
    void draw(){
      
      //this draws the relevant image to the window  
      image(movieImage[frame-1],0,0,width,height);
    }
    
    void serialEvent (Serial myPort){
     sensorReading = myPort.readStringUntil('\n');
      if(sensorReading != null){
        sensorReading=trim(sensorReading);
        if (sensorReading.length()<2){
          frame = integerFromChar(sensorReading.charAt(0));
        }else{
          frame = integerFromChar(sensorReading.charAt(0))*10;
          frame += integerFromChar(sensorReading.charAt(1));
        }
      }
    }
    
    
    
    /* This function used to convert the character received from the
       serial port (Arduino), and converts it to a number */
       
    int integerFromChar(char myChar) {
      if (myChar < '0' || myChar > '9') {
        return -1;
      }else{
      return myChar - '0';
      }
    }
    

    The code above was formatted using this site.


    The pictures 

    Captured from this YouTube Video: http://www.youtube.com/watch?v=h6nE8m74kDg