Hallo! Can you explain me why my text doesn't spinning?

#1
PFont myFont;

String s1= ("OBECALP PHARMACY ");
float angleSpeed= TWO_PI/s1.length();
float letterX,letterY;
int i,cntX,cntY;
int radius =260;

float z=random(TWO_PI);
float x;
float y;

//float rotX,rotY,rotZ;

float r = 100;
float angVel = -TWO_PI / 360;
float ang;

void setup() {
  size(800, 800, P3D);
  background(255);
  myFont = createFont("DrukTextWide-Heavy.ttf", 20);
  //textFont(myFont);
frameRate(20);

  
}

void draw() {
background(255);



rotate(ang);
  ang += angVel;
  
  float arclength = 0.4;
  for (int i = 0; i < s1.length (); i ++ ) {
    char currentChar = s1.charAt(i);
    float w = textWidth(currentChar);
    arclength += w/2;
    float theta = PI + arclength / r;
arclength += 0.2;

i=s1.length();
printQuote();
}}

void printQuote(){
  
  //camera(70,30,z,120,50,50,0,0,1);
  
int  cntX = width/2, cntY =0;
for (int j = 0; j < i; j++) {

    letterX = cntX + radius * cos(j*angleSpeed);
    letterY = cntY + radius * sin(j*angleSpeed);
 
 
// rotX += 0.0003;
 // rotY += 0.0005;
 // rotZ += 0.0007;
 
  pushMatrix();
 //rotateX(rotX);
 // rotateY(rotX);
  //rotateZ(rotX);
  
 translate(letterX, 300, letterY);
 textSize(20);
 fill(0, 0, 0);
 text(s1.charAt(j),0,0);
  popMatrix();
      
}
//z+=0.1;
}

0 Likes

Hey guys if I want my text to be in the middle what can I change?
Now it stops spinning but it’s in the center haha now can i do to spinning =/
#2

You have one Rotation like planets around the sun in the function printQuote

Then you have one rotation ang before the for loop

Which one doesn’t work? The latter?

0 Likes

#3

In the for loop in draw() you have a lot of angles but you never use them - maybe this is the problem?

In 3D there is rotateX, rotateY and rotateZ for the different axis x,y,z

With a plane you call them yaw roll and pitch

0 Likes

#4

Try rotateX or rotateZ or rotateY here

0 Likes

#5

Oh I fixed it! it’s the r in rotateY
thank you!!! :smile:

0 Likes

#6

hmm but if i want to spinning only the text… what do you recomend

0 Likes

#7

recommend*… and can you please tell me about the yaw roll and pitch?
it’s like functions for rotation

0 Likes

#8

Yeah in the function add something to the angles you use for cos and sin. Increase this something.

About https://www.google.com/search?q=yaw%20roll%20pitch google it. It’s like with a plane it can rotate around one of the 3 axis. You can tilt your letter circle left/right or front / backside (or both) or/and around y axis as well

0 Likes

#9

i think it’s about int cntY =0, cntX =width/2; this function when i add
int cntY =0, cntX =width/20; look it’s in the middle but how can i take it in the center???=/

0 Likes

#10

cnt is about the center in x and z (depth) direction

Height of the circle is 300 in the translate line in the function printQuote

Just change the values to find out. The function printQuote is your core code section where the important parts happen. I am not at home right now and can’t do it for you.

0 Likes

#11

Did you do this? It makes the letter travel around the sun like planets do around the sun

Your descriptions are also unclear for me sometimes

What exactly do you want to achieve?

Chrisir

0 Likes

#12

different motions with this string of letters!

0 Likes

#13

for example now I want to make the text spinning random in this code

final static int R = 1000;
float u, v;
float[][] stars;



PFont myFont;
String s1= ("OBECALP PHARMACY ");



int i, cntX, cntY; 
float letterX, letterY;
int radius = 260;
float angleSpeed = TWO_PI/s1.length();
float x, y;



void setup()
{
  size(800, 800, P3D);
  frameRate(30);
 // sphereDetail(1);
  myFont=createFont("Monaco", 14);
  stars = new float[1000][3];
  for(int i = 0; i < stars.length; i++)
  {
    float[] star = { random(-R, R), random(-R, R), random(-R, R) };
    stars[i] = star;
  }
}

void draw()
{
  i = s1.length(); 
  printQuote();
}

