Code Monkey home page Code Monkey logo

webflight-onscreen-keyboard's Introduction

webflight onscreen-keyboard plugin

This is a plugin for the browser-based AR.Drone ground control station webflight that adds on screen buttons for control.

Preview Image

Running the software

You will need the ardrone-webflight and webflight-onscreen-keyboard repos:

git clone git://github.com/eschnou/ardrone-webflight.git
git clone git://github.com/andrew/webflight-onscreen-keyboard.git

Run npm install for each:

(cd ardrone-webflight && npm install)
(cd webflight-onscreen-keyboard && npm install)

Plus bower install for webflight:

npm install -g bower
(cd ardrone-webflight && bower install)

Link webflight-onscreen-keyboard into webflight's plugins directory:

(cd ardrone-webflight/plugins && ln -s ../../webflight-onscreen-keyboard onscreen-keyboard)

Copy ardrone-webflight's config.js.example to config.js:

(cd ardrone-webflight && cp config.js.example config.js)

Add "onscreen-keyboard" to the plugins array in config.js and remove or comment out "pilot" so it looks something like this:

var config = {
  plugins: [
  "hud"
  , "onscreen-keyboard"
  , "video-stream"
  , "battery"
  ]
};

module.exports = config;

Start the server

Now you can start the webflight server:

(cd ardrone-webflight && node app.js)

Point your browser at http://localhost:3000/

webflight-onscreen-keyboard's People

Contributors

andrew avatar

Stargazers

chezbro avatar Stuart avatar kyle avatar

Watchers

James Cloos avatar Stuart avatar  avatar

webflight-onscreen-keyboard's Issues

Config error in the readme

Hi,

Just a quick note to say that in the README the instructions say to use the following in the config:

   , "onscreen-keyboard"  // overlays on-screen keyboard onto the video window

But I could only get it to work when I used the following name for the plugin:

   , "webflight-onscreen-keyboard"  // overlays on-screen keyboard onto the video window

Not sure if anyone else is seeing this, but this is the only way I could get it to work.

Thanks!

Allow multiple directions at once

Non-conflicting buttons should be able to be pressed at the same time, i.e. forwards and up and left, but not forwards and backwards.

If one button is click again it should untoggle it, leaving other valid buttons still pressed, if all buttons are turned off it should return to hovering.

cc @escapologyBB

Safety Mode

Moved from a comment by @escapologyBB in #1 (comment)

Could we hadd a "Safety Mode" such that if I were to press forward and then did nothing, the drone would only travel on for a few seconds before stopping. This might be especially useful when travelling higher and higher!

Use case: I have muscle spasms which means that occasionally my finger comes off the button and needs to be put back on by a grown-up, watching the drone sail away might not be a great day out. :-)

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.