1:12 pourquoi tu défini la hauteur largeur directement dans la balise html et pas sur un fichier css ? on peut le faire des deux manière ou ça change quelque chose ?
Me conseillez-vous le canvas ou le svg pour les jeux ou dessins en HTML ? Le svg m'a l'air vachement + simple. Pour le cercle, il suffit de mettre dans le code HTML : (à mettre entre balise ). (fill pour la couleur intérieure du cercle, stroke pour la couleur extérieure (facultatif), cx pour la coordonnée en X, cy pour l'axe Y, et r pour le rayon du cercle). Pour le rectangle : (à mettre entre balise ). C'est vachement + simple, non ? J'utilise tout le temps le svg pour les dessins, car je peux créer mon dessin dans Illustrator (c'est un logiciel de dessin vectoriel) et il m'exporte carrément mon dessin en svg avec le code source déjà écrit. J'ai juste à ouvrir le svg (généré par Illustrator) avec mon éditeur de texte et à copier-coller le code dans mon fichier HTML. En tout cas merci pour la vidéo qui m'en apprend encore sur le HTML ! (je n'ai jamais appris le canvas).
Canvas et SVG sont destinés à faire 2 trucs différents en fait! Pour les jeux c'est en général mieux d'utiliser canvas, les perfs sont bien meilleures vu que ça ne passe pas par le DOM et que tu as l'accélération hardware dessus. Par contre si tu veux afficher tes dessins avec canvas, tu vas être obligé de les exporter en bitmap. Faut aussi chipoter pas mal pour faire certains trucs sans librairie. L'avantage du SVG c'est que c'est directement dans le DOM, tu peux sélectionner tes formes comme n'importe quelle autre balise, et comme tu dis tu peux importer tes illus directement d'un logiciel de vecto. C'est aussi redimensionnable à l'infini sans perte de qualité. Du coup pour les trucs du type graphique ou carte interactive c'est vraiment vraiment bien. Donc idéalement, SVG pour les dessins et canvas pour les jeux. Après pour des petits jeux genre snake ou pong, tu peux utiliser SVG sans souci.
S'il vous plait j'ai besoin d'aide, je veux faire un jeu de coloriage pour enfant, donc j'ai un dessin et je donne la possibilité à l'enfant de choisir une couleur et de colorer avec une partie du dessin en un seul clique, que dois-je utiliser pour faire ça? du canvas ? du SVG ?
Si tu veux au prochain live je suis rentré en train ce weekend, j'ai commencé à faire un petit jeu juste avec le canvas, je peux rendre le code un peu plus propre, bien commenter et te le filer.
coucou Anthony, ça serai pour te demander une série de vidéos, on apprend les bases du html et css, j'ai vu tes vidéos et c'est pas vraiment du niveau débutant lol. ça permettrait à ce faire une base solide,pour pas qu'on ce perd c:
mauvaise ,manière dans laquelle vous parlez ,vous devez être clair ,M puisque comme vous avez dit au début c'est un cours pour tous le monde dans y en a des gens qui ne sais rien sur ce contexte et même qui sont pas native francophone ,bon courage
Tres bien expliqué ! Félicitations !
1:12 pourquoi tu défini la hauteur largeur directement dans la balise html et pas sur un fichier css ? on peut le faire des deux manière ou ça change quelque chose ?
On peut le faire des deux manières
tu est le meilleur. ce que j'aime chez toi c'est la tonalité de ta voix😁😆😆
#BADA55 c'est vraiment #BADASS.
cc salut à vous j'espère que vous aller bien ; mais là jai une preoccupation comment fais pour insérer des mots de lien dans des rectangle de canvas
Me conseillez-vous le canvas ou le svg pour les jeux ou dessins en HTML ?
Le svg m'a l'air vachement + simple.
Pour le cercle, il suffit de mettre dans le code HTML : (à mettre entre balise ).
(fill pour la couleur intérieure du cercle, stroke pour la couleur extérieure (facultatif), cx pour la coordonnée en X, cy pour l'axe Y, et r pour le rayon du cercle).
Pour le rectangle : (à mettre entre balise ).
C'est vachement + simple, non ?
J'utilise tout le temps le svg pour les dessins, car je peux créer mon dessin dans Illustrator (c'est un logiciel de dessin vectoriel) et il m'exporte carrément mon dessin en svg avec le code source déjà écrit.
J'ai juste à ouvrir le svg (généré par Illustrator) avec mon éditeur de texte et à copier-coller le code dans mon fichier HTML.
En tout cas merci pour la vidéo qui m'en apprend encore sur le HTML ! (je n'ai jamais appris le canvas).
Canvas et SVG sont destinés à faire 2 trucs différents en fait!
Pour les jeux c'est en général mieux d'utiliser canvas, les perfs sont bien meilleures vu que ça ne passe pas par le DOM et que tu as l'accélération hardware dessus. Par contre si tu veux afficher tes dessins avec canvas, tu vas être obligé de les exporter en bitmap. Faut aussi chipoter pas mal pour faire certains trucs sans librairie.
L'avantage du SVG c'est que c'est directement dans le DOM, tu peux sélectionner tes formes comme n'importe quelle autre balise, et comme tu dis tu peux importer tes illus directement d'un logiciel de vecto. C'est aussi redimensionnable à l'infini sans perte de qualité. Du coup pour les trucs du type graphique ou carte interactive c'est vraiment vraiment bien.
Donc idéalement, SVG pour les dessins et canvas pour les jeux. Après pour des petits jeux genre snake ou pong, tu peux utiliser SVG sans souci.
S'il vous plait j'ai besoin d'aide, je veux faire un jeu de coloriage pour enfant, donc j'ai un dessin et je donne la possibilité à l'enfant de choisir une couleur et de colorer avec une partie du dessin en un seul clique, que dois-je utiliser pour faire ça? du canvas ? du SVG ?
@@suprayz5321 Si vous ne connaissez pas bien le codage des SVG je vous conseille plutôt le canvas ^^
@@dairop3220 j'avais utilisé les 2 je crois lol, merci pour la repense tardive😄
Si tu veux au prochain live je suis rentré en train ce weekend, j'ai commencé à faire un petit jeu juste avec le canvas, je peux rendre le code un peu plus propre, bien commenter et te le filer.
Bonjour, juste pour être sûr, la semaine avec le snake c'est du 9 au 15 mai ?
Super Tuto !
Merci
très stylé, merci beaucoup ^^
Moi j'ai fait un snake j'ai utiliser un tableau, et avec shift et push j'arrive a faire avancer mon snake
comment on supprime un cercle dans un canvas ?
Super vidéo :)
merci pour ton tuto ^^
coucou Anthony, ça serai pour te demander une série de vidéos, on apprend les bases du html et css, j'ai vu tes vidéos et c'est pas vraiment du niveau débutant lol. ça permettrait à ce faire une base solide,pour pas qu'on ce perd c:
Moi je peux te conseiller les cours d'openclassroom pour les bases, c'est un très bon site d'apprentissage.
Tu as aussi Codecademy, qui a un bon cour interactif sur HTML/CSS
Merci !
ça fait tellement playsire d'aprendre des nouveaux trucs :D
t'as l'air blazer
je ne comprend pas quand t explique tu pourais pas nous faire un stage gratuit en video
mauvaise ,manière dans laquelle vous parlez ,vous devez être clair ,M puisque comme vous avez dit au début c'est un cours pour tous le monde dans y en a des gens qui ne sais rien sur ce contexte et même qui sont pas native francophone ,bon courage