Déplacer des éléments HTML avec JQuery via Serial (2 / 4 étapes)

Étape 2: Code d’Arduino

Framework utilise le sketch Arduino arduino/involt dossier. Pour envoyer que les valeurs utilisent la fonction involtSend avec tous les trois potentiomètres. Le retard est ajouté pour réduire l’utilisation du port. Bouton de tact j’ai utilisé involtSendString pour montrer que vous pouvez envoyer pas uniquement les valeurs numériques. Ces fonctions servent d’avoir valeur et indice du côté de logiciels et matériels communs.

Les valeurs sont mappées à la taille de l’écran et objet. Pour modifier la fenêtre dimensions changent les variables core/background.js à 700 x 700.

La seule chose à ajouter à l’intérieur de l’esquisse sont involtSend, involtSendString, pinMode pour les déclarations de bouton et variable, donc la boucle Sub et configuration ressemblera à ceci :

 //... int previousValue = LOW; void setup() { //Bitrate must remain same as in app. Serial.begin(57600); pinMode(2,INPUT_PULLUP); } String isButton = "click"; void loop() { //receive data from your app, do not remove this line. involtReceive(); int buttonValue = digitalRead(2); //this is reversed because of PULLUP pinmode if(buttonValue == LOW && previousValue == HIGH) { delay(20); involtSendString(3, isButton); }; previousValue = buttonValue; //MAPPED KNOB VALUES to app window minus element dimensions delay(5); involtSend(0, map(analogRead(A0),0,1024,0,620)); delay(5); involtSend(1, map(analogRead(A1),0,1024,0,620)); delay(5); involtSend(2, map(analogRead(A2),0,1024,0,360)); fname = ""; } // ... 

N’oubliez pas de ne retirez pas les choses, avant et après ce code. Comme vous avez probablement remarqué que le paramètre d’autoPinMode - ne l’utilisez pas dans cet exemple. C’est pour ajouter automatiquement des pinMode(pin, OUTPUT) lorsque vous utilisez directMode, donc vous n’avez pas d’écrire n’importe quelle ligne de code pour les interactions basiques.

Articles Liés

Créer un site Web tout sur vous avec Visual Studio (HTML, CSS, JQUERY)

Créer un site Web tout sur vous avec Visual Studio (HTML, CSS, JQUERY)

Hey tout le monde !Il s'agit de mon premier instructable et dans ce instructable je vais vous montrer comment utiliser Visual Studio pour créer votre propre site Web !Voici un lien de téléchargement pour Visual Studio :Liaison d'origine Visual Studio
Personnalisé des éléments avec des Lasers

Personnalisé des éléments avec des Lasers

Alors... certains de nos clients ont compris que notre coupeur de laser est génial à faire des cadeaux personnalisés, gadgets, et tel et nous voulons laisser le reste d'entre eux connaître les possibilités. C'est cette instructable va vous montrer co
Tormato !  Cage avec treillis de tomate et de système de livraison des éléments nutritifs

Tormato ! Cage avec treillis de tomate et de système de livraison des éléments nutritifs

The Tormato remplace les cages grillagées laid ou des piquets avec une cage esthétiquement agréable, treillis et un système de livraison nutritif !Plus d'info @ www.itsatormato.com.Étape 1: Outils de collecte Ligne de craieRuban à mesurerScie (main o
Peinture de Halloween avec le déplacement des yeux

Peinture de Halloween avec le déplacement des yeux

Parfait accessoire pour une fête d'Halloween spooky ou tout simplement pour faire peur à vos compagnons. Nous avons mis en place le Pi de framboise propulsé déplacement photo oeil qui peut être contrôlé de façon indépendante ou en utilisant la caméra
Comment parler avec des éléments

Comment parler avec des éléments

toujours envie de parler de quelque chose sans que personne de savoir ce que vous parlez, mais il se trouve être que compte-gouttes eaves, qui est toujours à votre écoute. Je déteste ça. Après beaucoup de réflexion, j'ai trouvé une solution. C'est pa
Faire votre propre kéfir avec des suppléments probiotiques

Faire votre propre kéfir avec des suppléments probiotiques

est-ce possible d'obtenir le produit laitier fermenté à l'aide de bactéries probiotiques?Si vous avez des suppléments probiotiques inutilisés, vous pouvez faire votre yogourt ou kéfir.Tout ce dont vous avez besoin est une demi bouteille de lait et qu
Croquis avec des éléments en fer et 3D imprimés connecteurs

Croquis avec des éléments en fer et 3D imprimés connecteurs

Un nouveau design d'intérieur de reprographie (espace de travail dédié aux publications d'artistes basées à Rotterdam au pochoir espace de présentation, boutique et risography) je cherchais un moyen de « sketch » avec des constructions de fer. J'ai a
Automatique d’arrosage des plantes en pot avec Intel Edison

Automatique d’arrosage des plantes en pot avec Intel Edison

Automatique d'arrosage des plantes en pot avec Intel Edison... Une sonde d'humidité détecte la faible teneur en humidité du sol et active la pompe à eau ou l'électrovanne qui contrôle le débit d'eau. Lorsque l'eau nécessaire est pompée vers les plant
À l’aide de Fusion pour faire des Sculptures en collaboration avec abeilles

À l’aide de Fusion pour faire des Sculptures en collaboration avec abeilles

Pour cette série de sculptures de collaboration, j'ai voulu faire un cadre organique, d'où mes abeilles pouvaient construire peigne. Peigne étant lourd lorsque rempli avec du miel et très fragiles lorsque tiré de la ruche, a décidé que je devais cons
De cliparts à objet - faire des images dans des choses réelles avec des Articles de base & outils !

De cliparts à objet - faire des images dans des choses réelles avec des Articles de base & outils !

Avez-vous jamais vu un morceau de clipart, ou peut-être fait un dessin de quelque chose que vous aimeriez transformer en un objet réel - peut-être à le pour usure, ou comme une œuvre d'art ? Avez-vous envie d'accrocher des Space invaders de vos cadea
Comment faire pour supprimer des étiquettes et autocollants (avec briquet)

Comment faire pour supprimer des étiquettes et autocollants (avec briquet)

je collectionne beaucoup de médias neuves/occasion tels que des livres et des DVD et les préfère sans étiquettes de prix ou déclarations "maintenant une importante Motion Picture". Beaucoup de gens ne se soucient les étiquettes sur le dos des li
Créer des Instruments électroniques interactifs avec MaxMSP

Créer des Instruments électroniques interactifs avec MaxMSP

Ce Instructable appartient à 3 dans une Intro de MaxMSP série je viens de terminer enseigner à Audio Mission des femmes à San Francisco. La partie 1 est une introduction à MaxMSP et MIDI, partie 2 est intermédiaire Max et Audio, et ce Instructable es
Gratuit des compléments de bacs de stockage de votre chat

Gratuit des compléments de bacs de stockage de votre chat

liste de matériel et d'équipement :Cruches de litière de chatCouteau utilitaireMarqueur SharpieRubanÉtape 1: Collecter la matière première... Sont de la matière première, je parle des cruches de litière de chat. Ils viennent dans une taille courte et
Des suppléments antioxydants puissants

Des suppléments antioxydants puissants

ces jours-ci, tout le monde semble avoir le cancer. Il y a trop de pollution, radiation, mauvaise nourriture et eau mal dans notre monde. Les antioxydants sont un moyen très puissant pour lutter contre ces dangers au sein de notre propre corps. Ces s