LCD 16x2 character art (posting all my char art here)

Projects Showcase
1

Ok So I'll make one topic in which I will show all my Character art. Maybe someone can use a piece.

Here goes Thumbs Up

/*
Demonstrates the use a 16x2 LCD display.  The LiquidCrystal
library works with all LCD displays that are compatible with the Hitachi HD44780 driver.

This sketch is used for testing the lcd.createChar function.

TITLE: Thumbs Up

Demo by JO3RI

www.JO3RI.be/arduino
*/

// include the library code:
#include  <LiquidCrystal.h>

// initialize the library with the numbers of the interface pins:
LiquidCrystal lcd(12, 11, 5, 4, 3, 2);

void setup() {
	// set up the LCD's number of columns and rows:
	lcd.begin(16,2);
	// clear the LCD screen:
	lcd.clear();
}


void loop() {
	// start the Thumbs Up part:
	thumbsup();
}     

void thumbsup() {
  byte thumb1[8] = {B00100,B00011,B00100,B00011,B00100,B00011,B00010,B00001};
  byte thumb2[8] = {B00000,B00000,B00000,B00000,B00000,B00000,B00000,B00011};
  byte thumb3[8] = {B00000,B00000,B00000,B00000,B00000,B00000,B00001,B11110};
  byte thumb4[8] = {B00000,B01100,B10010,B10010,B10001,B01000,B11110,B00000};
  byte thumb5[8] = {B00010,B00010,B00010,B00010,B00010,B01110,B10000,B00000};
  byte thumb6[8] = {B00000,B00000,B00000,B00000,B00000,B10000,B01000,B00110};
  lcd.createChar(0, thumb1);
  lcd.createChar(1, thumb2);
  lcd.createChar(2, thumb3);
  lcd.createChar(3, thumb4);
  lcd.createChar(4, thumb5);
  lcd.createChar(5, thumb6);
  lcd.setCursor(4,1);
  lcd.write(0);
  lcd.setCursor(4,0);
  lcd.write(1);
  lcd.setCursor(5,1);
  lcd.write(2);
  lcd.setCursor(5,0);
  lcd.write(3);
  lcd.setCursor(6,1);
  lcd.write(4);
  lcd.setCursor(6,0);
  lcd.write(5);
}

and the picture:

2

And Thumbs Down

/*
Demonstrates the use a 16x2 LCD display.  The LiquidCrystal
library works with all LCD displays that are compatible with the Hitachi HD44780 driver.

This sketch is used for testing the lcd.createChar function.

TITLE: Thumbs Down

Demo by JO3RI

www.JO3RI.be/arduino
*/

// include the library code:
#include  <LiquidCrystal.h>

// initialize the library with the numbers of the interface pins:
LiquidCrystal lcd(12, 11, 5, 4, 3, 2);

void setup() {
	// set up the LCD's number of columns and rows:
	lcd.begin(16,2);
	// clear the LCD screen:
	lcd.clear();
}


void loop() {
	// start the Thumbs Down part:
	thumbdown();
}     

void thumbdown() {
  byte thumb1[8] = {B00001,B00010,B00011,B00100,B00011,B00100,B00011,B00100};
  byte thumb2[8] = {B00011,B00000,B00000,B00000,B00000,B00000,B00000,B00000};
  byte thumb3[8] = {B11110,B00001,B00000,B00000,B00000,B00000,B00000,B00000};
  byte thumb4[8] = {B00000,B11110,B01000,B10001,B10010,B10010,B01100,B00000};
  byte thumb5[8] = {B00000,B10000,B01110,B00010,B00010,B00010,B00010,B00010};
  byte thumb6[8] = {B00110,B01000,B10000,B00000,B00000,B00000,B00000,B00000};
  lcd.createChar(0, thumb1);
  lcd.createChar(1, thumb2);
  lcd.createChar(2, thumb3);
  lcd.createChar(3, thumb4);
  lcd.createChar(4, thumb5);
  lcd.createChar(5, thumb6);
  lcd.setCursor(4,0);
  lcd.write(0);
  lcd.setCursor(4,1);
  lcd.write(1);
  lcd.setCursor(5,0);
  lcd.write(2);
  lcd.setCursor(5,1);
  lcd.write(3);
  lcd.setCursor(6,0);
  lcd.write(4);
  lcd.setCursor(6,1);
  lcd.write(5);
}

3

Ok and now I have the thumb moving :slight_smile:

/*
Demonstrates the use a 16x2 LCD display.  The LiquidCrystal
library works with all LCD displays that are compatible with the Hitachi HD44780 driver.

This sketch is used for testing the lcd.createChar function.

TITLE: Thumbs Down MOVING

Demo by JO3RI

www.JO3RI.be/arduino
*/

// include the library code:
#include  <LiquidCrystal.h>

// initialize the library with the numbers of the interface pins:
LiquidCrystal lcd(12, 11, 5, 4, 3, 2);

// setting animation speed (delay between frames)
int x = 500;

