2012-03-02 14 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

+0

いいえ、draw()の内部で使用します。もしあなたが望むなら、ここに私のコードを見ることができます:http://jsfiddle.net/GhSTE/そこからの画像にアクセスすることができないので動作しませんが、それはあなたにアイデアを与えるでしょう。ご協力ありがとうございました :) –

答えて

1

両方のリファレンスページに表示されていてもProcessing.js 1.3.6と連携しています。
Webサーバーから実行する必要があることに注意してください。ファイルシステムからhtmlファイルを開くと、Chromeの空白のキャンバス、Firefoxのテキストだけが表示されます。あなたは自分のコンピュータ上のいずれかをインストールすることができ、Webサーバへのアクセスを持っていない場合

は(XAMPPは良好であり、マルチプラットフォームでは、私は個人的にWindows上でWAMPを使用)

0

は、コードは実際に素晴らしい取り組んでいるが、唯一の処理では、ないProcessing.jsにこのfonctionnalityは私がjsfiddleからあなたのコードを試してみたhttp://processingjs.org/reference/PImage/