MBot interactivo con JavaScript (3 / 4 paso)

Paso 3: Crear una interfaz web

En esta sección, manos a la obra-slider y CreateJS se utilizan para configurar la interfaz web. Puede encontrar su información detallada en los siguientes sitios web:

http://seiyria.com/bootstrap-Slider/

http://createjs.com/Getting-Started

Se reproducirá sonidos diferentes dependiendo de la distancia entre el sensor sonar y obstáculo, y después la bola roja se mueve en consecuencia. Distancia y la velocidad del motor se muestran en la interfaz web.

Puede descargar el archivo adjunto para ver todos los códigos. Descomprimir el archivo, copia el púbico archivo y péguelo en el archivo de proyecto.

Artículos Relacionados

Control de Arduino Uno con Javascript!

Control de Arduino Uno con Javascript!

Yo últimamente he estado aprendiendo Javascript y me gusta mucho la lengua. Naturalmente, pensé que es una manera de programar las placas Arduino con Javascript!Una rápida búsqueda encontró cinco johnny biblioteca en Javascript que utiliza el protoco
Crear instrumentos electrónicos interactivos con MaxMSP

Crear instrumentos electrónicos interactivos con MaxMSP

Este Instructable es parte 3 de una introducción a la serie de MaxMSP acabo de terminar enseñanza Audio la misión femenina en San Francisco. Parte 1 es una introducción a MIDI y MaxMSP, parte 2 es intermedio máximo y Audio y este Instructable es todo
Ocultar su dirección de correo electrónico de cosechadoras con Javascript

Ocultar su dirección de correo electrónico de cosechadoras con Javascript

es este Instructable para aquellos con ciertos conocimientos de desarrollo web que tienen sus propios sitios Web.A veces querrá mostrar su dirección de correo electrónico a sus visitantes en su sitio web, pero vacilan en hacerlo debido a los numeroso
Sensor de ambiente interactivo con Intel Edison y Grove Starter Kit Plus

Sensor de ambiente interactivo con Intel Edison y Grove Starter Kit Plus

Hola he visto un montón de Instructables aquí pero me gustaría hacer un proyecto donde se puede ver el uso de diferentes sensores, botones, zumbadores, leds y lcd junto!!!!!! Lo que vamos a realizar es un SENSOR de ambiente interactivo en el que pued
Cuadro interactivo con logo

Cuadro interactivo con logo

Caja de plástico con el logotipo que va a cambiar el color mediante el uso de página webPaso 1: IdeaCrea tu idea!Paso 2: materiales Comprar todo lo que necesitas: material plástico o de madera para la caja, crear logo, comprar Sparkfun RedBoard, Adaf
Makey Makey y arte interactivo con conductor desnudo

Makey Makey y arte interactivo con conductor desnudo

utilizar una tienda de segunda mano de pintura para hacer arte cobran vida. Partes: Desnudo conductor tinta Makey Makey diferentes tamaño puentes tienda de segunda mano pintura (u otro arte) herramientas: ordenador portátil Soundplant Software cintaP
Estante del paño interactivo (con Raspberry Pi, Arduino Pro Mini y Bluetooth HC-05)

Estante del paño interactivo (con Raspberry Pi, Arduino Pro Mini y Bluetooth HC-05)

Este es mi primer Instructable! Así que si he hecho algún error, por favor Perdóname :)El propósito es darle a los clientes una nueva experiencia al comprar.Cada vibración que los clientes cuando ellos eligiendo la ropa moviendo el perchas o / a los
DJ interactivo con iPad y iPhone

DJ interactivo con iPad y iPhone

Conectar un iPad cargado con música para un sistema estéreo o sistema de PA, luego usar el WiFi para conectar con tu iPhone para reproducir tu música y permitir que otros hacer selecciones. Este video es un vistazo rápido a cómo utilizar la aplicació
Hacer una aplicación para iOS con bombo y Xcode

Hacer una aplicación para iOS con bombo y Xcode

HTML 5 es una de las maneras más eficientes para hacer la animación y la interacción en juegos online, libros y sitios Web. Pero lo mayoría de las personas no sabe es que también puede hacer un juego como lo hice luego puede ser vendido en la app sto
Automatización casera con Arduino... Y JavaScript!

Automatización casera con Arduino... Y JavaScript!

En este instructable (mi primera una realidad), te guiará para realizar la automatización en su hogar con Arduino, sí, no tan nueva... Pero también se incluyen JavaScript, usando Node.js y una impresionante biblioteca con Arduino llamado johnny cinco
Entornos interactivos de prototipos en realidad virtual con Google cartón, unidad y línea de Bling (TfCD)

Entornos interactivos de prototipos en realidad virtual con Google cartón, unidad y línea de Bling (TfCD)

Estos días, experiencias (inmersión) son prioridad sobre la funcionalidad pura y especificaciones sobre el papel. Este cambio de enfoque ha influido en el proceso de diseño de diseñadores industriales, arquitectos, desarrolladores de aplicaciones y a
Ventana pública con HTML5

Ventana pública con HTML5

antes de empezar a explicar cómo configurar la ventana de su propio público, queremos dar una breve introducción sobre cómo comenzó este proyecto y quienes somos.Ventana públicaLa ventana pública pretende promover el arte en espacios públicos. Artist
Sensor de temperatura inalámbrico simple actualización de sitio web con electric imp y termistor

Sensor de temperatura inalámbrico simple actualización de sitio web con electric imp y termistor

[Edición 2014] El planificador que fue utilizado por Imp eléctrico ya no es usado y no está disponible ya. [/Edit]Este es un pequeño proyecto para empezar con la eléctrica imp y un termistor para que pueda ver cómo puede obtener las lecturas de tempe
ETextiles con el Edison de Intel

ETextiles con el Edison de Intel

eTextiles se realizan con técnicas y materiales que componentes eléctricos así que pueden ser incrustados e integrados en la tela. Es una parte esencial de la tecnología usable y una manera perfecta para gente astuta bucear en la electrónica y viceve