Heim  >  Artikel  >  Web-Frontend  >  Was ist p5.js?

Was ist p5.js?

藏色散人
藏色散人Original
2019-04-23 13:36:564644Durchsuche

p5.js ist eine JavaScript-Bibliothek für kreatives Codieren. Es basiert auf Verarbeitung und ist eine kreative Codierungsumgebung. Es wurde ursprünglich von Ben Fry und Casey Reas entwickelt. Das Hauptaugenmerk der Verarbeitung liegt darauf, Anfängern das Erlernen des Schreibens interaktiver, grafischer Anwendungen so einfach wie möglich zu machen und Programmiersprachen durch Visualisierung benutzerfreundlicher zu machen.

Der Vorteil der Verwendung der Programmiersprache JavaScript ist ihre breite Verfügbarkeit und allgegenwärtige Unterstützung: Jeder Webbrowser verfügt über einen integrierten JavaScript-Interpreter, was bedeutet, dass das Programm p5.js in jedem Webbrowser ausgeführt werden kann.

Darüber hinaus ist Processing eine Sprache, die die Fähigkeit von Programmierern hervorhebt, schnell Software-Prototypen zu erstellen, um eine neue Idee auszuprobieren oder zu sehen, ob etwas funktioniert. Aus diesem Grund werden Processing-Programme (und p5.js-Programme) oft als „Skizzen“ bezeichnet.

Die offizielle Dokumentation von p5.js empfiehlt die Verwendung von Bracket oder Sublime, dann das Einbinden von JavaScript-Dateien und führt uns schließlich dazu, wie jede andere Programmiersprache zu arbeiten. Aber der Online-Webeditor p5.js ist die beste Wahl. Es handelt sich um eine webbasierte Programmierumgebung.

Was ist der Unterschied zwischen p5.js und JavaScript?

JavaScript ist eine Kernsprache, die alle Features bietet, um beliebige Funktionen im Browser zu erstellen. Es können Schleifen, Funktionen, Bedingungen, DOM-Operationen, Ereignisse, Canvas usw. verwendet werden. Daher kann jedes Framework unter Verwendung davon entwickelt und gestaltet werden.

p5.js ist eine JavaScript-Bibliothek. p5.js läuft auf reinem JavaScript und bietet einige Funktionen, die es JavaScript-Benutzern ermöglichen, problemlos im Web zu zeichnen.

Beispiel:

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

Ausgabe:

Was ist p5.js?

setup(): Dies ist die Anweisung in der Funktion setup(). Es wird einmalig zu Beginn des Programms ausgeführt. createCanvas muss die erste Anweisung sein.

draw(): Die Anweisungen in draw() werden ausgeführt, bis das Programm stoppt. Jede Anweisung wird nacheinander ausgeführt, und nachdem die letzte Zeile gelesen wurde, wird die erste Zeile erneut ausgeführt.

offizielle Website von p5.js: https://p5js.org/

Das obige ist der detaillierte Inhalt vonWas ist p5.js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist Three.js?Nächster Artikel:Was ist Three.js?