2012-03-02 140 views
2

我很新Processing.js我想知道为什么这个简单的蒙版不起作用?我的意思是,我可以没有任何问题地显示图像和面具,但只要它到达线img1.mask(mask1);,一切都停止工作。在processing.js中使用蒙版

/* @pjs preload="resources/images/1.jpg, resources/images/masks/1.jpg"; */ 
void draw(){ 
    PImage img1 = loadImage("resources/images/1.jpg"); 
    PImage mask1 = loadImage("resources/images/masks/1.jpg"); 
    img1.mask(mask1); 
    image(img1, 0, 0); 
} 

我已阅读http://processingjs.org/reference/PImage_mask_/,但我不认为我做错了什么:S 人有一个想法? 感谢

+1

你尝试它的外'draw()'方法?这是我唯一可疑的东西。 – gary 2012-03-02 01:27:43

+0

不,我在draw()中使用它。如果你愿意,你可以在这里看到我的代码:http://jsfiddle.net/GhSTE/它不会工作,因为它无法访问那里的图像,但它会给你一个想法。感谢您的帮助 :) – 2012-03-02 14:29:37

回答

1

我试着从的jsfiddle和你的代码它正在处理Processing.js 1.3.6。
请注意,您必须从Web服务器运行它,从文件系统打开html文件将为您提供Chrome中的空白画布或Firefox中的文本。

如果你没有到Web服务器的访问,你可以在自己的电脑上安装一个(XAMPP是好的,多平台,我个人使用WAMP在Windows上)