code processing en javascript

ogre · 2011-05-06 11:35:18

Salut,

j'aimerais appliquer dynamiquement un mask sur une image.
pour cela j'utilise processingjs et sa fonction mask() (n'y a-t-il pas un moyen plus direct?)

voici mon code
HTML

<html>  
	<head>  
		<script src="http://processingjs.org/content/download/processing-js-1.1.0/processing-1.1.0.js"></script> 			
	</head>  
	<body>
		<canvas id="canvas1" width="0" height="0"></canvas>  
		<script id="script1" type="text/javascript" src="mask.pjs"></script>  
	</body>
</html>

PJS

var sketch = new Processing.Sketch();  
sketch.attachFunction = function(processing) {  
var img;
var maskImg;

 processing.setup = function() { 
	processing.size(335,400); 
	img  	= processing.loadImage("C:/Users/OGRE/Desktop/jsMask/test.jpg");
	maskImg = processing.loadImage("C:/Users/OGRE/Desktop/jsMask/mask.jpg");
	img.mask(maskImg);
 
 }
  processing.draw = function() { 
  processing.image(img, 0,0);
}

}

var canvas = document.getElementById("canvas1");  
var p = new Processing(canvas, sketch);

Ce code ne fonctionne pas à cause de cette ligne :

img.mask(maskImg);

comment annoncer que la fonction mask se trouve dans ma variable processing?

apparemment ce n'est ni

processing.img.mask(maskImg);

ni

img.processing.mask(maskImg);

Quelqu'un a une idée?

Dernière modification par ogre (2011-05-06 11:36:07)

oyster_twiter · 2011-06-19 12:57:11

Salut,

tentative de réponse (très) tardive :
Peux être devrais-tu déclarer l'image en tant que PImage, dans ce cas processing.PImage, pour pouvoir accéder à la fonction mask()....?

Dernière modification par oyster_twiter (2011-06-19 12:57:50)

Annonce

#1 2011-05-06 11:35:18 code processing en javascript

code processing en javascript

#2 2011-06-19 12:57:11 Re : code processing en javascript

Re: code processing en javascript

Pied de page des forums