Utilisateur:Antonydbzh : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(test)
 
(156 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
[[Fichier:Geekoten-github-light.jpg|100px|gauche|picto Antony]]
 
[[Fichier:Geekoten-github-light.jpg|100px|gauche|picto Antony]]
 +
 +
 +
 +
==projet 2024==
 +
* https://www.thingiverse.com/thing:5780758
 +
 +
==test==
 +
<html>
 +
<iframe width="100%" height="800px" frameborder="0" allowfullscreen allow="geolocation" src="//umap.openstreetmap.fr/fr/map/monuments-a-voir-en-bretagne_1131971?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&editMode=disabled&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false&captionMenus=true"></iframe><p><a href="//umap.openstreetmap.fr/fr/map/monuments-a-voir-en-bretagne_1131971?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&editMode=disabled&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=none&captionBar=false&captionMenus=true">Voir en plein écran</a></p>
 +
 +
</html>
 +
 +
==Mes pages préférées==
 +
* a explorer : https://www.youtube.com/watch?v=6jzG-BMannc
 +
* le modèle de menu dataviz [[Modèle:MenuDataviz]]
 +
ServoLaser
 +
* https://github.com/vinjo-skills/laseerwithservo/blob/main/laseerwithservo.ino
 +
* https://github.com/Robu-In/Laser-Machine/tree/main/STL%20files
 +
 +
Expé
 +
* https://youtube.com/shorts/9O3FTcAA2yo?si=OUZJNEOVI9Ouopub
 +
 +
 +
 +
* https://www.the-diy-life.com/crack-the-code-game-built-into-a-diy-safe-puzzle-box/
 +
 +
* MP3-TF-16P vs DFPlayer : https://www.youtube.com/watch?v=LJXM1KGWEKg
 +
* http://digitaltown.co.uk/components17dfminiplayer.php
 +
 +
* https://www.youtube.com/watch?v=azs2dGFUoJw
 +
* https://peertube.fr/w/rcVFXvkPFbgFjuk3DjZGbR
 +
* https://www.voltpaperscissors.com/rgb-touchcube
 +
* https://scribouilli.org/
 +
* http://fabrico.fr/
 +
 +
* [[une nouvelle page préférée]]
 +
* [[Aide à la syntaxe]]
 +
* [[Mode d'emploi]]
 +
* [[Penn Avel : SOS, j'ai des problèmes]]
 +
* [https://www.instagram.com/antonydbzh/ Mon compte Instagram tralalère]
 +
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/DjN9L8Cagnw?si=nO_c--lGGaD5MmW7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
 +
</html>
 +
 +
[[Fichier:Hackathonpedagogique2015.jpg|200px]]
 +
 +
Intéressant nouveau type de pad : https://demo.codimd.org/
 
<font color="#FE2EF7">Bonjour,
 
<font color="#FE2EF7">Bonjour,
  
 
Je m'occupe des usages du numérique et de l'innovation aux petits débrouillards Grand Ouest.
 
Je m'occupe des usages du numérique et de l'innovation aux petits débrouillards Grand Ouest.
on peut me joindre sur skype/AIM/JABBER/twitter avec ce pseudo : Antonydbzh sinon par téléphone au 06 85 17 62 95 et [http://wiki.lesfabriquesduponant.net/index.php?title=Sp%C3%A9cial:Envoyer_un_courriel/Antonydbzh par mail en cliquant ici].
+
on peut me joindre par téléphone au 06 85 17 62 95 et [http://wiki.lesfabriquesduponant.net/index.php?title=Sp%C3%A9cial:Envoyer_un_courriel/Antonydbzh par mail en cliquant ici].
 +
 
 +
Discusciences : https://vimeo.com/manage/videos/18972895
 +
 
 +
https://code.highcharts.com/highcharts.js
 +
 
 +
</font color>
 +
 
 +
==Audio==
 +
===ESP32===
 +
* pour lire un fichier mp3 distant : https://github.com/RoboMagus/esphome-ESP32-audioI2S
 +
* https://circuitdigest.com/microcontroller-projects/esp32-based-internet-radio-using-max98357a-i2s-amplifier-board
 +
* https://www.instructables.com/Internet-Radio-Using-an-ESP32/
 +
* https://github.com/K1WIZ/ESP32Radio
 +
 
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/3ao87AgZ7Bc?si=kAZZprzE6L0-k0cH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 +
</html>
 +
 
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/_9_cm1Ki1rE?si=KBNQnKngKOASFsJg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 +
</html>
 +
 
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/CuziyraVFk0?si=AM5ugP-5n6yUayX6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 +
</html>
 +
 
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/24pk28oqVQI?si=od3y6tuCDYh1d9y2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 +
</html>
 +
 
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/MG1-kYFCkqI?si=3s2bgXe-zvaFPcDB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 +
</html>
 +
 
 +
===ESP8266===
 +
* https://github.com/earlephilhower/ESP8266Audio
 +
 
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/lsfUlbfeoXE?si=EDKPUtwmQgPCfU8k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 +
</html>
 +
 
 +
==Master HST==
 +
===2023-2024===
 +
* https://mypads2.framapad.org/mypads/?/mypads/group/masterhst-z91tfu9dl/pad/view/stagemediation23-24-qp1ic29f0
 +
* [[Media:ApartagerMEHST.zip|Télécharger les docs]]
 +
 
 +
===Obsolète===
 +
* musée de l'Internet : https://neal.fun/internet-artifacts/first-mp3/
 +
* [[Media:FichetypeAnimationM1-EHST-2023.odt]]
 +
* https://upload.wikimedia.org/wikipedia/commons/8/89/Blooms_rose_fr.svg
 +
* [[Media:Ficheanimation.odt]]
 +
* https://www.meirieu.com/PATRIMOINE/lespedagogues.htm
 +
* [[Media:ConnaissancedesPublics.odt]]
 +
* [[Media:Activitespourlesetudiants.pdf]]
 +
* [[Media:GrilleObservationFDLS2023.odt]]
 +
 
 +
==Réalisations en cours==
 +
==Petit bot ==
 +
https://www.instructables.com/MechaMaven-the-Educational-Robot-Explorer/
 +
 
 +
 
 +
===ESP32 MINI TV===
 +
Inspirations :
 +
* https://www.thingiverse.com/thing:6330378
 +
* https://www.instructables.com/Mini-Retro-TV/
 +
* https://github.com/atomic14/esp32-tv
 +
* https://www.youtube.com/@atomic14
 +
surtout çui-ci : https://www.youtube.com/watch?v=y51j2k0CUp8
 +
 
 +
affichage d'image sur le TFT ILI9341 : https://www.xtronical.com/esp32ili9341/
 +
 
 +
===escape game===
 +
https://gusandco.net/2024/01/31/creer-un-escape-game-pedagogique-le-guide-complet/
 +
 
 +
https://www.youtube.com/watch?v=XTrP3Fah3Fk
 +
 
 +
===satellite tracker===
 +
* https://projecthub.arduino.cc/alex_chang/satellite-tracker-21883c
 +
 
 +
===jeu à led===
 +
* Tetris geants : https://electronoobs.com/eng_arduino_tut104.php
 +
 
 +
<html>
 +
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">👉Don&#39;t forget to have fun with the kids while doing the project.<br>➡️ Follow us <a href="https://twitter.com/OffiCuteLava?ref_src=twsrc%5Etfw">@officutelava</a>👍<br>➡️ Video by <a href="https://twitter.com/stevenkroon?ref_src=twsrc%5Etfw">@stevenkroon</a> 👏👏<a href="https://twitter.com/hashtag/microcontroller?src=hash&amp;ref_src=twsrc%5Etfw">#microcontroller</a> <a href="https://twitter.com/hashtag/engineers?src=hash&amp;ref_src=twsrc%5Etfw">#engineers</a> <a href="https://twitter.com/hashtag/Electronic?src=hash&amp;ref_src=twsrc%5Etfw">#Electronic</a> <a href="https://twitter.com/hashtag/engineering?src=hash&amp;ref_src=twsrc%5Etfw">#engineering</a> <a href="https://twitter.com/hashtag/technology?src=hash&amp;ref_src=twsrc%5Etfw">#technology</a> <a href="https://twitter.com/hashtag/electronics?src=hash&amp;ref_src=twsrc%5Etfw">#electronics</a> <a href="https://twitter.com/hashtag/diyprojects?src=hash&amp;ref_src=twsrc%5Etfw">#diyprojects</a> <a href="https://twitter.com/hashtag/arduino?src=hash&amp;ref_src=twsrc%5Etfw">#arduino</a> <a href="https://twitter.com/hashtag/arduinoproject?src=hash&amp;ref_src=twsrc%5Etfw">#arduinoproject</a> <a href="https://twitter.com/hashtag/arduinofun?src=hash&amp;ref_src=twsrc%5Etfw">#arduinofun</a> <a href="https://twitter.com/hashtag/kids?src=hash&amp;ref_src=twsrc%5Etfw">#kids</a> <a href="https://twitter.com/hashtag/fun?src=hash&amp;ref_src=twsrc%5Etfw">#fun</a> <a href="https://t.co/JvCprJGtyo">pic.twitter.com/JvCprJGtyo</a></p>&mdash; Cute Lava (@OffiCuteLava) <a href="https://twitter.com/OffiCuteLava/status/1223093120054845445?ref_src=twsrc%5Etfw">January 31, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
 +
</html>
 +
* jeu pour PAPIFAB - https://www.youtube.com/watch?v=vKiWkSPpyaA
 +
* voir https://ladigitale.dev/
 +
* https://ressources.labomedia.org/boiteayeah
 +
* tuto solenoid : https://www.youtube.com/watch?v=UbvL0gGQGys
 +
* les trucs animé avec bandes noires : kinegrammes : https://www.instructables.com/Kinegram-or-Analogous-Boomerang-Animation/
 +
* Voir Capteur CO2 moins cher : SCD40 ou SCD41
 +
* Son lu par ESP8266(D1 mini) : https://www.youtube.com/watch?v=SPa9SMyPU58
 +
* wave lu par esp32 : https://www.instructables.com/ESP-32-Based-Audio-Player/
 +
 
 +
===Se former à Blender===
 +
* En général, en anglais : https://www.youtube.com/watch?v=B0J27sf9N1Y
 +
* Modéliser une banane : https://www.youtube.com/watch?v=D8g74tG9oHQ
 +
* Débutant en français : https://www.youtube.com/watch?v=WUqZkyFBtYs
 +
* débétant français modéliser un ordi : https://www.youtube.com/watch?v=d93bu-2rnOE
 +
 
 +
==Qu'est-ce donc ?==
 +
<inputbox>
 +
type=create
 +
break=no
 +
</inputbox>
 +
 
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/FW6Vx2g9OCI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 +
</html>
 +
 
 +
==40 ans des petits débrouillards==
 +
* https://www.youtube.com/watch?v=-9HLzS__r5s
 +
* https://www.youtube.com/watch?v=bScwFvvntWc
 +
* https://www.youtube.com/watch?v=Tp4rjFXos8k
 +
 
 +
 
 +
==Code Arduino==
 +
Pensez à cette formidable ressource : https://zestedesavoir.com/tutoriels/686/arduino-premiers-pas-en-informatique-embarquee/746_les-capteurs-et-lenvironnement-autour-darduino/3434_generalites-sur-les-capteurs/
 +
 
 +
 
 +
<nowiki>
 +
<syntaxhighlight lang="Arduino" line>
 +
 
 +
 
 +
</syntaxhighlight>
 +
</nowiki>
 +
 
 +
<syntaxhighlight lang="Arduino" line>
 +
/*
 +
  Blink
 +
 
 +
  Turns an LED on for one second, then off for one second, repeatedly.
 +
 
 +
  Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 +
  it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 +
  the correct LED pin independent of which board is used.
 +
  If you want to know what pin the on-board LED is connected to on your Arduino
 +
  model, check the Technical Specs of your board at:
 +
  https://www.arduino.cc/en/Main/Products
 +
 
 +
  modified 8 May 2014
 +
  by Scott Fitzgerald
 +
  modified 2 Sep 2016
 +
  by Arturo Guadalupi
 +
  modified 8 Sep 2016
 +
  by Colby Newman
 +
 
 +
  This example code is in the public domain.
 +
 
 +
  https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
 +
*/
 +
 
 +
// the setup function runs once when you press reset or power the board
 +
void setup() {
 +
  // initialize digital pin LED_BUILTIN as an output.
 +
  pinMode(LED_BUILTIN, OUTPUT);
 +
}
 +
 
 +
// the loop function runs over and over again forever
 +
void loop() {
 +
  digitalWrite(LED_BUILTIN, HIGH);  // turn the LED on (HIGH is the voltage level)
 +
  delay(1000);                      // wait for a second
 +
  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
 +
  delay(1000);                      // wait for a second
 +
}
 +
</syntaxhighlight>
 +
 
 +
 
 +
<syntaxhighlight lang="C++" line>
 +
/*
 +
  Blink
 +
 
 +
  Turns an LED on for one second, then off for one second, repeatedly.
 +
 
 +
  Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 +
  it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 +
  the correct LED pin independent of which board is used.
 +
  If you want to know what pin the on-board LED is connected to on your Arduino
 +
  model, check the Technical Specs of your board at:
 +
  https://www.arduino.cc/en/Main/Products
 +
 
 +
  modified 8 May 2014
 +
  by Scott Fitzgerald
 +
  modified 2 Sep 2016
 +
  by Arturo Guadalupi
 +
  modified 8 Sep 2016
 +
  by Colby Newman
 +
 
 +
  This example code is in the public domain.
 +
 
 +
  https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
 +
*/
 +
 
 +
// the setup function runs once when you press reset or power the board
 +
void setup() {
 +
  // initialize digital pin LED_BUILTIN as an output.
 +
  pinMode(LED_BUILTIN, OUTPUT);
 +
}
 +
 
 +
// the loop function runs over and over again forever
 +
void loop() {
 +
  digitalWrite(LED_BUILTIN, HIGH);  // turn the LED on (HIGH is the voltage level)
 +
  delay(1000);                      // wait for a second
 +
  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
 +
  delay(1000);                      // wait for a second
 +
}
 +
</syntaxhighlight>
 +
 
 +
<syntaxhighlight lang="C" line>
 +
/*
 +
  Blink
 +
 
 +
  Turns an LED on for one second, then off for one second, repeatedly.
 +
 
 +
  Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 +
  it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 +
  the correct LED pin independent of which board is used.
 +
  If you want to know what pin the on-board LED is connected to on your Arduino
 +
  model, check the Technical Specs of your board at:
 +
  https://www.arduino.cc/en/Main/Products
 +
 
 +
  modified 8 May 2014
 +
  by Scott Fitzgerald
 +
  modified 2 Sep 2016
 +
  by Arturo Guadalupi
 +
  modified 8 Sep 2016
 +
  by Colby Newman
 +
 
 +
  This example code is in the public domain.
 +
 
 +
  https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
 +
*/
 +
 
 +
// the setup function runs once when you press reset or power the board
 +
void setup() {
 +
  // initialize digital pin LED_BUILTIN as an output.
 +
  pinMode(LED_BUILTIN, OUTPUT);
 +
}
 +
 
 +
// the loop function runs over and over again forever
 +
void loop() {
 +
  digitalWrite(LED_BUILTIN, HIGH);  // turn the LED on (HIGH is the voltage level)
 +
  delay(1000);                      // wait for a second
 +
  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
 +
  delay(1000);                      // wait for a second
 +
}
 +
</syntaxhighlight>
 +
 
 +
==Pour des BAM==
 +
* https://www.voltpaperscissors.com/rgb-touchcube
 +
 
 +
==A explorer==
 +
 
 +
* https://www.kiwix.org/en/downloads/macos/
 +
* 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
 +
* https://arduinogetstarted.com/arduino-tutorials
 +
===Synthétiseur===
 +
* https://www.instructables.com/Synthesizer/
 +
* https://www.instructables.com/Open-MIDI-Sax-Build-Your-Own-MIDI-Wind-Controller-/
 +
===ecran LCD 1602 I2C===
 +
* https://arduino-france.site/lcd-1602/
 +
* https://www.electronique-kit.com/ecran-lcd-arduino
 +
 
 +
==site de bidouille numérique à explorer==
 +
* https://electropeak.com/learn/
 +
* https://www.brainy-bits.com/tutorials
 +
===robots===
 +
* https://howtomechatronics.com/tutorials/arduino/diy-arduino-robot-arm-with-smartphone-control/
 +
 
 +
===ESP8266===
 +
* https://www.youtube.com/watch?v=IIl5nDjfkjY
 +
* https://www.youtube.com/watch?v=jIOTzaeh7fs&t=152s
 +
* https://www.youtube.com/watch?v=Wm1xKj4bKsY
 +
* RNT Ruban de Led : https://randomnerdtutorials.com/guide-for-ws2812b-addressable-rgb-led-strip-with-arduino/
 +
* Wifimanager : http://www.martyncurrey.com/esp8266-and-the-arduino-ide-part-5-adding-wifimanager/
 +
* identifiant de l'esp : client.publish("DocTest/ChipID", String(ESP.getChipId()).c_str());  ESP.getChipId() renvoie un entier
 +
* https://techtutorialsx.com/2017/04/26/esp8266-flash-chip-information-functions/
 +
* https://forum.arduino.cc/t/mqtt-with-esp32-gives-timeout-exceeded-disconnecting/688723/7
 +
 
 +
===Sons===
 +
* R2D2 : https://www.instructables.com/R2D2-Sound-Generator/
 +
* Meilleure fonction tone : https://playground.arduino.cc/Code/ToneAC/
 +
 
 +
==recherches POCL==
 +
* Dessiner des formes en fonction des données https://www.open-electronics.org/draw-patterns-with-arduino/
 +
* la lutherie numérique de labomedia https://labomedia.org/oeuvres-interactives/exposition-de-lutheries-numeriques/
 +
* visualiser des capteurs avec arduino https://www.electroschematics.com/visualizing-data-arduino/
 +
 
 +
==Recherches critiques==
 +
* https://labomedia.org/labomedia/
 +
* https://artlabo.org/
 +
* https://www.makery.info/2020/02/08/les-rencontres-artlabo-recits-des-temps-futurs-a-bourges/
 +
* https://disnovation.org/index.php
 +
* https://lafun.fr/
 +
 
 +
==Reflexions IOT==
 +
* https://be-smartcity.com/2017/08/24/internet-of-things-iot-objets-connectes-et-open-data/
 +
 
 +
==Mon capteur==
 +
https://api-rrd.madavi.de/grafana/d/GUaL5aZMz/pm-sensors?orgId=1&theme=light&var-chipID=esp8266-12666278
 +
 
 +
==Standards de code en C++==
 +
* https://isocpp.org/wiki/faq/coding-standards
 +
* https://isocpp.org/wiki/faq/coding-standards
 +
 
 +
==janvier2020==
 +
<html>
 +
<div data-type="countdown" data-id="1873640" class="tickcounter" style="width: 100%; position: relative; padding-bottom: 25%"><a href="//www.tickcounter.com/countdown/1873640/compte-a-rebour-fete-de-la-musique" title="Compte à rebour fête de la musique">Compte à rebour fête de la musique</a><a href="//www.tickcounter.com/" title="Countdown">Countdown</a></div><script>(function(d, s, id) { var js, pjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//www.tickcounter.com/static/js/loader.js"; pjs.parentNode.insertBefore(js, pjs); }(document, "script", "tickcounter-sdk"));</script>
 +
</html>
 +
 
 +
<html>
 +
<iframe width="100%" height="480px" src="https://www.watchisup.fr/compte-a-rebours/embed/super-brest-2023-11-24-18-00?backgroundcolor=&color=" frameborder="0" allowfullscreen></iframe>
 +
</html>
 +
 
 +
* 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
 +
** https://www.bitsnblobs.com/esp32-troubleshooting-guide/
 +
** voir aussi : https://www.youtube.com/watch?v=u7cYWQiltuM
 +
 
 +
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==
 +
<html>
 +
<iframe name="embed_readwrite" src="https://mypads.framapad.org/p/testatelier-6r1lur7x2?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false" width=600 height=400></iframe>
 +
</html>
 +
 
 
==des gens qui font des trucs==
 
==des gens qui font des trucs==
 
* http://www.antoninfourneau.com/
 
* http://www.antoninfourneau.com/
Ligne 13 : Ligne 398 :
  
 
==Mes raccourcis==
 
==Mes raccourcis==
* helppage|help
+
* [[helppage|help]]
  
[[Parc Machines]]
+
* [[Parc Machines]]
Le menu de gauche est éditable (avec les droits admin pour éviter les abus) via la page [[Mediawiki:sidebar]].
 
  
 +
* 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)
  
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
 +
* logiciele open-source forké de Inkscape : https://inkstitch.org/
 +
* modèle acquise par la ville de Brest sur recommandation des Fabriques :  [https://www.janome.com/en/machines/embroidery/memory-craft-500e/ Memory Craft 500E]
 
===Les messages généraux===
 
===Les messages généraux===
 
<font color="#000000">
 
<font color="#000000">
Ligne 52 : Ligne 441 :
 
==robots==
 
==robots==
 
https://www.youtube.com/watch?v=8VvYu1fWyxA
 
https://www.youtube.com/watch?v=8VvYu1fWyxA
 +
 +
Avec mini ecran de tele pour faire la bouche :
 +
https://www.youtube.com/watch?v=bO-DWWFolPw
 +
 
==Quelques envies==
 
==Quelques envies==
 
http://www.instructables.com/id/Wiebelbot/?ALLSTEPS
 
http://www.instructables.com/id/Wiebelbot/?ALLSTEPS
Ligne 94 : Ligne 487 :
 
! Texte de l’en-tête !! Texte de l’en-tête !! Texte de l’en-tête
 
! 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 1
 +
|| Texte de la cellule 2
 +
|| Texte de la cellule 3
 
|-
 
|-
| 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
+
| 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/
 
 
http://www.lemonde.fr/pixels/article/2015/03/27/on-a-teste-pour-vous-l-hologramme-fait-maison-en-dix-minutes-chrono_4602295_4408996.html
 
 
 
cela prend quelque semaines
 
  
 
==ou faire ses courses==
 
==ou faire ses courses==
Ligne 128 : Ligne 519 :
  
 
[[fichier:HP Portrait chinois-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.
 +
 +
 +
{| class="wikitable"
 +
|-
 +
! 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.
 +
 +
<pre>
 +
surface = ks.createCornerPinSurface(400, 300, 20);
 +
</pre>
 +
 +
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.
 +
 +
<pre>
 +
offscreen = createGraphics(400, 300, P3D);
 +
</pre>
 +
 +
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 [https://processing.org/reference/createGraphics_.html 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.
 +
 +
<pre>
 +
PVector surfaceMouse = surface.getTransformedMouse();
 +
offscreen.beginDraw();
 +
offscreen.background(255);
 +
offscreen.fill(0, 255, 0);
 +
offscreen.ellipse(surfaceMouse.x, surfaceMouse.y, 75, 75);
 +
offscreen.endDraw();
 +
</pre>
 +
 +
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.
 +
 +
<pre>
 +
surface.render(offscreen);
 +
</pre>
 +
 +
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.
 +
 +
{| class="wikitable"
 +
|-
 +
! 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.
 +
{| class="wikitable"
 +
|-
 +
!Key !! Description
 +
|-
 +
|s || sauvegarde la scène
 +
|-
 +
|l || charge la scène
 +
|-
 +
|c || édite les poignées à chaque coin
 +
|}
 +
 +
[https://github.com/FH-Potsdam/doing-projection-mapping/blob/master/examples/Processing/Keystone/CornerPin/CornerPin.pde code source ici]
 +
 +
====Ex. CornerPinVideo====
 +
{| class="wikitable"
 +
|-
 +
!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».
 +
 +
[https://github.com/FH-Potsdam/doing-projection-mapping/blob/master/examples/Processing/Keystone/CornerPinVideo/CornerPinVideo.pde code source ici]
 +
 +
====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.
 +
{| class="wikitable"
 +
|-
 +
!Key !! Description
 +
|-
 +
|s || sauvegarde la scène
 +
|-
 +
|l || charge la scène
 +
|-
 +
|c || édite les poignées à chaque coin
 +
|}
 +
 +
[https://github.com/FH-Potsdam/doing-projection-mapping/blob/master/examples/Processing/Keystone/CornerPinMultiSurface/CornerPinMultiSurface.pde Code source ici]
 +
====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/
 +
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/99CJ9nUMVT4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 +
</html>
 +
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/Xe6SDEmVSzQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 +
</html>
 +
 +
<html>
 +
</html>
 +
 +
<html>
 +
</html>
 +
 +
<html>
 +
</html>
 +
 +
===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
 +
<html>
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/NhyB00J6PiM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 +
</html>
 +
 +
==test MQTT et Node-red==
 +
<html>
 +
<!DOCTYPE html>
 +
<html>
 +
  <head>
 +
    <meta charset="utf-8" />
 +
    <title>Example</title>
 +
    <script src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>
 +
  </head>
 +
  <body>
 +
    <button id="button">Envoie un pokou</button>
 +
 +
    <script>
 +
      const client = mqtt.connect('ws://MQTT1:MQTT1@debrouillards.ddns.net', {
 +
        clientId: 'WikiTestDemo'
 +
      });
 +
 +
      client.on('connect', function() {
 +
        console.log('connected!');
 +
        client.subscribe('/Poke');
 +
      });
 +
 +
      client.on('message', function(topic, message) {
 +
        console.log(topic + ': ' + message.toString());
 +
      });
 +
 +
      document.querySelector('button').addEventListener('click', function() {
 +
        client.publish('/Poke', 'pokou');
 +
      });
 +
    </script>
 +
  </body>
 +
</html>
 +
 +
==MQTT over Websocket==
 +
* https://www.youtube.com/watch?v=ROeT-gyYZfw
 +
 +
 +
==Encapsulation page web==
 +
<html>
 +
<iframe height="600px" width="600px" src="https://eurekoi.typeform.com/to/rIEefF7o">
 +
 +
</iframe>
 +
</html>
 +
 +
==autre==

Version actuelle datée du 4 novembre 2024 à 14:26

picto Antony


projet 2024

test

Voir en plein écran

Mes pages préférées

ServoLaser

Expé


Hackathonpedagogique2015.jpg

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.

Discusciences : https://vimeo.com/manage/videos/18972895

https://code.highcharts.com/highcharts.js

Audio

ESP32

ESP8266

Master HST

2023-2024

Obsolète

Réalisations en cours

Petit bot

https://www.instructables.com/MechaMaven-the-Educational-Robot-Explorer/


ESP32 MINI TV

Inspirations :

surtout çui-ci : https://www.youtube.com/watch?v=y51j2k0CUp8

affichage d'image sur le TFT ILI9341 : https://www.xtronical.com/esp32ili9341/

escape game

https://gusandco.net/2024/01/31/creer-un-escape-game-pedagogique-le-guide-complet/

https://www.youtube.com/watch?v=XTrP3Fah3Fk

satellite tracker

jeu à led

Se former à Blender

Qu'est-ce donc ?

40 ans des petits débrouillards


Code Arduino

Pensez à cette formidable ressource : https://zestedesavoir.com/tutoriels/686/arduino-premiers-pas-en-informatique-embarquee/746_les-capteurs-et-lenvironnement-autour-darduino/3434_generalites-sur-les-capteurs/


<syntaxhighlight lang="Arduino" line> </syntaxhighlight>

 1 /*
 2   Blink
 3 
 4   Turns an LED on for one second, then off for one second, repeatedly.
 5 
 6   Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 7   it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 8   the correct LED pin independent of which board is used.
 9   If you want to know what pin the on-board LED is connected to on your Arduino
10   model, check the Technical Specs of your board at:
11   https://www.arduino.cc/en/Main/Products
12 
13   modified 8 May 2014
14   by Scott Fitzgerald
15   modified 2 Sep 2016
16   by Arturo Guadalupi
17   modified 8 Sep 2016
18   by Colby Newman
19 
20   This example code is in the public domain.
21 
22   https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
23 */
24 
25 // the setup function runs once when you press reset or power the board
26 void setup() {
27   // initialize digital pin LED_BUILTIN as an output.
28   pinMode(LED_BUILTIN, OUTPUT);
29 }
30 
31 // the loop function runs over and over again forever
32 void loop() {
33   digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
34   delay(1000);                       // wait for a second
35   digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
36   delay(1000);                       // wait for a second
37 }


 1 /*
 2   Blink
 3 
 4   Turns an LED on for one second, then off for one second, repeatedly.
 5 
 6   Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 7   it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 8   the correct LED pin independent of which board is used.
 9   If you want to know what pin the on-board LED is connected to on your Arduino
10   model, check the Technical Specs of your board at:
11   https://www.arduino.cc/en/Main/Products
12 
13   modified 8 May 2014
14   by Scott Fitzgerald
15   modified 2 Sep 2016
16   by Arturo Guadalupi
17   modified 8 Sep 2016
18   by Colby Newman
19 
20   This example code is in the public domain.
21 
22   https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
23 */
24 
25 // the setup function runs once when you press reset or power the board
26 void setup() {
27   // initialize digital pin LED_BUILTIN as an output.
28   pinMode(LED_BUILTIN, OUTPUT);
29 }
30 
31 // the loop function runs over and over again forever
32 void loop() {
33   digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
34   delay(1000);                       // wait for a second
35   digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
36   delay(1000);                       // wait for a second
37 }
 1 /*
 2   Blink
 3 
 4   Turns an LED on for one second, then off for one second, repeatedly.
 5 
 6   Most Arduinos have an on-board LED you can control. On the UNO, MEGA and ZERO
 7   it is attached to digital pin 13, on MKR1000 on pin 6. LED_BUILTIN is set to
 8   the correct LED pin independent of which board is used.
 9   If you want to know what pin the on-board LED is connected to on your Arduino
10   model, check the Technical Specs of your board at:
11   https://www.arduino.cc/en/Main/Products
12 
13   modified 8 May 2014
14   by Scott Fitzgerald
15   modified 2 Sep 2016
16   by Arturo Guadalupi
17   modified 8 Sep 2016
18   by Colby Newman
19 
20   This example code is in the public domain.
21 
22   https://www.arduino.cc/en/Tutorial/BuiltInExamples/Blink
23 */
24 
25 // the setup function runs once when you press reset or power the board
26 void setup() {
27   // initialize digital pin LED_BUILTIN as an output.
28   pinMode(LED_BUILTIN, OUTPUT);
29 }
30 
31 // the loop function runs over and over again forever
32 void loop() {
33   digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
34   delay(1000);                       // wait for a second
35   digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
36   delay(1000);                       // wait for a second
37 }

Pour des BAM

A explorer

Synthétiseur

ecran LCD 1602 I2C

site de bidouille numérique à explorer

robots

ESP8266

Sons

recherches POCL

Recherches critiques

Reflexions IOT

Mon capteur

https://api-rrd.madavi.de/grafana/d/GUaL5aZMz/pm-sensors?orgId=1&theme=light&var-chipID=esp8266-12666278

Standards de code en C++

janvier2020

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

Mes raccourcis

  • 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

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 :

BC2017.png Nouveau en mars 2019 : Mise à jour du site et nouvelle barre d'édition

idées

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

Avec mini ecran de tele pour faire la bouche : https://www.youtube.com/watch?v=bO-DWWFolPw

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://www.internetactu.net/2014/10/20/fab-labs-makerspaces-etc-imaginer-lavenir-des-ateliers-de-fabrication-numerique/#comment-1094660

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

http://www.woodself.com/fr/

Réflexion Fablab

https://lite2.framapad.org/p/TlauzTjtu2


critique Fabab (source : liste fablab-fr, mail de Thomas Fourmond) :

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 1 Texte de la cellule 2 Texte de la cellule 3
Texte de la cellule Texte de la cellule Texte de la cellule
Texte de la cellule Texte de la cellule Texte de la cellule

ou faire ses courses

http://www.hobbyking.com/hobbyking/store/__662__HXT900_9g_1_6kg_12sec_Micro_Servo.html

Les machines qui me plaisent

mes tests

Fichier:HP Outil Idéalisation-2.odt

Fichier:HP - AAA décodage.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

code source ici

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».

code source ici

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

Code source ici

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

Arduino et Processing

test MQTT et Node-red

Example

MQTT over Websocket


Encapsulation page web

autre