問題タブ [pgraphics]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
376 参照

colors - PGraphics で別のカラーモードが設定されていない

次のコードがあります。

次に、バッファ要素にいくつかのグラフィックを作成します。しかし、グラフィックはHSBカラーモードを使用しておらず、結果として青と白しか表示されません...では、コードを修正したりcolorModePGraphics要素のをHSBに変更したりするにはどうすればよいですか?

0 投票する
2 に答える
193 参照

processing - PGraphics がメイン コンテキストに描画されるたびにクリアまたはフリーズするように見える

私の最終的な目標は、四角形をバッファーに描画し、そのバッファーを別のバッファーにコピーし、その後の draw() で 2 番目のバッファーを最初のバッファーにコピーし、わずかに小さくしてから、「トンネル効果」を作成することです。その上で繰り返します。

ここで何が起こっているのか、私は完全に困惑しています。

まず、次のコードを考えてみましょう。これは 1 回だけ期待どおりに動作します (描画ループなし)。

これはかなりばかげた例ですが、コンセプトが適切であることを証明していcanvasます。bufferbuffercanvas

しかし、これを draw() ループで実行しようとするとどうなるか見てください。

ここで、setup() で作成された元の rect がフレームごとに にコピーされることになりcanvasます。その結果、移動しない rect が存在し、次に 2 つ目の rect がフレームごとに描画されて置き換えられます。

それは奇妙になります。image()メイン コンテキストに描画する関数を単純に移動するとどうなるか見てみましょう。

これで何かが変わるわけではありませんが、その結果、画像が「フリーズ」して画面上に 2 つの四角形が表示されます。canvas毎回書き直されているのに、なぜか同じものを何度も描いているように見える。

その最後の行を読み取るように変更する

代わりに、バッファを「フリーズ」する以前の動作に戻りますが、毎回その上に新しい四角形を描画します。

何が起こっているのか、誰かが光を当てることができますか?

0 投票する
1 に答える
649 参照

rendering - p5 の createGraphics() バッファの tint()

p5 でオフスクリーン グラフィックス バッファの不透明度を変更しようとしていますが、わかりません。

検討:

作業例はこちら

tint(255, x) 色を変更せずに不透明度を に設定するx必要がありますが、効果がないようです。ただし、画像では問題なく動作します...何が欠けていますか?