Tweak the Arduino Logo – making it work


I had some problems with the ‘Tweak the Arduino Logo’ experiment. The main issue was that the mini-window the Arduino logo appeared in only held the bounds of the image. It showed no background, and was non-resizable (meaning if you were using a non-transparent logo file format, you wouldn’t know if it was working). The other issue I uncovered was the speed at which the potentiometer was allowed to output data. In the provided code they specified delay(1), but this was much too fast — delay(100) provided better results.

So, below, I’ve provided slightly modified code which worked for me.

First the Arduino code. The only change was the delay() value.


Next we have the Processing code. In this code, I’ve created a larger window (twice the size of the specified image), and placed the image in the centre of this window, so the background colour is easily visible.


A screenshot:


The circuit was nice and easy to make:




  1. Pingback: Article: Tweak the Arduino Logo – making it work - VISUALS+CODE

  2. Hello,
    The confusing thing for me was the line “The number in front of it is the Serial.list()[] array index. Change the number in your Processing sketch to match the correct port on your computer”. On OS X Mac, no number in front. So count from 0 to the one that has the dev/tty. That number goes HERE. myPort=new Serial(this, Serial.list()[HERE],9600);

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">