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

Dessinez sur le canevas HTML sans code

Patricia Arquette
Libérer: 2024-10-29 13:07:29
original
888 Les gens l'ont consulté

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();
Copier après la connexion

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!

source:dev.to
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal