Maison >interface Web >js tutoriel >Dessinez sur le canevas HTML sans code

Dessinez sur le canevas HTML sans code

Patricia Arquette
Patricia Arquetteoriginal
2024-10-29 13:07:29863parcourir

Draw on the HTML canvas without code

Je créais récemment un jeu web. Maintenant, en créant des graphiques pour ce jeu (personnages, carte, etc.), j'ai vu que sous l'API HTML Canvas, dessiner même une seule ligne prenait 4 lignes de code-

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

Je savais que des choses comme cartographier des coordonnées et réécrire des méthodes répétées pouvaient facilement être réalisées par un outil sans code. Cela a conduit à la création de Canvascript. C'est un outil open source dont le but est d'accélérer le temps nécessaire à la création de graphismes de jeux Web.

L'utilisation est simple, dessinez sur le canevas, puis cliquez sur le bouton Générer pour obtenir le code permettant de restituer le design sur le canevas HTML réel. Vous pouvez utiliser l'outil ici. Nous avons également un serveur Discord.

Qu'en pensez-vous ? des commentaires ou des suggestions ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn