code monkeys du dimanche

lapinchien · Novembre 29, 2015, 05:52:27

hello.
Je me suis vaguement remis à la programmation et je vais lancer un laboratoire d'étrangetés et de gameplays
Pour l'instant c'est pas glorieux mais vous pouvez déjà jouer avec le code si ça vous chante

http://patrick.gomez.ruiz.free.fr/canvas/exemple01

lapinchien · Novembre 29, 2015, 20:15:21

http://patrick.gomez.ruiz.free.fr/canvas/exemple01/index3.html
test 3 en ‪#‎javascript‬ ‪#‎HTML5‬ ‪#‎CS3‬ gestion d'évènements souris
Cliquez pour déclencher des explosions qui vont disperser les balles.

Dourak Smerdiakov · Novembre 29, 2015, 20:41:24

C'est pas mal visuellement. Tu sais où tu vas, une idée de jeu précise ? Ou tu fais au pif pour découvrir les possibilités du canvas ?

Par contre, sur ta page d'accueil, le menu de gauche reste vide chez moi, je ne sais si tu es au courant.

lapinchien · Novembre 29, 2015, 22:27:26

pour l'instant j'etudie un peu canevas et j'essaie de retrouver mes repères.
pour le menu de gauche de la page d'accueil, c'est juste un test de canevas qui s'adapte en fonction de la taille d'affichage.
ce n'est pas développé. je veux mettre une galerie dans une barre déroulante latérale qui se rétracte. Le tout alimenté par du contenu dans des fichiers xml. ça pourra être des retours d'appels de PHP plus tard pour l'instant ce sont juste des fichiers xml en dur.
donc en gros mes tests me permettent aussi de mettre en pratique ce que je decouvre sur le site. Pour ce dernier je souhaite pouvoir naviguer de video en video (j'utilise une librairie que je bidouille pour directement afficher des videos Youtube )

lapinchien · Novembre 30, 2015, 10:26:22

http://patrick.gomez.ruiz.free.fr/canvas/exemple01/index4.html test 4 en ‪#‎javascript‬ ‪#‎HTML5‬ ‪#‎CS3‬ effet de gravité et concrétion assez marrant avec 600 billes (gros ralentissements sur IE)
Cliquez pour déclencher des explosions qui vont disperser les balles.

lapinchien · Novembre 30, 2015, 20:32:37

http://patrick.gomez.ruiz.free.fr/canvas/exemple01/index5.html test 5 en ‪#‎javascript‬ ‪#‎HTML5‬ ‪#‎CS3‬ insertion de texte
Premier petit gameplay : Cliquez pour déclencher des explosions. Les balles prises dansle souffle d'une explosion, explosent. L'explosion générée par une explosion de rang N est de rang N+1. Une explosion de rang N rapporte N points aussi le but est de créer les réactions en chaîne les plus longues.

lapinchien · Décembre 01, 2015, 18:09:22

http://patrick.gomez.ruiz.free.fr Bienvenue à toi, barre latérale rétractable et redimensionnée en fonction de la taille de la fenêtre ‪#‎HTML5‬ ‪#‎CSS3‬ ‪#‎javasccript‬ ‪#‎canvas‬ #CMB

Dourak Smerdiakov · Décembre 04, 2015, 22:00:02

Toute la barre de menu à gauche est dans un canvas ? Si oui, tu y vois un avantage particulier ou c'est juste pour l'envie de jouer avec l'objet canvas ?

Je me faisais la réflexion que si tu cherchais un sujet d'exercice pour continuer à explorer ça, tu pouvais nous améliorer le compteur Saint-Con. J'avais ce truc généré en php gd, mais c'est limité et je suis nul pour faire des trucs bien visuellement : http://www.lazone.org/images/reclameSaintCon (noter la taille 150x75 comme pour les vignettes). Juste une idée qui m'était venue l'autre jour en regardant tes tests, si ça t'amuse. Si jamais, éviter de faire un truc trop lourd à charger, évidemment, et puis éviter le son, je dirais.

N.B. : c'est peut-être justifié pour les gens à qui s'adresse ta page d'accueil mais, perso, une page qui m'ouvre d'office une vidéo bruyante, ça me donne toujours envie de refermer l'onglet illico.

lapinchien · Décembre 04, 2015, 22:51:17

oui ça me parait marrant,
je peux même faire un jeu saint con maintenant en javascript
la je dois partir une quelques jours en opération commando et en fonction de mon état au retour je m'y penche
on pourra faire des tests avec des appels php et retour xml je pense qu'on doit pouvoir faire des trucs marrants comme des viewers

pour la barre elle est entièrement dans un canvas parce que je voulais pouvoir gérer le menu déroulant avec des formules mathématiques. ça sera dynamique quand je reprendrais le truc apres mon opération commando

lapinchien · Décembre 16, 2015, 21:34:19

http://patrick.gomez.ruiz.free.fr/canvas/exemple01/3D1.html moteur 3D filiforme - test 01 - réalisation d'une grille. Cliquez sur l'écran pour impulser une vitesse d'Euler aléatoire à la caméra. ‪#‎javascript‬ ‪#‎HTML5‬ ‪#‎CSS3‬

lapinchien · Décembre 19, 2015, 12:13:57

http://patrick.gomez.ruiz.free.fr/#id_revue Redécouvrez les 5 premiers numéros de La Revue Qui Te Parle sur le site full video d'Entertaining Monkeys #javascript #HTML5 #CSS3

Dourak Smerdiakov · Décembre 19, 2015, 13:24:45

Il me semble que ton monkey du dimanche travaille pendant la semaine et le samedi.

lapinchien · Décembre 19, 2015, 19:16:36

malheureusement sans le moindre espoir d'une quelconque rémunération

lapinchien · Décembre 24, 2015, 12:19:32

et hop ! http://patrick.gomez.ruiz.free.fr/canvas/exemple01/block1.html

Canvas - block game - test 01

test de jeu de bloc en ‪#‎javascript‬ ‪#‎HTML5‬ ‪#‎CS3‬
Pour l'instant on gère un loader de medias puis lorsqu'ils sont prêts en cache
alors on lance le jeu qui rempli la grille. Cliquez sur un bloc de couleur pour
détruire toute la zone des cellules limitrophes de la même couleur puis recommencez.

Dourak Smerdiakov · Décembre 26, 2015, 13:48:08

Citation de: lapinchien le Décembre 24, 2015, 12:19:32
et hop ! http://patrick.gomez.ruiz.free.fr/canvas/exemple01/block1.html

Canvas - block game - test 01

test de jeu de bloc en ‪#‎javascript‬ ‪#‎HTML5‬ ‪#‎CS3‬
Pour l'instant on gère un loader de medias puis lorsqu'ils sont prêts en cache
alors on lance le jeu qui rempli la grille. Cliquez sur un bloc de couleur pour
détruire toute la zone des cellules limitrophes de la même couleur puis recommencez.

Tout ce que j'ai chez moi (Iceweasel alias Firefox), c'est un genre d'allumette qui ne répond à aucun clic. Juste une barre noire avec deux carrés jaunes à gauche. Faut pas coder pendant le réveillon (je suppose que tu es au Japon, ou alors tu réveillonnes tôt).