I have a simple project. I need to slowly have an image moving across the screen. The problem is, if it goes too slow, it looks really choppy since the move from pixel to pixel seems really large (this will be on a 3646 by 768 pixel projector). Is there anything I could do to make the movement look any smoother? The relevant code is highlighted.

P.S. I'm new to programming so please critique my coding as much as you want. I'm sure I complicated things.

Code:

2. //Name the image file.
3. String wallpaperFile = "wallpaper.png";
4. //Establish the speed/direction the picture will move. 
5. float moveSpeedX = 1;
6. float moveSpeedY = 0;
7. //Establish as many RGB colors as desired.
8. int[][] colorPoints = {
9. {255,255,102},
10. {191,255,0}
11. };
12. //Establish the transition time to the next color.
13. float colorTime = 30;
14. //Establish time to wait for the transition. Set at zero if you want the color to constantly change.
15. float colorSwitch = 100;
16. //Make the following true if you want the background color to change. Useful for png's.
17. boolean backgroundFlag = false;
18. //Make the following true if you want the tint to change.
19. boolean tintFlag  = true;
20. 
    
21. 
    
22. PImage wallpaper;
23. float r;
24. float g;
25. float b;
26. float x;
27. float y;
28. int z=0;
29. int imageCopiesX;
30. int imageCopiesY;
31. float[][] colorRates = new float[colorPoints.length][3];
32. int colorStage=0;
33. 
    
34. void setup() {
35.   size(3646,768);
36.   
37. //<---Establish image file--->
38.   wallpaper = loadImage(wallpaperFile);
39.   
40.   frameRate(60);
41.   r=colorPoints[0][0];
42.   g=colorPoints[0][1];
43.   b=colorPoints[0][2];
44.   colorSwitch=colorSwitch + colorTime;
45.   x=-wallpaper.width;
46.   y=-wallpaper.height;
47.   imageCopiesX=ceil(width/wallpaper.width)+2;
48.   imageCopiesY=ceil(height/wallpaper.height)+2;
49.   for(int i=0;i<colorPoints.length-1;i++){ 
50.     colorRates[i][0] = (colorPoints[i+1][0]-colorPoints[i][0])/colorTime;
51.     colorRates[i][1] = (colorPoints[i+1][1]-colorPoints[i][1])/colorTime;
52.     colorRates[i][2] = (colorPoints[i+1][2]-colorPoints[i][2])/colorTime;
53.   }
54.   colorRates[colorPoints.length-1][0] = (colorPoints[0][0]-colorPoints[colorPoints.length-1][0])/colorTime;
55.   colorRates[colorPoints.length-1][1] = (colorPoints[0][1]-colorPoints[colorPoints.length-1][1])/colorTime;
56.   colorRates[colorPoints.length-1][2] = (colorPoints[0][2]-colorPoints[colorPoints.length-1][2])/colorTime;
57. }
58. 
    
59. void draw() {
60.   if(colorStage<colorPoints.length-1){
61.     if(colorRates[colorStage][0]<0 && r>colorPoints[colorStage+1][0]){
62.       r = r+colorRates[colorStage][0];
63.     }else if(colorRates[colorStage][0]>0 && r<colorPoints[colorStage+1][0]){
64.       r = r+colorRates[colorStage][0];
65.     }else{
66.       r = colorPoints[colorStage+1][0];  
67.     }
68.     if(colorRates[colorStage][1]<0 && g>colorPoints[colorStage+1][1]){
69.       g = g+colorRates[colorStage][1];
70.     }else if(colorRates[colorStage][1]>0 && g<colorPoints[colorStage+1][1]){
71.       g = g+colorRates[colorStage][1];
72.     }else{
73.       g = colorPoints[colorStage+1][1];  
74.     }
75.     if(colorRates[colorStage][2]<0 && b>colorPoints[colorStage+1][2]){
76.       b = b+colorRates[colorStage][2];
77.     }else if(colorRates[colorStage][2]>0 && b<colorPoints[colorStage+1][2]){
78.       b = b+colorRates[colorStage][2];
79.     }else{
80.       b = colorPoints[colorStage+1][2];  
81.     }
82.   }else{
83.     if(colorRates[colorStage][0]<0 && r>colorPoints[0][0]){
84.       r = r+colorRates[colorStage][0];
85.     }else if(colorRates[colorStage][0]>0 && r<colorPoints[0][0]){
86.       r = r+colorRates[colorStage][0];
87.     }else{
88.       r = colorPoints[0][0];  
89.     }
90.     if(colorRates[colorStage][1]<0 && g>colorPoints[0][1]){
91.       g = g+colorRates[colorStage][1];
92.     }else if(colorRates[colorStage][1]>0 && g<colorPoints[0][1]){
93.       g = g+colorRates[colorStage][1];
94.     }else{
95.       g = colorPoints[0][1];  
96.     }
97.     if(colorRates[colorStage][2]<0 && b>colorPoints[0][2]){
98.       b = b+colorRates[colorStage][2];
99.     }else if(colorRates[colorStage][2]>0 && b<colorPoints[0][2]){
100.       b = b+colorRates[colorStage][2];
101.     }else{
102.       b = colorPoints[0][2];  
103.     }
104.   }
105. 
     
106.   if(backgroundFlag){
107.     background(round(r),round(g),round(b));
108.   }else{
109.     background(0);
110.   }
111.   
112.   for(int i=0; i<imageCopiesX; i++){
113.     for(int j=0; j<imageCopiesY+1; j++){
114.       image(wallpaper,int(x)+wallpaper.width*i,int(y)+wallpaper.height*j);
115.     }
116.   }
117. 
     
118.   if(tintFlag){
119.     tint(round(r),round(g),round(b));
120.   }  
121.   
122.   if (int(x)==0){
123.     x=-wallpaper.width;
124.   }else{
125.     x=x+moveSpeedX;
126.   }
127.   
128.   if (int(y)==0){
129.     y=-wallpaper.height;
130.   }else{
131.     y=y+moveSpeedY;
132.   }
133.   
134.   if(z>colorSwitch && colorStage<colorPoints.length-1 && r==colorPoints[colorStage+1][0] && g==colorPoints[colorStage+1][1] && b==colorPoints[colorStage+1][2]){
135.     colorStage = colorStage + 1;
136.     z=0;
137.   }else if(z>colorSwitch && colorStage==colorPoints.length-1 && r==colorPoints[0][0] && g==colorPoints[0][1] && b==colorPoints[0][2]){
138.     colorStage=0;
139.     z=0;
140.   }
141.   z++;
142. 
     
143. }