PROJET AUTOBLOG


Korben

source: Korben

⇐ retour index

PiPHero – Le Picture in Picture sous macOS

lundi 12 février 2024 à 09:00

Bon, si vous regardez des vidéos Youtube ou Netflix, notamment sur votre smartphone, vous connaissez sans doute la PiP (Picture In Picture) qui consiste à afficher une petite fenêtre vidéo dans un coin de l’écran pendant que vous faites autre chose sur l’appareil.

Et bien nouvelle, vous allez pouvoir faire pareil sur votre Mac grâce à PiPHero, un freeware qui une fois installé, se loge dans la barre de menu, et permet de sélectionner une fenêtre ou un écran à placer dans un coin.

Vous pouvez également choisir sa taille et en mettre plusieurs.

Bref, super pratique pour surveiller une page web ou mater une vidéo, sans avoir à garder la fenêtre focus.

Turbo Art – Jouez avec SDXL Turbo pour de la génération d’image créative et en temps réel

dimanche 11 février 2024 à 09:00

Turbo Art est un site proof of concept qui va vous permettre de jouer avec un modèle de génération d’image nommé SDXL-Turbo.

Pour rappel, c’est un modèle text2image, rapide et avancé, capable de générer des images photo-réalistes à partir d’une simple consigne textuelle en une seule évaluation de réseau neuronal. Sa performance exceptionnelle en termes de vitesse et de qualité d’image le rend particulièrement utile pour des tâches qui nécessitent une génération d’image rapide et précise à partir d’un texte. Mais le mieux c’est encore de le tester au travers de Turbo Art.

Sur Turbo Art que vous pouvez également auto-héberger, vous allez pouvoir importer une photo et la retravailler en temps réel à l’aide d’un prompt, mais également de quelques outils pour redessiner par-dessus. J’ai ajouté un petit chapeau bleu à ce toutou en indiquant que je voulais en faire un ourson de dessin animé type Pixar.

Et même chose pour mon chat, mais avec un bonnet de Noël.

Rigolo non ? Et surtout ça permet d’apprivoiser en douceur ce genre de techno. Turbo Art offre également une fonctionnalité Enhance qui vous permettra d’améliorer l’image en testant d’autres générations et bien sûr de télécharger le rendu final pour vous en faire un avatar ou une illustration quelconque.

À tester ici.

Canvas Confetti – Mettez de la joie sur votre site web avec cette lib d’explosion de confettis

samedi 10 février 2024 à 09:00

Si vous codez vous-même votre site web et que vous avez envie d’ajouter un peu de fiesta, de bonne humeur et de célébration à celui-ci, j’ai la lib qu’il vous faut.

Cela s’appelle Canvas Confetti et ça permet d’ajouter en animation de confetti, d’émoji ou de neige à vos pages web.

Pour l’installer, rien de plus simple:

npm install canvas-confetti

Importez ensuite la bibliothèque Canvas Confetti dans votre fichier JavaScript où vous souhaitez utiliser l’animation du confetti comme ceci :

import confetti from 'canvas-confetti';

Pour lancer l’animation du confetti, appelez la fonction confetti() sans paramètres ou avec des options personnalisées. Voici un exemple de lancement de l’animation par défaut :

confetti();

Et voici un exemple de lancement de l’animation avec des options personnalisées :

confetti({
  particleCount: 150, // Nombre de confetti à lancer
  spread: 180, // Angle maximal de dispersion des confettis
  startVelocity: 30, // Vitesse initiale des confettis
  origin: {
    x: Math.random(), // Position initiale aléatoire des confettis sur l'axe horizontal
    y: Math.random() - 0.2 // Position initiale légèrement plus élevée sur l'axe vertical
  },
  colors: ['#ff0000', '#00ff00', '#0000ff'], // Couleurs des confettis
  shapes: ['square', 'circle', 'star'], // Formes des confettis
  scalar: 2 // Taille des confettis
});

Pour réinitialiser l’animation du confetti et effacer tous les confettis en cours d’animation, utilisez la méthode confetti.reset() :

confetti.reset();

Si vous souhaitez limiter l’espace sur votre page où les confettis apparaissent, vous pouvez utiliser un canvas personnalisé. Pour cela, créez un élément <canvas> dans votre HTML et appelez la fonction confetti.create() en lui passant l’élément <canvas> et des options globales facultatives :

const canvas = document.createElement('canvas');
document.body.appendChild(canvas);

const myConfetti = confetti.create(canvas, { // Options globales facultatives
  resize: true, // Permet de redimensionner le canvas en fonction de la fenêtre
  useWorker: true // Utilise un web worker pour le rendu du confetti
});

myConfetti({ // Options personnalisées
  particleCount: 100,
  spread: 160
  // Autres options personnalisées
});

Enfin, si vous souhaitez créer des confettis personnalisés à partir d’une forme SVG ou d’un texte, utilisez les méthodes confetti.shapeFromPath et confetti.shapeFromText :