void setup() {
	// set up the LCD's number of columns and rows:
	lcd.begin(16,2);
	// clear the LCD screen:
	lcd.clear();
}


void loop() {
	// start the Thumbs Down part:
	thumbdownA();
        delay(x);
        lcd.clear();
        thumbdownB();
        delay(x);
        lcd.clear();
}     

void thumbdownA() {
  byte thumb1[8] = {B00001,B00010,B00011,B00100,B00011,B00100,B00011,B00100};
  byte thumb2[8] = {B00011,B00000,B00000,B00000,B00000,B00000,B00000,B00000};
  byte thumb3[8] = {B11110,B00001,B00000,B00000,B00000,B00000,B00000,B00000};
  byte thumb4[8] = {B00000,B11110,B01000,B10001,B10010,B10010,B01100,B00000};
  byte thumb5[8] = {B00000,B10000,B01110,B00010,B00010,B00010,B00010,B00010};
  byte thumb6[8] = {B00110,B01000,B10000,B00000,B00000,B00000,B00000,B00000};
  lcd.createChar(0, thumb1);
  lcd.createChar(1, thumb2);
  lcd.createChar(2, thumb3);
  lcd.createChar(3, thumb4);
  lcd.createChar(4, thumb5);
  lcd.createChar(5, thumb6);
  lcd.setCursor(4,0);
  lcd.write(0);
  lcd.setCursor(4,1);
  lcd.write(1);
  lcd.setCursor(5,0);
  lcd.write(2);
  lcd.setCursor(5,1);
  lcd.write(3);
  lcd.setCursor(6,0);
  lcd.write(4);
  lcd.setCursor(6,1);
  lcd.write(5);
}

void thumbdownB() {
  byte thumb1[8] = {B00000,B00001,B00010,B00011,B00100,B00011,B00100,B00011};
  byte thumb2[8] = {B00100,B00011,B00000,B00000,B00000,B00000,B00000,B00000};
  byte thumb3[8] = {B00000,B11110,B00001,B00000,B00000,B00000,B00000,B00000};
  byte thumb4[8] = {B00000,B00000,B11110,B01000,B10001,B10010,B10010,B01100};
  byte thumb5[8] = {B00000,B00000,B10000,B01110,B00010,B00010,B00010,B00010};
  byte thumb6[8] = {B00010,B00110,B01000,B10000,B00000,B00000,B00000,B00000};
  lcd.createChar(0, thumb1);
  lcd.createChar(1, thumb2);
  lcd.createChar(2, thumb3);
  lcd.createChar(3, thumb4);
  lcd.createChar(4, thumb5);
  lcd.createChar(5, thumb6);
  lcd.setCursor(4,0);
  lcd.write(0);
  lcd.setCursor(4,1);
  lcd.write(1);
  lcd.setCursor(5,0);
  lcd.write(2);
  lcd.setCursor(5,1);
  lcd.write(3);
  lcd.setCursor(6,0);
  lcd.write(4);
  lcd.setCursor(6,1);
  lcd.write(5);
}
4

^-^

I had seen your code, but.... didn't see much in those 00001100- data lines, this looks great though !

5

Looks great! Can I see a fist flying from the right all the way to the left and hit something? :smiley:

I've been pretty much using the characters and very limited custom characters. Now to think of it, you can make an arrow that rolls around in one character space. I'll be doing it now and post back!!

6

Ok, so you haven't seen nothing yet :smiley:

@ Simpson_Jr: you'll have to read a bit more on Character creating. watch this link, It might help: http://icontexto.com/charactercreator/. Mind you, you can only have 8 of those at once on the LCD screen.

@liudr: you want to see a fist fly? watch this, it's even better.

and of course the code:

Mmm, seems its to long to post here. I made a project page of this on my website:

http://www.jo3ri.be/arduino/arduino-projects/lcd-16x2-running-man

7

JO3RI:
Ok, so you haven't seen nothing yet :smiley:

@ Simpson_Jr: you'll have to read a bit more on Character creating. watch this link, It might help: http://icontexto.com/charactercreator/. Mind you, you can only have 8 of those at once on the LCD screen.

I knew that, I even made a dull 1-char smiley with flashing nose and a level indicator. Your work simply looks great, that's the difference.

JO3RI:
Mmm, seems it to long to post here. I'll make a project page of this on my website and I'll edit this post with the link

I guess nobody would mind having it on the playground as well....

8

Didn't someone talk about a rotating arrow?

I managed to simplify the code. You can read about this process in this forum post:
http://arduino.cc/forum/index.php/topic,54550.0.html
and here you have the code:

/*  For the animation of the arrow we use 4 frames, of which only 3 frames are different.
    We are using frame 2 two times. In *arrow[4] we set up the frame order.
    for(char i=0; i<4; i++) means, do this 4 times and each time "i" will be 1 more.
    So the first time i=0 and arrows[i] will be arrowA1.
    The secend time i=1 and arrows[i] will be arrowA2 and so on till i=3 (i<4)
    Rotating Arrow by JO3RI 
    http://www.JO3RI.be/arduino
*/
#include  <LiquidCrystal.h>

