Utilisateur:Antonydbzh : Différence entre versions
(→test MQTT et Node-red) |
(→test MQTT et Node-red) |
||
Ligne 359 : | Ligne 359 : | ||
<script> | <script> | ||
− | const client = mqtt.connect(' | + | const client = mqtt.connect('ws://poclpokou:pokou@debrouillards.ddns.net:1884', { |
clientId: 'WikiTestDemo' | clientId: 'WikiTestDemo' | ||
}); | }); | ||
Ligne 365 : | Ligne 365 : | ||
client.on('connect', function() { | client.on('connect', function() { | ||
console.log('connected!'); | console.log('connected!'); | ||
− | client.subscribe('Poke'); | + | client.subscribe('/Poke'); |
}); | }); | ||
Ligne 373 : | Ligne 373 : | ||
document.querySelector('button').addEventListener('click', function() { | document.querySelector('button').addEventListener('click', function() { | ||
− | client.publish('Poke', 'pokou'); | + | client.publish('/Poke', 'pokou'); |
}); | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | |||
==MQTT over Websocket== | ==MQTT over Websocket== | ||
* https://www.youtube.com/watch?v=ROeT-gyYZfw | * https://www.youtube.com/watch?v=ROeT-gyYZfw |
Version du 19 décembre 2021 à 19:57
Intéressant nouveau type de pad : https://demo.codimd.org/ Bonjour,
Je m'occupe des usages du numérique et de l'innovation aux petits débrouillards Grand Ouest. on peut me joindre par téléphone au 06 85 17 62 95 et par mail en cliquant ici.
https://code.highcharts.com/highcharts.js
Sommaire
- 1 A explorer
- 2 Mon capteur
- 3 Standards de code en C++
- 4 janvier2020
- 5 test encapsul pad
- 6 des gens qui font des trucs
- 7 Mes raccourcis
- 8 idées
- 9 robots
- 10 Quelques envies
- 11 relire
- 12 docs
- 13 outils
- 14 Réflexion Fablab
- 15 comment faire un tableau
- 16 en cours
- 17 ou faire ses courses
- 18 Les machines qui me plaisent
- 19 mes tests
- 20 mapping vidéo avec processing
- 21 Autres sources
- 22 test MQTT et Node-red
- 23 MQTT over Websocket
A explorer
- https://cargocollective.com/toydesign/Praxinoscope
- https://www.playmodes.com/portfolio-category/coding/
- http://www.vivienroussel.com/memoire/
- https://arduino-france.site/jeu-dinosaur/
- https://www.aranacorp.com/fr/rendez-votre-robot-interactif-avec-un-ecran-lcd16x2/
- https://histoiresetfablab.wordpress.com/
- TagTool pour iPad uniquement : https://www.omai.at/tagtool/
- https://www.tubefr.com/comment-construire-une-valise-tagtool.html
ecran LCD 1602 I2C
Mon capteur
Standards de code en C++
janvier2020
- MPR121, la touchboard inspirée de bare conductive : https://www.hackster.io/talofer99/turn-almost-any-surface-into-a-touch-button-with-mpr121-cc4205
- esp32 cam, la voiture avec camera : https://www.youtube.com/watch?v=HedMwVT6J3M
poule story : https://www.hackster.io/BnBe_Club/video-capture-using-the-esp32-cam-board-c61ad7
au sujet ds diférence de wifi 5 et 2,4Ghz : https://www.linksys.com/fr/support-article?articleNum=134478
interface Raspi : https://www.networkshare.fr/2015/05/tuto-dashboard-raspberry-pi-dashing/
test encapsul pad
des gens qui font des trucs
- http://www.antoninfourneau.com/
- https://www.niklasroy.com/workshop/69/surprise-control
- Hannah Perner-Wilson Voir ici http://www.kobakant.at/DIY/ et là https://www.youtube.com/watch?v=h6P8DzEG_7A
- Coralie Gourguechon : https://www.coraliegourguechon.fr/Anatomical-board-of-a-speaker
- http://arborescenceselectroniques.com/
- http://florianpineau.fr/
Mes raccourcis
- helppage|help
- Le menu de gauche est éditable (avec les droits admin pour éviter les abus) via la page Mediawiki:sidebar.
Les éléments de menu y sont organisés comme des listes à puces, où les puces de premier niveau sont des sous-ensembles du menu et les puces de deuxième niveau des éléments (en général des liens)
Doc brodeuse numérique
- Sur le wiki de ping : https://fablabo.net/wiki/Brodeuse_Num%C3%A9rique_BrotherNV800E/Modedemploi/Modedemploi
- logicile open-source forké de Inkscape : https://inkstitch.org/
- modèle acquise par la ville de Brest sur recommandation des Fabriques : Memory Craft 500E
Les messages généraux
Il sont diffusés sur toutes les pages.
Par exemple, le code suivant :
[[Fichier:BC2017.png|50px]] <font color="#b13ebf"> {{grossir|Nouveau en mars 2019 : Mise à jour du site et nouvelle barre d'édition}} </font>
donne en haut de toutes les pages du wiki, l'affichage suivant :
Nouveau en mars 2019 : Mise à jour du site et nouvelle barre d'édition
idées
- jeu éducatif au code "Primo" : https://www.kickstarter.com/projects/1039674461/primo-teaching-programming-logic-to-children-age-4?ref=category
- un oeil sur Kano : https://www.kickstarter.com/projects/alexklein/kano-a-computer-anyone-can-make
- http://www.laboiteverte.fr/des-cubes-qui-sarrangent-de-differentes-manieres/
Machine à Cocktails : http://yujiangtham.com/2014/05/30/build-your-very-own-drink-mixing-robot-part-2/
robots
https://www.youtube.com/watch?v=8VvYu1fWyxA
Quelques envies
http://www.instructables.com/id/Wiebelbot/?ALLSTEPS
http://3dprint.com/17665/robopuppet-3d-print/
http://3dprint.com/19709/3d-printed-zortrax-robots/
relire
http://wiki.fablab.is/wiki/ConditionsForFabLabLabel/fr
http://wiki.fablab.is/wiki/Portal:Labs
docs
argile virtuelle : http://vrclay.com/
logicielle de création pour découpage 2D et structures en faite par assemblage de plans : http://flatfab.com/
site de DiY : http://www.humanosphere.info/2014/10/fabriquer-vos-meubles-ca-vous-dirait-des-plans-gratuits/
outils
Réflexion Fablab
https://lite2.framapad.org/p/TlauzTjtu2
critique Fabab (source : liste fablab-fr, mail de Thomas Fourmond) :
- http://www.plateforme-echange.org/spip.php?article102
- http://usinette.org/le-projet-usinette/article/usinette-hors-sujet-fablab
- http://sniadecki.wordpress.com/2012/11/16/louart-fab-labs/
- http://www.fypeditions.com/resoudre-laberration-du-solutionnisme-technologique-evgeny-morozov/
- http://lepassagerclandestin.fr/catalogue/essais/utopie-du-logiciel-libre.html
comment faire un tableau
Texte de l’en-tête | Texte de l’en-tête | Texte de l’en-tête |
---|---|---|
Texte de la cellule | Texte de la cellule | Texte de la cellule |
Texte de la cellule | Texte de la cellule | Texte de la cellule |
Texte de la cellule | Texte de la cellule | Texte de la cellule |
en cours
demande licence Solidworks effectuée le 25 février sur le site http://www.fabfoundation.org/fab-lab-resources/
cela prend quelque semaines
ou faire ses courses
http://www.hobbyking.com/hobbyking/store/__662__HXT900_9g_1_6kg_12sec_Micro_Servo.html
Les machines qui me plaisent
- http://www.makeblock.cc/xy-plotter-robot-kit/
- https://glowforge.com/
- http://latelier-des-chercheurs.fr/
mes tests
Fichier:HP Outil Idéalisation-2.odt
Fichier:HP Portrait chinois-2.odt
mapping vidéo avec processing
Traduction sauvage de la page : https://fh-potsdam.github.io/doing-projection-mapping/processing-keystone/
Taille vidéo projecteurs :
- 1080p : 1920 X 1080
- 720p : 1280 X 720
- 480p : 720 X 480
- 4K : 3840 X 2160
- 8K : 7680 X 4320
Nous devons d'abord ajuster la taille du sketch à la sortie de nos projecteurs. Recherchez la ligne suivante et insérez la largeur et la hauteur de votre projecteur (dans cet ordre).
size (800, 600, P3D);
Lors de l'exécution de notre sketch, nous obtiendrons maintenant une fenêtre qui correspond à notre sortie. Exécutez-le comme une fenêtre plein écran en appuyant sur le bouton d'agrandissement en haut de celui-ci ou démarrez le sketch en mode présentation directement à partir de Traitement.
Keycombo | Description |
---|---|
⌘ + R | exécute le sketch |
⇧ + ⌘ + R | exécute le sketch en mode présentation |
Le paramètre suivant que nous devons ajuster est la ligne qui crée notre surface. Recherchez la ligne suivante et modifiez les valeurs à la taille souhaitée ou laissez-les telles quelles. Selon ce que devrait être votre sortie.
surface = ks.createCornerPinSurface(400, 300, 20);
Le premier paramètre est la largeur - width -, le second la hauteur - height - et le troisième la résolution - resolution - de la surface. Ces valeurs doivent correspondre au paramètre suivant que nous devons ajuster.
offscreen = createGraphics(400, 300, P3D);
Il s'agit de la taille des graphiques que nous allons générer dans Processing. Nous ne rendons rien directement dans la fenêtre de l'application. Au lieu de cela, la bibliothèque prend un graphique rendu hors écran et le déforme dans la surface du coin. Cela signifie que chaque sortie graphique de Processing que nous voulons avoir déformée doit être appelée comme un descendant de l'objet offscreen PGraphics. Voir la référence Processing pour plus d'informations. Les lignes suivantes dans l'esquisse obtiennent la position transformée de la souris et ajoutent la sortie graphique au tampon hors écran.
PVector surfaceMouse = surface.getTransformedMouse(); offscreen.beginDraw(); offscreen.background(255); offscreen.fill(0, 255, 0); offscreen.ellipse(surfaceMouse.x, surfaceMouse.y, 75, 75); offscreen.endDraw();
Tout ce que vous voulez sur votre objet doit être entre les lignes offscreen.beginDraw(); et offscreen.endDraw();. Après cela, nous envoyons l'objet PGraphics à la surface Keystone et le rendons à l'écran avec la ligne suivante.
surface.render(offscreen);
Vous pouvez maintenant déformer votre surface. Appuyez sur «c» et vous obtiendrez des poignées à chaque coin. pour plus de commodité, deux autres commandes sont implémentées. «S» enregistre votre scène dans un fichier .xml. "L" charge une scène à partir de ce fichier.
Key | Description |
---|---|
s | sauvegarde la scène |
l | charge la scène |
c | édite les poignées à chaque coin |
Vous savez l'essentiel ! Si vous souhaitez cartographier plusieurs surfaces, il vous suffit de :
- créer un objet PGraphics pour chaque surface
- créer un objet CornerPinSurface pour chaque surface
- les initialiser
- dessiner dans vos tampons hors écran
- ajoutez-les tous à la commande surface.render (PGraphics).
Exemples
Dans le référentiel, vous pouvez trouver trois exemples de traitement. Pour les exécuter, vous devez télécharger le dossier entier et ouvrir les fichiers .pde dans Traitement. Voir le répertoire examples / Processing / Keystone pour les croquis.
Ex. CornerPin
Ceci est l'exemple de base tiré de la bibliothèque Keystone. Il déforme une surface comme expliqué ci-dessus.
Key | Description |
---|---|
s | sauvegarde la scène |
l | charge la scène |
c | édite les poignées à chaque coin |
Ex. CornerPinVideo
Key | Description |
---|---|
s | sauvegarde la scène |
l | charge la scène |
c | édite les poignées à chaque coin |
p | play/pause the video |
Cet exemple montre comment utiliser une vidéo à l'intérieur de votre surface. Vous pouvez le lire / le mettre en pause en appuyant sur «p».
Ex. CornerPinMultiSurface
L'exemple MultiSurface montre l'utilisation de deux surfaces qui forment un coin. Tous les traits de touche des exemples CornerPin s'appliquent.
Key | Description |
---|---|
s | sauvegarde la scène |
l | charge la scène |
c | édite les poignées à chaque coin |
Référence Keystone
Pour un aperçu plus approfondi de la bibliothèque Keystone. Aller à : http://keystonep5.sourceforge.net/reference/index.html
Autres sources
- tuto vidéo et processing : http://www.silentlycrashing.net/p5/libs/video/
- projection sur formes 3D : https://vvvv.org/documentation/how-to-project-on-3d-geometry
- http://www.inimart.com/inimart/pmtutorial-processingspoutsyphonmapio-winosx/
Arduino et Processing
- Arduino et Processing : https://forum.processing.org/two/discussion/25365/play-video-using-processing-arduino-and-pir-sensor
- Arduino et Processing : https://discourse.processing.org/t/volume-control-with-analog-sensor-arduino-processing/6122/7
test MQTT et Node-red