void printQuote() { 
  
int cntX = width/2, cntY = 0;

  for (int j = 0; j < i; j++) {

    letterX = cntX + radius * cos(j*angleSpeed);
    letterY = cntY + radius * sin(j*angleSpeed);


  
  u += (mouseY - height / 2.0) / height / 20;
  v += (mouseX - width  / 2.0) / width  / 20;
  
  
  background(0);
  //lights();
//  camera(0, 0, 0, 0, 0, R, 0, 1, 0);
  rotateX(u); rotateY(v);
  noStroke();
  for(int i = 0; i < stars.length; i++)
  {
    pushMatrix();
       
    translate(stars[i][0], stars[i][1], stars[i][2]);
    
   
    popMatrix();
  }
  { pushMatrix();
  translate(letterX, 550, letterY);
  fill(0);
    text(s1.charAt(j),0,0);
    popMatrix();
  }
  camera();
  stroke(255);
  line(width / 2 - 5, height / 2 - 0, width / 2 + 4, height / 2 + 0);
  line(width / 2 - 0, height / 2 - 5, width / 2 + 0, height / 2 + 4);
  
}}

void mousePressed() { u = v = 0; } 
0 Likes

#14

I saw this amazing code and I want to add my text with rotation

final static int R = 1000;
float u, v;
float[][] stars;

void setup()
{
  size(800, 800, P3D);
  frameRate(30);
  sphereDetail(1);
  textFont(createFont("Monaco", 14));
  stars = new float[1000][3];
  for(int i = 0; i < stars.length; i++)
  {
    float[] star = { random(-R, R), random(-R, R), random(-R, R) };
    stars[i] = star;
  }
}

void draw()
{
  u += (mouseY - height / 2.0) / height / 20;
  v += (mouseX - width  / 2.0) / width  / 20;
  background(0);
  lights();
  camera(0, 0, 0, 0, 0, R, 0, 1, 0);
  rotateX(u); rotateY(v);
  noStroke();
  for(int i = 0; i < stars.length; i++)
  {
    pushMatrix();
    translate(stars[i][0], stars[i][1], stars[i][2]);
    sphere(5);
    popMatrix();
  }
  camera();
  stroke(255);
  line(width / 2 - 5, height / 2 - 0, width / 2 + 4, height / 2 + 0);
  line(width / 2 - 0, height / 2 - 5, width / 2 + 0, height / 2 + 4);
  text("u: " + int(degrees(u)) + " v: " + int(degrees(v)), 5, 17);
}

void mousePressed() { u = v = 0; } 
0 Likes

#15

I am sure you can do it

I am not at home now and can’t help you

0 Likes

#16

ok thank you anyway!

1 Like

#17

