I'm trying to do some basic 2.D transformations. I was hoping to create an animation sketch translating 2D shapes in three-dimensional perspective. I figure making use of  z axis translations is the best method for this, but I'm not so sure how to approach this; I'm intentionally avoiding the use of 3D shapes.

 Looking at some references and tool tips, I've managed to get as far as translating 3 sided shapes to create a  "spin animation" (e.g. triangle) by translating points, but it's pretty messy and uses a lot if statements and line objects. Ideally I'd like to include z axis rotating.

I thought a good starting point would be getting a handle on basic shape transformations. So I've been looking at creating and translating drawn shapes. I believe using SVG graphics is another possible option I can attempt for this[?] but at the moment this is what I'm working with.

The following sketch is my attempt at emulating a triangle rotation on a 0axis. I was wondering if anyone would be able to suggest how to do this without the cumbersome use of loops I'm attempting? I'm sure there's a cleaner, clearer way to do this. 

N.B. I'm not focusing on including a z axis roation on 'this' sketch, as I can't even seem to get a simple 2D rotation.

There's a bit of lag between green and cyan. The green values don't decrease immediately when the if statements called. I put in a print statement to check the values, but they seem to stick at 255 for while before decreasing.

If anyone can offer any help pointers, or advice for a better method to do this, with the exception of using libraries, it would be much appreciated; thanks

P.S. Can this be done with for loops?

   //Colour tween animation
   //Set starting colour values 
   int r = 255;
   int g = 0;
   int b = 0;
   
   
   //Control rate of colour change
   int speed = 4;
   
   void setup() {
     size(400, 400);
   }
   
   void draw() {
   //Assign int values to background
     background(r, g, b);
   
   //Start, increase green RGB value
   //Red to yellow
     g = g + 1;
   
   //Yellow to green
     if(g >= 255) {
       g = 255;
       
       r = r - speed;
     }
     
     //Green to cyan
     if( r <= 0) {
       r = 0;
       
       b = b + speed; //lag between change
       println("green: " + g);
     }
     
     //cyan to blue
     if(b >= 255){
       b = 255;
       
       g = g - speed;
      }
      
      //Blue to purple
      if(g <= 0){
        g = 0;
        r = r + speed;
      }
      
      //Purple to read
      if(r >= 255){
        r = 255;
        
        b = b - speed;
      }
   }

1. /**
2.  * Loads RSS feed and visualizes the titles in a very simple manner.
3.  * Color and bar depend on the length of the corresponding title.
4.  *
5.  * (c) 2008 Till Nagel, btk.tillnagel.com
6.  */ 
7. 
   
8. //import processing.xml.*;
9. 
   
10. // Array to store titles
11. String[] titles;
12. 
    
13. PFont font;
14. 
    
15. void setup() {
16.   size(700, 300);
17.   background(0);
18.   noStroke();
19.   
20.   // Setup font
21.   font = loadFont("Calibri-12.vlw");
22.   textFont(font, 12);
23.   
24.   // Load RSS feed
25.   String url = "http://www.newyorkfed.org/xml/data/ff/ffd.xml";
26.   XMLElement rss = new XMLElement(this, url);
27.   // Get data of each element
28.   XMLElement[] dataXMLElements = rss.getChildren("ff: Obs/base: OBS_VALUE");
29.   numbers = new String[dataXMLElements.length];
30.   for (int i = 0; i < dataXMLElements.length; i++) {
31.     String s = dataXMLElements[i].getContent();
32.     int I = Integer.parseInt(s);
33. 
    
34.     // Store data in array for later use
35.     numbers[i] = data;
36.   }
37. }
38. 
    
39. void draw() {
40.   background(255);
41.   
42.   // Draw all titles with bars and colors depending on its length
43.   for (int i = 0; i < numbers.length; i++) {
44.     float y = (i+1) * 15;
45. 
    
46.     fill(255 - constrain(numbers[i].length(), 0, 255));
47.     rect(8, y - 11, 14, 14);
48.     
49.     fill(127, 100);
50.     rect(23, y - 11, numbers[i].length() * 2, 14);
51.     
52.     fill(0, 220);
53.     text(numbers[i], 26, y);
54.   }  
55. }

This code was originally set as part of a class exercise/task several semesters ago when I started Programming.The task is to write some code for a basic alarm using set variables for the designated alarm time. I want to make it so when my Alarm is active an audio file (sound of an alarm) is played, the alarm should only last 8 seconds, during which time my forever loop --my while loop printing a full stop every second-- is paused for this amount of time after which it should return back to printing a series of full stops every second

1. //import processing.video.Movie;
2. 
   
3. int alarm_time;
4. int alarm_hour;
5. int alarm_minute;
6. int current_time;
7. int t,count;
8. boolean alarm;
9. 
   
10. 
    
11. void setup(){
12. //Set alarm time
13. alarm_hour = 17;
14. alarm_minute = 54;
15. 
    
16. //Define alarm time & curent time
17. alarm_time = alarm_hour + alarm_minute;
18. current_time = hour() + minute();
20. }
21. 
    
22. 
    
23. void draw(){
24. //"forever while loop" infinite loop, prints (or rather should) a full stop every half second
25. boolean always_true = true;
26. while( always_true ){
27. print( "." );
28. for( int i = 0; i < 1000000000; i++ ){
29. float result = sqrt( 257 );
30. 
    
31. if(alarm){
32. // increase the count-variable every second
33. if ((millis()-t)/1000>count) {
34. print(++count+" ");
35. }
36. // disable alarm after 8 seconds
37. if (millis()-t > 8000) {
38. alarm = false;
39. }
40. 
    
41. //activate alarm
42. if(alarm_time == current_time){
43. println();
44. println("ALARM!!!");
45. print("Counting: ");
46. t = millis();
47. count = 0;
48. alarm = true;
49. }
50. }
51. }
52. }
53. }
55. //new Movie(this,"alarm.m4v");

1. //Alarm
2. //Counting: 1 2 3 4 5 6 7 8 
3. 
   
4. My code so far:
5. 
   
6. import processing.video.Movie;
7. 
   
8. int alarm_hour;
9. int alarm_minute;
10. int alarm;
11. int current_time;
12. 
    
13. alarm_hour = 11;
14. alarm_minute = 44;
15. 
    
16. alarm = alarm_hour + alarm_minute;
17. current_time = hour() + minute();
18. 
    
19. //Where I'm attempting to place a delay that prints out the number of seconds (8 seconds) in int values
20. if( alarm == current_time ){
21.       println("ALARM!!!");
22.       delay(8000);
23. }
24. 
    
25. new Movie(this,"alarm.m4v"); 

So I recently started coding as part of my course curriculum, I lack quite a lot of experience with programs as a result am unsure about how to handle my current problem:

I'm working on a short Processing exercise that uses  While Loops  and  For Loops  with the intention to purposefully delay a calculation program, at least that's the half of it. The aim so far is to create a  For Loop  that runs a  sqrt calculation a specified amount of times, in this instance a billion times (100,000,000). With the addition of a While Loop using a print function as part of the statement to print out a series of full stops. The final aim is to include the calculation loop INSIDE the forever while loop to delay the amount of times a full stop is printed. The end result should see a full stop being printed every half a second. Just to make sure I'm explaining myself clearly here are the actual instructions given: