Hi!

Is there a simple solution for constant space between letters if they are written vertically? I figure out how to do it, it works good if there is no animation, in animation it slows down whole application (I don't know why). There is no option for obtaining the height of a font, so I treat them as a RShape. Part of the code:





import geomerative.*;
import processing.opengl.*;

String message="Hello world!";


RShape grp,grp2;

void setup(){

  size(600,600);
  frameRate(24);

  background(255);
  fill(255,102,0);
  stroke(0);
   
   RG.init(this);

  smooth();
}

void draw(){

  background(255);
 

  noFill();
  stroke(0,0,200,150);

float y=50;
float y2;
 translate (200,y);
  for (int m=0; m<message.length(); m++)
{
      
 
  if (message.length()-m>1)
  {
     String bla2=Character.toString(message.charAt(m+1));
    stroke(255,255,255);
     grp2 = RG.getText(bla2, "FreeSans.ttf", 30, CENTER);
     grp2.draw();
    
 
};

stroke(0);

    String bla=Character.toString(message.charAt(m));
    grp = RG.getText(bla, "FreeSans.ttf", 30, CENTER);
   
    grp.draw();  
   
   
 if (grp2.getOrigHeight()>-100000)
 {
    y2= 20+grp2.getOrigHeight();
  
 }
 else
 { y2=30;};


println(y);
println(y2);

  translate (0,y2);
  y=y2;
};


  }

Hello!

I have a plan to write an animation using dinamic typography. The problem (for now) is a control of a camera. All scenes is in 2d, is it better to render it in 3d using coordinate z of the camera as a zoom, or leave it in 2d operating zoom by something else (scale maybe?)? I've tried PeasyCam, but I couldn't make it work. For the animation I am using motionlib (Key frames), everything has to be synchronized with audio. I've found a project which has camera control I would like to create - ( http://www.caligraft.com/calligraphies/web-lettree/applet). What would you recommend?

[edit]

I've found a solution. Now I have a problem with motionlib library. How could I render something and during the tweek change the camera? I wrote something like this (probably I have to "add" KeyFrame kf9 to kf1 somehow, but I don't know how to merge them:

 Motion.setup(this);

  t = new Timeline();
//This KeyFrame is for rendering some text
  KeyFrame kf1 = new KeyFrame("1", 0);
  kf1.addChild(new Tween("IKS",0, 50, 155));

////This KeyFrame is for changing camera parameters during KeyFrame
  KeyFrame kf9 = new KeyFrame("9", 50);
  kf9.addChild(new Tween("IKS",50, 200, 105));

//This KeyFrame is for rendering some text
KeyFrame kf2 = new KeyFrame("2", 156);
  kf2.addChild(new Tween("IKS",50, 200, 125));

 t.addKeyFrame(kf1);
  t.addKeyFrame(kf2);
  t.addKeyFrame(kf9);


void draw(){
cam = new PeasyCam(this,width/2-x, height/2-y,(height/2)/tan(PI*60/360),0.005+z);
currentKeyFrames = t.getCurrentKeyFrames();


for (int i = 0; i < currentKeyFrames.length; i++)
  {
   
    for (int k = 0; k < currentKeyFrames[i].getTweenCount(); k++)
    {
      println(t.getCurrentKeyFrames());
                if (currentKeyFrames[0].getName()=="1")
                {

fill(255,0,0);
stroke(255,0,0);
translate (width/2,height/2);
font.draw("Bla bla");
                            
                                              };

  if (currentKeyFrames[0].getName()=="2")
                {

fill(255,0,0);
stroke(255,0,0);
translate (width/2,height/2);
font.draw("Bla bla");
                            
                                              };

   if (currentKeyFrames[0].getName()=="9")
                {  x =  currentKeyFrames[i].getTween(k).getPosition();
                   y = currentKeyFrames[i].getTween(k).getPosition();
                   z = currentKeyFrames[i].getTween(k).getPosition();
                           
                                              };