Giter Club home page Giter Club logo

yun-examples's Introduction

##Arduino Yún Examples

#####This repository is a collection of Arduino Yún sketches that make use of the Bridge library to create web servers, combined with visual interfaces and experiments with JS.

screenshot

To start with these examples, you need to prepare a micro-SD card. Make an empty "www" folder at the following path:

sd/arduino/www

Then insert the SD card in your Arduino Yún.

Once the board is configured to connect to a WiFi network (follow this tutorial), in the Tools->Port menu of your Arduino IDE, select the WiFi version of your board (the one with an IP address).

Now when you upload, all the content is uploaded on your board via WiFi, included the "www" subfolder of your sketch. It is placed in a subfolder of the previously created folder on your SD car, named after your sketch.

Now from any browser (pc, mobile, ecc), you can access the content of this folder on your Yún by typing the following URL:

192.168.0.1/sd/mysketch

Where 192.168.0.1 is your Arduino local IP address and "mysketch" is your sketch name.

Eventually you can try the following:

arduino.local/sd/mysketch

where "arduino" is your Arduino Yún board name

#####These examples are still a work in progress, most of them are incomplete but they can be a good starting point. They were tested successfully with Google Chrome, some of them don't work with Firefox (the color_picker in FF has a strange bug where it shows the previously selected color instead of the current).

Realized by Matteo Loglio (matlo.me) and Angelo Scialabba


Led Slider Input

screenshot

HTML slider that controls a LED hooked up to pin 11


Led Pin

screenshot

HTML slider that controls any PWM pin, slectable from a dropdown menu.


Color Picker

screenshot

HTML color picker interface used to set the color of an RGB led


Analog Inputs

screenshot

A pure HTML / SVG dashboard to visualize the analog input pins values.


Viual Bridge

screenshot

A viusal interface based on the Bridge example. It uses Flat UI elements. It's still a draft, it requires heavy improvements.


Noise Field

screenshot

Interaction between processing.js and Yún Server. The amount of light perceived by an LDR changes the size of a noise field particles.


Noise Field Fullscreen

screenshot

Same as above, but full screen


paper.js circle

screenshot

Interaction between paper.js and Yún Server. The amount of light perceived by an LDR changes the size of a circle.


three.js box resize

screenshot

Interaction between three.js and Yún Server. The amount of light perceived by an LDR changes the Z-scale of a textured box, rendered using webGL.


switch

screenshot

A simple switch that toggles a TinkerKit! relay and the on-board LED.


voice switch

screenshot

An evolution of the switch sketch. Control the switch also with your voice, saying "on" and "off". It makes use of the Web Speech API, at the moment it works just on the deskto Chrome, version > 25.

yun-examples's People

Contributors

mat-lo avatar sngl avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.