font/text and images in 3d

Programming Questions

beginner_..

in Programming Questions • 3 years ago

Because I had no chance to work it out with napplets I changed to my own version with my own frames and my own buttons (instead of controlp5).

But now there's the problem that if I've got a text or an image in a 3d window there's a line over the image and the text isn't "okay".. So you can't use text and images in 3d without it's looking really bad?

Is there another possibility to combine 2d and 3d sketches to one? without napplet.. (with napplet there are two main problems which nobody could solve.. )

Replies(6)

cedrickie..

Re: font/text and images in 3d

3 years ago

try to call noSmooth();
before image() and smooth() again after the image call.
the line is probably the smoothed line of the polygon your image is applied to.

beginner_..

Re: Re: font/text and images in 3d

3 years ago

thanks.. With my on my own creeted button (just a rect) it doesn't work, there's still the line.. But the text is better now and also the images. So I'll take images instead of buttons, then it'll work fine.. thanks..

do you also know how to solve this problem:

i've got a program with two "frames". above there's a rect with some text and below there's a 3d field with a coordinate system.. because it's the same sketch, there's a problem with the fore- and background. so i've put the rect in front of the rest and worked with translate to put the rest under the rect.. this works fine.. but if I work with rotate sometimes axes get over the rect, but they should be under it..

cedrickie..

Re: font/text and images in 3d

3 years ago

i am not sure if i totally understand what you are trying to do.
What are frames in your case? what means below? down on the y axis ? on the Z axis? or just drawn before something else?

so like i said, i dont udnerstand what you are actually doing but i believe there is a better way than
"so i've put the rect in front of the rest and worked with translate to put the rest under the rect." this just doesnt sound right.

beginner_..

Re: Re: font/text and images in 3d

3 years ago

With it I meant down the y-axis..

int transy=0, transx=0, transz=0;
float rotx=0, roty=0;
int lastWidth,lastHeight;
int hmenu=100, wvari=100;
int achl=400;
ArrayList points;
PFont font;
PImage b1,b2,b3;
Button button1;
void setup() {
size(1000,800,P3D);
frame.setResizable(true);
registerPre(this);
points = new ArrayList();
font = loadFont("ArialMT-18.vlw");
b1 = loadImage("button1.JPG");
b2 = loadImage("button2.JPG");
b3 = loadImage("button3.JPG");
button1= new Button(0,0,"datei");
//points.add(new Point2d(255,3,10,50,0));
}
void pre(){
if(width != lastWidth || height != lastHeight){

int deltaX = transx - (lastWidth-wvari/2)/2;
int deltaY = transy - (lastHeight-hmenu/2)/2;
transx = deltaX + width/2;
transy = deltaY + height/2;
lastWidth = width;
lastHeight = height;
}
}
void draw() {
background(255);
fill(255,0,0);
rect(0,0,lastWidth,hmenu);

//Hauptframe
pushMatrix();
translate(transx,transy);
rotateX(rotx);
rotateY(roty);
koordinatensystem();
for(int i=0;i<points.size();i++) { /// ZEICHNEN
Point2d thisPoint =(Point2d) points.get(i);
thisPoint.display();
}
popMatrix();
noStroke();
fill(255,0,0);
rect(0,0,lastWidth,hmenu);
fill(0,255,0);
rect(0,hmenu,wvari,lastHeight-hmenu);
//Variabeln
pushMatrix();
translate(0,hmenu);
fill(0,0,255);
popMatrix();
//Menu
//text("HALLO",0,14,0);
noSmooth();
button1.display();
smooth();
noSmooth();
//image(b1,0,0);
smooth();
}
void mouseDragged() {

float factor = 0.01;
if (key==CODED){ // Alt + Maus --> Rotation
if(keyCode==ALT){
rotx += (pmouseY-mouseY) * factor;
roty += (mouseX-pmouseX) * factor;    }
if(keyCode==CONTROL){ // Ctrl + Maus --> Translation
transx+=(mouseX-pmouseX); transy+=(mouseY-pmouseY); }
}
if(key=='Z'|| key == 'z'){ // z+Maus --> Zoom ----> auch mit WHEEL? , nicht wirklich gut, sehr langsam, vErschiebung mit z-achse? :S
if (mouseY>pmouseY){
transz=transz+5;
}
else{transz=transz-5;}
}
}
void keyPressed(){
      {if (key=='5'){      // 5 -->ANSICHT VON VORNE
        rotx=0;
        roty=0;
        transx=width/2;
        transy=height/2;
        transz=0;
      }

      if (key=='6'){      // 6 -->ANSICHT VON RECHTS
        rotx=0;
        roty=radians(-90);
        transx=width/2;
        transy=height/2;
        transz=0;
       }

       if (key=='4'){      // 4--> ANSICHT VON LINKS
        rotx=0;
        roty=radians(90);
        transx=width/2;
        transy=height/2;
        transz=0;
       }

      if (key=='8'){      // 8--> ANSICHT VON OBEN
        rotx=radians(-90);
        roty=0;
        transx=width/2;
        transy=height/2;
        transz=0;
      }

          if (key=='2'){      // 2--> ANSICHT VON UNTEN
        rotx=radians(90);
        roty=0;
        transx=width/2;
        transy=height/2;
        transz=0;
      }

      }


}

