février 2023 | Quentin Renaux

random stock photo home button par catégories

< if content: />

Sur l’accueil de ce site, un nouveau bouton discret de flèches enroulées 🔁, si on clique ce bouton, le fond de l’accueil changera par une photo aléatoire venant d’unsplash et de ces categories: foret, ville, desserts… Essaye le (accueil).

Edit de juin 2023: Nouvelle version avec des photos argentiques que j’ai prise d’amis et d’inconnus avec des lunettes 3D. à voir sur l’accueil du site.
Notamment quelques une durant le dernier anniversaire du Discobar.

—

J’ai mis le code de la V1 de ce projet en public: sur codepen
Le cube au centre de l’accueil: est en css
Je fais d’autres experience celle ci, voir: snake (en cours)

Je peux afficher la camera de mon iphone en fond de mon site ? par catégories

< if content: />

Il est possible d’afficher la caméra de l’iPhone en arrière-plan d’un site web en utilisant l’API MediaDevices de JavaScript pour accéder à la caméra et capturer la vidéo.

L’utilisateur doit d’abord donner son autorisation pour permettre à votre site web d’accéder à sa caméra. Ensuite, vous pouvez afficher la vidéo en arrière-plan d’une div de votre site web en utilisant des styles CSS. Il est important de demander l’autorisation de l’utilisateur pour protéger sa vie privée.

Je voulais tester ce que ca donnait,
le résultat : quentinrenaux.com/xp/camera/background-cam

Je joue à améliorer mon snake par catégories

< if content: />

last edit: 23 février 2023

Snake c’est le meilleur jeu au quel on a jamais joué, il nous suit depuis nos premiers telephones et même si on l’a laissé de coté, c’est un exercice assez intéressant à coder.

Durant le confinement j’avais codé une version de Snake (Voir la v1 de mon snake) mais sans vraiment de complications. Il tournait à gauche, à droite… se déplaçait de pixel en pixel, mangeait des pommes et le javascript se rechargeait à chaque frame pour crée un loop et faire avancer le jeu. Ça marchait!

Ce serait bien de l’améliorer!

Pour l’améliorer, j’essaye plusieurs choses:

Ajouter un Score -Done le 23 Février-
Ajouter un tableau de game over avec un score -Done le 2 Mars-
Ajouter un bouton pour rejouer -Done le 2 Mars-
Et la fin, le rendre jouable sur mobile grace çà des touche que j’ajoute sur l’écran lorsque l’on est sur mobile. -Done le 2 Mars-
Bien designer les boutons et faire en sorte de les afficher uniquement sur mobile -Next time-

J’en suis où ?

Hier: j’ai codé le score -Done le 23 Février-, puis quand j’ai voulu ajouter le tableau de game over avec le bouton pour rejouer le loop s’est répété à l’infini et à crée un bug, -voir video de cover↑-

Aujourd’hui: j’ai ajouté des boutons qui imitent les touches du clavier pour pouvoir jouer sur mobile et un tableau Game over avec le score qui redémarre le jeu, d’ailleurs quand on redémarre le jeu s’accélère (je ne sais pas trop pourquoi encore) et le serpent commence tout de suite plus grand (ca je l’ai mis pour tester). -Done le 2 Mars-

La prochaine fois: enlever le restart qui accélére le jeu et améliorer le design des boutons… Tu as d’autres idées ?

Je continue entre deux rendu cet article sur plusieurs semaines jusqu’à avoir fini le jeu…