if you want to help me… because I used so many functions but I don’t know how to do it… =/
I want to have this 3D space and with my random text(// text(s1.charAt(j),0,0):wink: spinning around

PFont myFont;
String s1= ("OBECALP PHARMACY ");
float angleSpeed= TWO_PI/s1.length();
float letterX,letterY;
int i,cntX,cntY;
int radius =260;


float angVel = -TWO_PI / 560;
float ang;




final static int R = 1000;
float u, v;
float[][] stars;

void setup()
{
  size(800, 800, P3D);
  
    myFont = createFont("Serif-48.ttf", 20);
 // textFont(myFont);
 

  frameRate(30);
  sphereDetail(1);
  textFont(createFont("Monaco", 14));
  stars = new float[1000][5];
  for(int i = 0; i < stars.length; i++)
  {
    float[] star = { random(-R, R), random(-R, R), random(-R, R) };
    stars[i] = star;
  }
}




void draw()
{
  
  
  rotate(ang);
  ang += angVel;
  


i=s1.length();
printQuote();
}
  void printQuote(){
    int  cntX = width/2, cntY =0;
    
for (int j = 0; j < i; j++) {

    letterX = cntX + radius * cos(j*angleSpeed);
    letterY = cntY + radius * sin(j*angleSpeed);
 

  
  u += (mouseY - height / 2.0) / height / 20;
  v += (mouseX - width  / 2.0) / width  / 20;
  background(0);


  rotateX(u); rotateY(v);
  noStroke();
  for(int i = 0; i < stars.length; i++)
  {
    pushMatrix();
    translate(stars[i][0], stars[i][1], stars[i][2]);
   sphere(3);
    translate(letterX, 300, letterY);
    textSize(20);



// text(s1.charAt(j),0,0);



    popMatrix();
  }
  camera();
  stroke(255);

}

  }


void mousePressed() { u = v = 0; } 
0 Likes

#18

sorry! (maybe I have to sleep! haha )

PFont myFont;
String s1= ("OBECALP PHARMACY ");
float angleSpeed= TWO_PI/s1.length();
float letterX,letterY;
int i,cntX,cntY;
int radius =260;


float angVel = -TWO_PI / 560;
float ang;




final static int R = 1000;
float u, v;
float[][] stars;

void setup()
{
  size(800, 800, P3D);
  
    myFont = createFont("Serif-48.ttf", 20);
 // textFont(myFont);
 

  frameRate(30);
  sphereDetail(1);
  textFont(createFont("Monaco", 14));
  stars = new float[1000][5];
  for(int i = 0; i < stars.length; i++)
  {
    float[] star = { random(-R, R), random(-R, R), random(-R, R) };
    stars[i] = star;
  }
}




void draw()
{
  
  
  rotate(ang);
  ang += angVel;
  


i=s1.length();
printQuote();
}
  void printQuote(){
    int  cntX = width/2, cntY =0;
    
for (int j = 0; j < i; j++) {

    letterX = cntX + radius * cos(j*angleSpeed);
    letterY = cntY + radius * sin(j*angleSpeed);
 

  
  u += (mouseY - height / 2.0) / height / 20;
  v += (mouseX - width  / 2.0) / width  / 20;
  background(0);


  rotateX(u); rotateY(v);
  noStroke();
  for(int i = 0; i < stars.length; i++)
  {
    pushMatrix();
    translate(stars[i][0], stars[i][1], stars[i][2]);
   sphere(3);
    translate(letterX, 300, letterY);
    textSize(20);



// text(s1.charAt(j),0,0);



    popMatrix();
  }
  camera();
  stroke(255);

}

  }


void mousePressed() { u = v = 0; } 
0 Likes

#19

Also try draw() with these lines (they are commented out in the long code below)

   rotate(ang);
   ang += angVel;

Chrisir

Full sketch:

// PFont myFont;
String s1= ("OBECALP PHARMACY ");
float angleSpeed= TWO_PI/s1.length();
float letterX, letterY;
// int i;
int cntX, cntY;
int radius =260;

float angVel = -TWO_PI / 560;
float ang;
int j=0;

final static int R = 1000;

float u, v;
float[][] stars;

void setup()
{
  size(800, 800, P3D);

  //  myFont = createFont("Serif-48.ttf", 20);
  // textFont(myFont);

  //  frameRate(30);
  sphereDetail(1);
  textFont(createFont("Monaco", 14));

  // makes things slow but looks better:
  textMode(SHAPE);

  textSize(20);

  stroke(255);

  stars = new float[1000][5];
  for (int i = 0; i < stars.length; i++)
  {
    float[] star = { random(-R, R), random(-R, R), random(-R, R) };
    stars[i] = star;
  }
}

void draw()
{
  background(0);

  //  rotate(ang);
  // ang += angVel;

  //i=s1.length();
  printQuote();
}

void printQuote() {
  //  int  cntX = width/2, cntY =0;

  u += (mouseY - height / 2.0) / height / 20;
  v += (mouseX - width  / 2.0) / width  / 20;

  rotateX(u); 
  rotateY(v);

  for (int i = 0; i < stars.length; i++)
  {
    translate(stars[i][0], stars[i][1], stars[i][2]);
    text(s1.charAt(j), 0, 0);
    translate(-stars[i][0], -stars[i][1], -stars[i][2]);

    j++; 
    if (j>=s1.length())
      j=0;
  }//for
}//func 

void mousePressed() { 
  u = v = 0;
}
0 Likes

#20

Now it stops spinning but it’s in the center haha now can i do to spinning =/

PFont myFont;

String s1= ("OBECALP PHARMACY ");
float angleSpeed= TWO_PI/s1.length();
float letterX,letterY;
int i,cntX,cntY;
int radius =260;

float z=random(TWO_PI);
float x=0;
float y;
float r =0;




float angle,c,x1,y1=0;
float speed = 0;
int waveStrengthHorizontal= 5;
int waveStrengthVertical= 5;

float u,v;
void setup() {
  size(800, 800, P3D);
  background(255);
  myFont = createFont("DrukTextWide-Heavy.ttf", 20);
  //textFont(myFont);
frameRate(20);
}

void draw() {
background(255);


i=s1.length();
printQuote();
}

void printQuote(){
  
 
  
int count =0;
for(y=0; y<500; y++){
if(count%10==0)
  {
  
int  cntY =0, cntX =width/2;
for (int j = 0; j < i; j++) 

{
    letterX = cntX + radius * cos(j*angleSpeed);
    letterY = cntY + radius * sin(j*angleSpeed);
    
    
     
          
pushMatrix();

//rotateY(r);
//rotateX(200);

 translate(letterX, cntY, letterY);
 textSize(20);
 
 fill(0, 0, 0);
 text(s1.charAt(j),x,y);
 

  popMatrix();
  
}
}
count++;
//r=r+0.0001; angle+=10;
//speed=0.01;
  }
}

0 Likes