LiquidCrystal lcd(12, 11, 5, 4, 3, 2);

void Rarrow() {
  for(char i=0; i<4; i++) // go trough this part 4 times.
  {
    byte arrowA1[8] = { // set up arrow frame 1, look at the 0's and the 1's
      B00000, // ?????
      B11000, // ?????
      B10100, // ?????
      B10010, // ?????
      B10010, // ?????
      B10100, // ?????
      B11000, // ?????
      B00000};// ?????
    byte arrowA2[8] = { // set up arrow frame 2, look at the 0's and the 1's
      B00000, // ?????
      B00000, // ?????
      B11000, // ?????
      B10110, // ?????
      B10110, // ?????
      B11000, // ?????
      B00000, // ?????
      B00000};// ?????
    byte arrowA3[8] = { // set up arrow frame 3, look at the 0's and the 1's
      B00000, // ?????
      B00000, // ?????
      B00000, // ?????
      B11110, // ?????
      B11110, // ?????
      B00000, // ?????
      B00000, // ?????
      B00000};// ?????
    byte *arrows[4]={arrowA1,arrowA2,arrowA3,arrowA2}; // set up each animation step: frame 1, frame 2, frame 3, frame 2
    lcd.createChar(0, arrows[i]); //here we actually create the character on position zero
    lcd.setCursor(0,0); // here we set the cursor on location x and y (row and column)
    lcd.write(0); // write the character we defined in lcd.createChar to the LCD
    delay(250); // wait for 250 millisecs
  }
}

void setup() {
  lcd.begin(16, 2);
}

void loop(){
  Rarrow();
}
9

I can't see the video in may last post, or can you only put 4 youtube links in one topic?

*EDIT: never mind, I used IMG for URL, solved

10

Here's mine:

11

Very nice thing you made, very nice. did you post the code somewhere?

I'm thinking on making 1 button games (you know, like those iPhone games). If you are interested, let me know on PM.

I would make follow things:

  • intro screen (graphic with text)

  • menu (with one button, you just let the choice rotate every 2 seconds and click when you choose)

  • Play

  • HowToP

  • Options

  • Credits

I have 3 games in mind starting with one, will be hard enough :D:

  • Running man (jump in time by pressing the button)
  • Downhill (evade obstacles up or down by pressing the button)
  • shoot in time (shoot passing obstacles by pressing the button)
12

I like the animations a lot! I want to use them in my next project! Sooo coool !
Fede

13

Go ahead, use them and leave our name in the sketch as reference. Don't forget to show off your implementation :smiley:

14

Here is the link to my blog with the code. Most importantly, step-by-step of how to use my phi-menu system to create easy menu items and asks user inputs. The phi-menu software is working on my Phi-1 shield or Phi-2 shield. The software is a pre-release. I want to release it formally when my Phi-2 shield is on the shelf for sale:)

If you're interested in getting a Phi-1 shield, here it is. The kit is out of stock but the list of items on the page tells you what to buy. Since you have an LCD, you could just buy the PCB and the rest of the parts, if you want it.

15

@liudr, wouldn't it be nice to have my rotating arrow in front of your menu items? :smiley: maybe, this way I can slip into the credits of your phi-menu $) just a joke.

All the code I post here is for everyone to use, just mention my name and URL

16

I have edited the code of the rotating arrow post, so that people will better understand what's happening.

17

JO3RI,

If you're still interested in making an auto cycling menu (cycle through every menu item), let me know.

Using my phi-menu system and some upgrade on my buttons class, I may have got what you want. Very very easy. Now I can operate all my input panels with just one button, thanks to your idea or cycling menu.

I will post video after dinner.

18

Yes, I'm still very interested in a 1-button menu, so show off your cycling menu :D.

Could you put my rotating arrow in that menu? That would probably make it a lot more difficult, wouldn't it?

19

So here it is:

I've cross-posted it under my password panel thread also :cold_sweat:

20

Nice one. You know, I keep asking about that rotating arrow thing to be used in the menu, but then I released, you don't use that kind of menu.

I'm always think of a menu where you see more then 1 choice at a time. Something like this, where the arrow would change places when cycling the menu.

GAME . HSCORE
. CREDITS . HOWTO

. GAME . HSCORE

CREDITS . HOWTO

. GAME > HSCORE
. CREDITS . HOWTO

. GAME . HSCORE
. CREDITS > HOWTO

Now the reason why I would use this kind of menu is, that you know how many items you can choose of. I know it's limited this way to 4 items. BUT ...

I have seen some other approach on Alarm systems

Explanation of m => here you have the explanation of you menu item (scrolling)
.1.2.3>4.5.6.7.8 => here the arrow shows which menu item is shown above.

This way you have a better way of knowing how many menu items there are and when you'll get at number (let's say) 5