Zeichnen Sie ohne Code auf der HTML-Zeichenfläche

Ich habe kürzlich ein Webspiel erstellt. Als ich nun Grafiken für dieses Spiel erstellte (Charaktere, Karte usw.), sah ich, dass unter der HTML-Canvas-API das Zeichnen selbst einer einzelnen Zeile vier Codezeilen erforderte –

ctx.beginPath();
ctx.moveTo(100, 150);
ctx.lineTo(100, 200);
ctx.stroke();

Ich wusste, dass Dinge wie das Zuordnen von Koordinaten und das Umschreiben wiederholter Methoden problemlos mit einem No-Code-Tool erledigt werden können. Dies führte zur Entwicklung von Canvascript. Es handelt sich um ein Open-Source-Tool, dessen Zweck darin besteht, die Erstellung von Webspielgrafiken zu beschleunigen.

Die Verwendung ist einfach: Zeichnen Sie auf der Leinwand und klicken Sie dann auf die Schaltfläche „Generieren“, um den Code zum Rendern des Designs auf der eigentlichen HTML-Leinwand zu erhalten. Sie können das Tool hier verwenden. Wir haben übrigens auch einen Discord-Server.

Was denkst du darüber? Gibt es Feedback oder Vorschläge?

Das obige ist der detaillierte Inhalt vonZeichnen Sie ohne Code auf der HTML-Zeichenfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!