Bonjour
Dans mon applet j'ai une image en background ainsi qu'un logo par dessus. En passant ma souris sur le logo celui-ci disparait. Mon code semble correct mais dès mon export web en javascript; mon logo n'apparait plus (j'ai une image grise qui disparait quand je passe la souris).
Voici mon code:
PImage img;
PImage logo;
int w = 20;
void setup()
{
size(134,205);
frameRate(60);
img = loadImage("hom.jpg");
background(img);
logo = loadImage("logo.png");
image(logo, 0,0);
noStroke();
}
void draw()
{
int xstart = constrain(mouseX-w/2,0,img.width);
int ystart = constrain(mouseY-w/2,0,img.height);
int xend = constrain(mouseX + w/2,0,img.width);
int yend = constrain(mouseY + w/2,0,img.height);
loadPixels();
// Begin our loop for every pixel
for (int x = xstart; x < xend; x++ ) {
for (int y = ystart; y < yend; y++ ) {
// Calculate the 1D pixel location
int loc = x + y*img.width;
// Get the R,G,B values from image
float r = red (img.pixels[loc]);
float g = green (img.pixels[loc]);
float b = blue (img.pixels[loc]);
color c = color(r,g,b);
pixels[loc] = c;
fill(c);
rect(xstart,ystart,w,w);
}
}
updatePixels();
}
Quelqu'un aurait-il une idée à me soumettre?
merci
Dernière modification par jujufree (2012-10-29 11:51:26)
Hors ligne
tu fais un export javascript via la beta 2?
Hors ligne
oui c'est un export javascript avec la version 2.0b2
Hors ligne
Hors ligne
Merci beaucoup, je débute sur processing et je suis heureuse de pouvoir trouver un endroit où poser mes questions.
Je pensais que /* */ permettait de laisser un commentaire alors qu'ici cela interagit lors de l'export???
Merci
Voici le code pour le preload de plusieurs images
/* @pjs preload="hom.jpg","logo.png"; */
Merci beaucoup cgiles
Hors ligne
Je relance le sujet :
Sur un programme assez complexe, je n'arrive pas a faire l'export d'image, j'ai donc essayer le programme le plus basique pour comprendre comment ca marche :
/* @pjs preload="myimage.jpg"; */
void setup()
{
size(200,200);
noLoop();
}
void draw()
{
background(255);
PImage im = loadImage("myimage.jpg");
image(im, 50,50, 100,100);
}
Et bien ca ne marche pas (j'ai bien creer une image myimage.jpg, ca ne marche pourtant pas).
Faut il comprendre que l'export ne fonctionne pas avec processing ?
Ou peut être c'est une histoire de local/serveur (je test directement ma page html sans passer par un serveur, ca peut venir de là ??)
Hors ligne
Oui certains navigateurs ne chargeront pas ton image en local. Ça peut aussi être que ton image est dans un dossier data alors que processingjs ne connait pas ce dossier, il faut donc mettre data/myimage.png
Qu'est ce que tu as dans la console de ton navigateur?
Hors ligne
En plus il ne fait pas faire le loadImage dans la boucle draw
Hors ligne
Merci pour tes réponses, il fallait en faite simplement copier les images et les coller dans le dossier applet (ou changer le chemin comme tu me le conseillais).
Bizarre que processing ne le fasse pas automatiquement (alors qu'il le fait par exemple lorsqu'on sauvegarde un même programme sous un nom différent).
C'était tout facile du coup, tant mieux
Hors ligne
Bonjour, bien que cette discution date, j'aurai une question.
J'ai surement le même problème que toi, c'est à dire que j'ai un sketch qui contient une image (même plusieurs) et je voudrais afficher ce sketch sur une page web. Si c'est bien face à cette situation que toi aussi tu as été confronté, je voudrais que tu m'expliques précisément comment tu as fais car je ne m'en sort pas !
Merci !
Hors ligne