問題タブ [p5.js]

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 に答える
1827 参照

javascript - これらの変数を p5 関数でグローバルに参照できないのはなぜですか?

特別に定義された p5 関数がグローバルに定義された変数を参照する方法を理解できません。このような関数 (定数が p5 関数の引数をローカルに提供する) は問題なく動作します。

しかし、何らかの理由で、次のような楕円を描くことができません。

どうやら setup 関数は、グローバル変数を参照するキャンバスを作成します。ただし、 draw 関数はそれらを参照していないようです。ここで何が欠けていますか?助けてくれてありがとう。

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

canvas - p5js でテキストを更新する

グローバル変数から更新される描画ループで定義されたテキストがあります。

問題は、変数levelpointsを更新すると、以前のテキスト描画がキャンバスに残り、更新されたバージョンが他の数字で消された数字になることです。更新時にキャンバスから以前の番号を消去するにはどうすればよいですか?

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

javascript - p5.j​​s でシェイプを作成するための for ループ

私はコーディングと P5.js での作業が初めてです。互いに数ピクセルの間隔をあけて 3 つの矢印を作成したいと思います (それらの間のスペース/距離は私にはあまり関係ありません。3 つの矢印を生成したいだけです)。

for ループ、変数、および関数を練習することでこれを実行しようとしていますが、何も機能していないため、自分でこれを複雑にしすぎている可能性があります。beginShape() を使用して矢印を作成し、頂点を設定してから、関数として設定しました。次に、関数を変数に設定し、for ループで 3 つの矢印を出力したいと思います。

私はここでクレイジーですか/私が何をしているのかわかりません/ループなどの動作に関する私のロジックは間違っていますか? 家庭教師が必要です、ハハ。どんな助けでも大歓迎です!これが私のコードです (上部のコメントアウトされたビットは、クラスの宿題の指示です) 実行すると、1 つの矢印が表示されます。

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

javascript - p5.j​​s で For ループからのテキスト出力を別の値に置き換える方法

ここで p5.js をコーディングして作業するのは初めてです...苦労は本当です。デジタル時計を作成し、配列と for ループを使用して、時計の時間値を周辺 (1-12) に出力しました。時計も刻みました。また、ティッカーが特定の値を超えると、ティッカーの横のテキストが「人間!」から変わるように設定しました。「オオカミを着る!」(奇妙なプロジェクト、私は知っています。)ティッカーが事前に設定された値を通過するたびに、時計の時間の値を 1 ~ 12 の範囲で変更して、代わりに「HOWL」と表示するようにコードを設定しました。ただし、「HOWL」という単語の後ろに 1 ~ 12 の時間値の数字がまだ表示されており、それらを削除する方法がわかりません。

どうすればいいですか?アドバイスをありがとう!コードは以下のとおりです。

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

javascript - P5.js でリサージュ曲線を使用しながら新しいフレームに画像を描画する

私はp5.jsで作業しており、リサージュ曲線を作成し、ウサギを描いています(イースターの精神で、私は思います)。うさぎの頭を、流れ星の星の部分のように、リスーカーブに合わせて跳ねさせたいと思います。ただし、現在、すべての「ポイント」でウサギを出力しているため、百万のウサギの頭が画面を埋め尽くしています。曲線に沿ってウサギの頭のぼやけたストリームを出力するのではなく、曲線に沿って画面に沿って跳ねるようにするにはどうすればよいですか?

これは、ウサギがリサジュー曲線と同じループにいる可能性があるという事実と関係があると感じています. ウサギ用に別の関数とリサージュ曲線を作成しようとしましたが、いくつかの変数をいじってみましたが、私はこれに非常に慣れていないので、まだロジックの助けが必要です. 助けてくれてありがとう!そして、答えを少し説明していただければ、次回は自分でできるようにできる限り多くのことを学ぼうとしているので、本当に、本当に感謝しています. ありがとうございました!

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

javascript - 同じ Sublime Text ウィンドウで paper.js と p5.js を使用する

p5.j​​s と paper.js を使用して Web サイトで自分の作品を表示しようとしています。

同じ Sublime Text HTML ウィンドウで 2 つの異なる JavaScript ライブラリを使用できますか?

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

javascript - P5.js で特殊文字の周囲のスペースを削除する

p5.j​​s の RiTa ライブラリを使用して、詩から「マッド ライブラリ」を作成しています。文字を正しく出力するために、rita.tokenize 関数を使用して、各単語/文字を配列内の値にしました。次に、textWidth() を使用して文字を適切に出力し、すべての配列値の周りに " " を追加して、単語がこのように一緒にならないようにしました。ただし、これを行うことで、コンマ、ピリオド、疑問符などの周りに余分なスペースも入れてしまい、奇妙に見えます。これらを選択的に削除するにはどうすればよいですか? 私は JavaScript でそれを調べていましたが、p5.js と RiTa については特に何も見つかりません。句読点を識別し、ブールステートメントを使用してこれを修正する方法はありますか? または、配列を捨てて文字列を使用してこれをハードコーディングする必要がありますか? 手伝ってくれてありがとう!(コメントアウトした部分は無視してください。余分なテキストで遊んでいます)。クレア

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

javascript - p5.j​​s で変数が定義されていない理由がわかりません

これはこれまでで最も単純な質問だと確信していますが、私の友人と私は p5.js でペアコーディングを行っており、以下のコードがエラーをスローしている理由を理解できません: Uncaught ReferenceError: RiLexicon is not defined

基本的にまったく同じ場所にすべてのコードを配置して、同様のプロジェクトを実行しましたが、うまくいきました。たぶん、私たちはこれをあまりにも長く見つめていて、気が狂っていますか? 助けてください!ありがとうございました!