p5.js

2熱

2答えて

私はリアルタイムのキャンバス描画用Webappでsocket.io、node.js、p5.jsを使って作業しています。マウスをドラッグしたときに滑らかな線を作成するのに問題があります。マウスをあまりにも速くドラッグすると、各楕円の間に空きスペースの跡ができます。ここでの最終目標は、スムーズなパスを作成することです。ここで私はこれまで試してみましたものは以下のとおりです。試み1： noStroke

1熱

1答えて

p5.jsシェイプ調整前のアウトラインを表示する

p5.jsを使用して画面上のスライダーから派生した値を使用してオブジェクトの形状を調整するだけです。私が抱えている問題は、後で描かれた図形の輪郭が残っており、後で効果があることです。私はnoStroke()修飾子を試しましたが、単に形状を描画しません。同様に、noFill()は、より奇妙ではあるが、依然として不正確な挙動を与える。コード例：https://codepen.io/galleyw

1熱

1答えて

keyIsDown（p5.js）でシェイプを移動する方法

私はp5.jsを使ってキャンバス内でシェイプを移動しようとしています。しかし、元の位置にある図形を削除せずに、新たに割り当てられた位置に同じ図形を再描画し、一種の軌跡を残し、完全に移動しないようにするだけです。以下はYou can see the result here. 私の「プレーヤー」クラス（私は移動する形状）のコードです：これはセットアップで私のコードです function Player(

1熱

1答えて

P5jsの行の上にテキストを描く

私はグラフ理論プロジェクトをやっているので、各エッジの上にエッジの重さを表示する必要があります。現在、私はこの方法を使用しています： var x1; //starting point var x2; //ending point function setup() { createCanvas(640, 480); x1 = createVector(random(0,

1熱

1答えて

クールタの価値を得るにはAPIがないと思っていた方も

https://coolors.coが生成するカラーパレットの値を取得したいと思います。 Unfortunatelly彼らはAPIを持っていない。イベントが発生するたびに色を取得する方法や、GET要求を送信する方法があります。私はサーバを持っていません。ちょうどP5jsスケッチがcodepenにあります。 api呼び出しを偽装する方法があるので、新しい生成されたカラーパレットで配列やオブジェク

1熱

1答えて

コリジョン検出p5.js

p5.jsで簡単なポンゲームを作成しようとしています。私は最近非常にJavaScriptに入り、ボールとバットの間の衝突の検出を把握することができません。私はそれを行ういくつかの方法を試してみましたが、それは主に実行している私のコードを停止..など..任意のヘルプが大好きです！ここでは、私のソースコードです： function setup() { createCanvas(750,

1熱

1答えて

p5.jsで歪みのない2Dパーリンノイズを画像として取得するにはどうすればよいですか？

私はp5.jsでPerlinノイズ画像を描画しようとしています。私はDaniel Shiffmanのチュートリアルに続き、彼は2D Perlinノイズhereを設定する方法の例を示しています（便宜上これをthis JSFiddle sketchにロードしました）。今、私はPerlinノイズで満たされたキャンバス全体を必要としませんが、私はキャンバス内の画像ファイルのように使うことができるパーリン

0熱

1答えて

クリックしたスケッチで他のオブジェクトが静的に動いている間にオブジェクトを移動する

マウスをクリックするとアニメーションを作成しようとしています。クリックして個別のオブジェクトを追加するのは簡単です。私が望むシーケンスは以下の通りです：最初に描画されたオブジェクト（a）。最初にマウスをクリックするとオブジェクトが追加されます（b）。 2回目のマウスクリックでオブジェクトが追加されます（c）。マウスを3回クリックすると、オブジェクト（c）が画面を横切って移動して消えます。シ

1熱

1答えて

どのようにブレンドモードMULTIPLYは、すべての画像が黒にしない作り方p5jsで

私はこのcodepenを持っている：私はいくつかの形やテキストを描く、今私は形状との間の半径方向のオーバーレイを追加するワンhttps://codepen.io/giorgiomartini/pen/OjQpKd?editors=0010 テキスト。だから私はdrawgradient機能を作成し、図形とテキストの間でそれを呼び出す： function drawGradient() {

0熱

1答えて

P5jsでcreateGraphics関数を使用するときの関数の実行方法は？

私はドキュメンタリーで ..私の主なスケッチにそれを貼り付けcreateGraphicsのは、別の画面上で何かを描画する機能を使用したい...と、彼らが与える例は、のようなものをやっている： var vignette; function setup(){ createCanvas(710, 400); vignette = createGraphics(400, 250);