Utilisateur:Antonydbzh : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(→‎MQTT over Websocket)
(→‎Encapsulation page web)
Ligne 648 : Ligne 648 :
 
==Encapsulation page web==
 
==Encapsulation page web==
 
<html>
 
<html>
−
<iframe>
+
<iframe height="300px" width="500px" src="https://eurekoi.typeform.com/to/rIEefF7o">
  
 
</iframe>
 
</iframe>
 
</html>
 
</html>

Version du 22 février 2024 à 10:15

picto Antony

Mes pages préférées

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

Master HST

2023-2024

Obsolète

Réalisations en cours

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/

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

Compte à rebour fête de la musiqueCountdown

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

Récupérée de « http://wiki.lesfabriquesduponant.net/index.php?title=Utilisateur:Antonydbzh&oldid=26547 »