void koordinatensystem(/*boolean t, boolean button5*/){
/*if (t==false){
if (button5==true){


line(0,0,0,achl);
line(0,0,0,-achl);
line(0,0,achl,0);
line(0,0,-achl,0);
transz=300;
rotx=0;
roty=0;
}


else{*/
smooth();
strokeWeight(1.5);
beginShape(LINES);

stroke(255,0,0); //z-achse rot
vertex(0,0,-achl);
vertex(0,0,achl);
stroke(0,255,0); //y-achse grün
vertex(0,-achl,0);
vertex(0,achl,0);

stroke(0,0,255); //x-achse blau
vertex(-achl,0,0);
vertex(achl,0,0);

endShape();
}
//}
//}
class Objekte {
int farbe=0;
int dicke=10;
Objekte(int farbe, int dicke) {
this.farbe = farbe;
this.dicke = dicke;
}

void aendereDicke(int dicke){
this.dicke = dicke;
}
}
class Point2d extends Objekte {
int x;
int y;
int z;
Point2d(int farbe, int dicke, int x, int y, int z) {
    super(farbe,dicke);
    this.x = x;
    this.y = y;
    this.z = z;

    println("Punkt"+points.size()+": " + x + "/" + y + "/" + z);
}
void display() {
    stroke(farbe);
    strokeWeight(dicke);
    point(x,y,z);
}
}
class Button {
int x, y;
int h=20;
int w=60;
int bgcolor=color(220);
int mocolor=color(255,255,0);
String name;

Button(int xpos, int ypos, String tex) {
     x=xpos;
     y=ypos;
     name=tex;
}

void display()
{
if(mouseOver()){
      fill(mocolor);
    }
    else {
      fill(bgcolor);
    }

smooth();
rect(x,y,w,h);
noSmooth();
textFont(font,20);
fill(0);
text(name, x+5,y+20);
smooth();
}
boolean mouseOver(){
   boolean t;
    if (mouseX>x && mouseX<(x+w) && mouseY>y && mouseY<(y+h))
{ t=true;}

else{
    t=false;
}
return(t);
}
}

This is my code.. Maybe it helps you to understand but I know that's not that "right"...

cedrickie..

Re: font/text and images in 3d

3 years ago

ok, now i got it.
Maybe in your case the use of the peasyCam library makes sense : http://mrfeinberg.com/peasycam/
not sure if you know it already.
But you are also able to use a HUD. by writing beginHUD and endHUD you can create some layers/graphics/text that are always on top of your 3d stuff.

beginner_..

Re: Re: font/text and images in 3d

3 years ago

I already had a look on peasyCam but didn't get it how it works. But if you say, it could be helpful, I'll try it again..

But would there be another possibility to do it on my own without libraries? because I'd prefer to use my "own" stuff..

(to be "independent")

Top Reply