p5.j​​sとは何ですか?

p5.js は、クリエイティブ コーディング用の JavaScript ライブラリです。プロセッシングをベースとしたクリエイティブなコーディング環境です。元々は Ben Fry と Casey Reas によって開発されました。処理の主な焦点は、初心者がインタラクティブなグラフィカル アプリケーションの作成方法をできるだけ簡単に学習できるようにすることであり、視覚化を通じてプログラミング言語をより使いやすくします。

JavaScript プログラミング言語を使用する利点は、その幅広い可用性とユビキタスなサポートです。すべての Web ブラウザには JavaScript インタプリタが組み込まれているため、p5.js プログラムはどの Web ブラウザで実行しても使用できます。

さらに、Processing は、プログラマーがソフトウェア プロトタイプを迅速に作成して、新しいアイデアを試したり、何かが機能するかどうかを確認したりする実現可能性を重視した言語です。このため、処理 (および p5.js) プログラムは「スケッチ」と呼ばれることがよくあります。

p5.js の公式ドキュメントでは、Bracket または Sublime を使用し、次に JavaScript ファイルを含めることを推奨し、最終的には他のプログラミング言語と同様に動作するようにしています。ただし、オンラインの p5.js Web エディターが最良の選択です。 Webベースのプログラミング環境です。

p5.js と JavaScript の違いは何ですか?

JavaScript は、ブラウザーであらゆる機能を構築するためのすべての機能を提供するコア言語です。ループ、関数、条件、DOM 操作、イベント、キャンバスなどを使用できます。したがって、それを使用して任意のフレームワークを開発および設計できます。

p5.js は JavaScript ライブラリです。 p5.j​​s は純粋な JavaScript 上で実行され、JavaScript ユーザーが Web 上で簡単に描画できるようにするいくつかの機能を提供します。

例:

function setup() { 
  createCanvas(400, 400); //画布大小400*400 
} 
  
function draw() { 
  background('blue'); //背景颜色蓝色 
}

出力:

setup(): これは、setup() 関数内のステートメントです。プログラムの先頭で 1 回実行されます。 createCanvas は最初のステートメントである必要があります。

draw():draw() 内のステートメントは、プログラムが停止するまで実行されます。各ステートメントは順番に実行され、最後の行が読み取られた後、最初の行が再度実行されます。

p5.js 公式 Web サイト: https://p5js.org/

以上がp5.j​​sとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。