問題タブ [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.
setinterval - p5.js のシンプルな画像スライドショー
私は新しいコーダーで、p5.js で 3 ～ 5 枚の画像の単純なループまたはスライドショーを作成しようとしていますが、うまくいきません。setInterval() 関数を使用しています。助けてください。
javascript - マイク入力 iOS mediastreamtrack (Web アプリ)
携帯電話からのマイク入力が必要なプロジェクトに取り組んでいます。私は p5.js サウンド ライブラリを使用していますが、すべて Android (Chrome) で正常に動作しています。残念ながら、iOS (Safari と Chrome の両方) で Web サイトを開くと、「mediastreamtrack はサポートされていません」というメッセージが表示されます。
いくつか検索したところ、Safari や iOS では一般的にサポートされていないようです。これまでのところ解決策を見つけることができませんでした。これを修正する方法、回避する方法はありますか? getLevel()、fft.analyze()、および fft getEnergy() を使用しています。しかし、レベルを取得するだけで十分です。
基本的に、特定のレベルを超える入力があるかどうかを調べたいだけです。そのためのアプリを作成することを避け、機能を Web サイトに実装したいと考えています。
ありがとうございました！
javascript - 私の p5.js キャンバス ウィンドウは、コードを実行するたびに変化し続けます。どうすればこれを止めることができますか?
今日、p5.js エディターをダウンロードしたばかりで、主に楽しみで遊んでいます。ただし、createCanvas() を使用すると、結果のウィンドウが正しいサイズになるのは、コードを初めて実行するときだけであることに気付きました。それ以降は毎回、ウィンドウの高さが少しずつ減少し、ウィンドウの幅が同様の量だけ増加します。
以下は私のコードです：
コードを最初に実行した後のウィンドウは次のようになります。ウィンドウの寸法は、キャンバスの寸法と完全に一致します。
コードを 3 回閉じて実行した後のウィンドウは次のようになります。このウィンドウの変形は、文字通りタイトル バーだけが残るまで、このように続きます。
createCanvas(displayWidth, displayHeight) を使用しても問題が解決しない
Windows 用の p5.js エディターの最新ビルド (現在は 0.5.10) を使用しており、Windows 10 で実行しています。この問題に関する他のユーザーのレポートが見つからないため、行き詰まりを感じています。それは大きな問題ではありませんが、煩わしいほど不便です。
何が原因で、どうすれば修正できますか?
助けてくれてありがとう！
javascript - JavaScript/p5.js で 1 行の文字列を複数行の文字列に分割する
p5.js スケッチを介して JavaScript で呼び出している .csv ファイルがあります。フィールドの 1 つには、103 文字から 328 文字の範囲の文が含まれています。私のスクリプトはデータを呼び出し、キャンバスにランダムに表示します。一部の文章は非常に長いため、キャンバスにうまく収まらないため、2 行または 3 行の文字列に分割したいと考えています。
JavaScript のドキュメントでTemplate LiteralsとRegExpを読みましたが、すべての例で変数として書き出された文字列変数を使用しています。たとえば、私のデータの場合は次のようになります。
これTemplate Literalは、複数行のオブジェクトとしてキャンバスに印刷されます。しかし、私がする必要があるのは、JavaScript に、データ内のステートメント配列から複数行のオブジェクトを作成させることです。
文の色、サイズ、x/y 配置、および動きをフォーマットすると がconstructorあります。prototype
だから私が疑問に思っているのは、データにRegExp, likeを作成してString.split("[\\r\\n]+")追加する必要があるかどうかということだ\r\nと思います。で試してみましたがStatement.display.prototype、ステートメントが読み込まれないため、スクリプト全体が壊れているように見えました。
編集:最小限の、完全な、検証可能な例を作成しなかったために釘付けになったので、この編集をいくつかの恐怖で追加しています。そうは言っても、これが私のコードの上部です。
分割しようとしているデータ型のコンテキストを提供するためだけに追加しました。分割を行うことができるポイントが 2 つあるようです:statementセットアップで作成された配列、またはstatementsコンストラクターからの配列です。つまり、データ ファイルに移動して\n分割したい場所を追加した場合、これは 20 個のステートメントしかないので簡単ですが、RegExpこれらの行を分割する をどのように、どこで作成するのが最善でしょうか?