問題タブ [p5.js]

私はp5jsとコード全般の初心者です。私は、DOM によって制御される 2 つの別個のスケッチを使用するクラスの 1 つの (できれば) インタラクティブな Web サイトに取り組んでいます。3D と 2D のレンダリング モードが競合していると思います。両方のスケッチは、互いに完全に独立して機能します。Chrome デベロッパーで「p5.js:16124 Uncaught not supported in p2d.Please use webgl mode」というエラー メッセージが表示されます。これが私のコードです：

HTML

スケッチ 1

スケッチ 2

私は、ユーザーが画像をアップロードし、画像の上に線を描画し、描画された形状の外側のすべてを画像からトリミングできるようにする、Processing の派生物である P5 のプログラムに取り組んでいます。

（緑の線はわざとぐるぐる回っています）

描画された線のポイントを配列に取得し、これらのポイントから形状を作成することができました。ただし、画像のトリミングは依然として問題です。

Processing には頂点でこの機能があります: ( https://processing.org/reference/vertex_.html )

ただし、P5 にこの機能があるとは思えません。スケッチ全体を処理に変換する必要はありません。P5でこれを行う方法、またはこのスケッチを処理にすばやく変換する方法はありますか?

私は p5.js を使用して、Django バックエンドから供給された json からのデータを使用して描画を行っています。次のように、スクリプト要素のhtmlドキュメントのベースレベルで定義された描画関数があります。

この関数は、次のように成功した ajax 応答を受信すると呼び出されます。私の問題は、描画機能が原因で js コンソールにエラーが表示されることです。

私の理解では、（間違っているところを修正してください）「draw」関数は「json」が存在するかどうかにとらわれず、渡されるオブジェクトの種類を待ってから、パラメータが定義されていません。これはJavaScriptの関数の考え方ではないでしょうか?? 私は何かが欠けているに違いない。この場合、json が定義されていないと不平を言うのはなぜですか?

おそらくばかげた質問ですが、これは p5js で可能ですか?

どうもありがとう！

ユーザーが好きなように入力できるフォントを作成する P5js スケッチがあります。ユーザーが結果の svg/pdf (ベクター) バージョンをダウンロードできるようにしたいと考えています。今のところ、保存順序を使用して .jpg バージョンをダウンロードし、画面のショットを保存することに成功しました。何か案は？

P5.js でクラウド パーティクル システムを作成しようとしています。PNG クラウド テクスチャで塗りつぶした楕円を多数作成する予定です。次に、これらの楕円を使用してシステムをプログラムします。

残念ながら、p5.js でテクスチャを適用しようとするとエラーが発生します。

キャッチされていない TypeError: this._renderer._getShader は関数ではありません