const pathShape = confetti.shapeFromPath({ path: 'M0 10 L5 0 L10 10z' }); // Forme SVG

const textShape = confetti.shapeFromText({ text: '🐈', scalar: 2 }); // Texte personnalisé

confetti({
  shapes: [pathShape, textShape],
  scalar: 2
});

Le mieux reste d’aller faire un tour sur la page de démo qui comporte également des exemples d’intégration.

Un tutoriel pour mettre en place Syncthing

vendredi 9 février 2024 à 14:32

Si vous me suivez depuis longtemps, vous connaissez forcément Syncthing puisque j’en ai déjà parlé un bon paquet de fois. Mais ça faisait longtemps et dans le cadre de mon Patreon Privé Premium++ Rotomoulage Sélectif qui permet à l’élite de la crème de la nation d’avoir des contenus originaux merveilleux de moi-même sur des canaux exclusivement exclusifs, j’ai réalisé une vidéo tutoriel sur le sujet.

Synchting, c’est le Dropbox du pauvre libriste et ça permet très facilement de mettre en place sur toutes vos machines Linux, Windows, macOS et plus, de la synchronisation chiffrée dans les deux sens ou en sens unique, de vos fichiers. Ça repose sur du protocole P2P, donc c’est super rapide, ça passe partout, même à travers vos firewalls et c’est vraiment un game changer pour ceux qui aiment avoir leurs documents sous la main, peu importe l’appareil qu’ils utilisent ou l’endroit où ils se trouvent.

Voilà, j’espère que ça vous plaira. N’oubliez pas de nous rejoindre sur Patreon, et le cas échéant, de vous abonner à ma chaine YouTube.

Exolegend #2 – Plongez au coeur de la robotique avec le hackathon d’Exotec

vendredi 9 février 2024 à 10:30

— Article en partenariat avec Exotec —

Il y a 10 jours, j’ai eu l’immense plaisir d’assister à l’annonce d’Exolegend #2 pour faire un petit reportage et découvrir cet événement unique en son genre. Exolegend, initié par Exotec, est un hackathon de programmation robotique qui se tiendra du 16 au 18 février à Lille, au BTWIN Village.

Vous vous en doutez, ce n’est pas un simple événement, mais une expérience immersive où les participants vont devoir relever le défi de programmer des robots qui devront évoluer dans un labyrinthe et combattre leurs pairs.

Pour la petite histoire, Exotec est une société qui conçoit des systèmes automatisés pour les usines et les entrepôts. Ils développent notamment le Skypod, un robot qui permet aux entreprises d’automatiser toute la gestion logistique dans leurs entrepôts.

Ce robot, déjà adopté par Décathlon, Carrefour, Geodis…etc, est capable de transporter jusqu’à 30kg de marchandises en vue de préparer des commandes, atteignant des vitesses allant jusqu’à 4 mètres par seconde et accédant à n’importe quelle produit référencé en moins de 2 minutes. Il est également très agile et capable de se déplacer en trois dimensions (oui, il grimpe jusqu’à 12 mètres de haut) sans nécessiter la mise en place d’infrastructure complexe.

L’objectif d’Exolegend est de faire connaitre leur savoir faire mais également recruter les ingénieurs les plus talentueux. Le programme de cette édition 2024 est plutôt captivant, vous allez voir. Les participants à ce hackathon n’ont pas besoin d’être déjà experts en robotique et auront à leur disposition un simulateur ainsi que des robots prêts à l’emploi. Et leur défi sera de programmer ces robots en C++ pour relever différentes missions dans les thématiques suivantes :

  1. Conquête de territoire : Les participants devront utiliser 2 robots pour recouvrir le maximum de cases de l’arène avec de la peinture jaune ou bleue.
  2. Navigation et stratégie : Dans celle-ci, il s’agit de guider les robots à travers l’arène, en évitant les obstacles et en déployant des tactiques efficaces pour dominer au maximum l’espace.
  3. Défense et attaque : Les équipes devront protéger leurs propres robots tout en attaquant les adversaires, notamment en faisant exploser le ballon accroché sur les robots.
  4. Temps limité et terrain rétrécissant : Les matchs durent 120 secondes, et le labyrinthe rétrécit régulièrement. Le but est de gagner en couvrant le plus grand territoire et en éliminant le plus grand nombre d’ennemis.

L’événement rassemblera 50 équipes, guidées par 60 experts d’Exotec, prêtes à concourir dans une arène simulée et quatre arènes réelles. Les meilleurs participants se verront récompensés par des prix attractifs, notamment du coaching et des drones de la marque DJI.

Ce hackathon est ouvert à tous, que l’on s’inscrive seul ou en équipe, et il ne requiert pas de frais d’inscription. Les inscriptions sont closes cette année avec plus de 150 participants mais le public est le bienvenu au Btwin Village de Lille le dimanche 18 février de 9h à 16h pour assister aux finales et découvrir le pilotage de robots.

Vous trouverez toutes les informations sur Exolegend ici.