wesbos / javascript-drones Goto Github PK

View Code? Open in Web Editor NEW

609.0 32.0 134.0 1.42 MB

License: Do What The F*ck You Want To Public License

JavaScript 100.00%

the-beginning-of-the-end we-are-doomed robot-uprising nice-knowing-ya

javascript-drones's Introduction

JavaScript Drones!

Watch the videos:

Part 1 → https://www.youtube.com/watch?v=JzFvGf7Ywkk

Part 2 → https://www.youtube.com/watch?v=ozMwRq-IT2w

⚠️️️ ⚠️ ️️⚠️️️ Use the codebase as your own risk. The drone can hurt you and I'm not responsible for that. Always test commands with the props removed first. Don't be dumb. ⚠️️️ ⚠️️️ ⚠️️️

Flying a Drone with React and Node.js

IBM is giving away 2,000 DJI Tello drones as part of a contest and I made this video to help them promote it.

Enter the contest at https://developer.ibm.com/contest (US/ Canada Only)
More details about the challenge at https://developer.ibm.com/blogs/2018/11/12/win-a-drone-program-a-drone-change-the-world/

Software Used

React (with React Hooks!)
Styled Components for styling
Node.js and UDP4 sockets for communicating with drone
Socket.io WebSockets for sending data to/from the browser
Next.js for easy react setup

Hardware Used

DJI Tello Drone
Extra Batteries - it comes with one and I bought two extra. For continual development I'd say you only need two — one in the charger and one in the drone. For flying away from your house you definitely need at least 3 as they only last about 10-15 mins.
Fast Battery Charger with 4 slots

Using This Code

Frontend

cd frontend
npm install
npm run dev

Backend

cd backend
npm install
connect to drone via wifi
npm start

Troubleshooting

Docs for Tello are available here

I had to update the firmware of my drone when it came in the mail before I could use this 1.3 API. Do this via the Tello app on your phone.

If you let the drone's WIFI connection lapse, you have to restart the server by typing rs into the terminal. This will re-run the command command that puts the drone in SDK mode. If you don't do this, it will ignore any commands you send it.

License — WTFPL

I want you to build cool stuff with this.

Please hack on it and make your own cool things.

Examples & Resources

jsolderitsch/tello-nodejs - very simple JavaScript examples
FFMpeg + Node.js Video in the browser complicated example
Some Japanese Developer Figured out how to get video working with WebRTC
Drone Keyboard for Tello
Link your repo here for others to learn!

javascript-drones's People

Contributors

Stargazers

Watchers

Forkers

herlew shadrach-tayo luan0ap whjvenyl kayot88 nmarlowe kerstinmaur stanfish brahims marveldeviser nodejs-spain billyvg ptzagk alexwaweru nimeshvaghasiya moemachef davidtnguyen firebuggirl elreyb gatarelib kings3d herrfugbaum won21kr piotrlo ptzagk2 treighton doominating agostinocinelli cryptoads guischpor embiem cashbit halilertekin rob-rychs bogdosarov iseif yhyuan shalinijk samitny xpilot jayarteficio aberba falinsky ctkqiang hnrzzle geekpulp azazel404 trevelopment tedhtchang mdixon47 sushantlp elicleveland12 regardtnaude puddingnl camuenho123 johngeislinger deivijt robertexe vincenthelwig bryansummers14 quangvinh1305 luismesa babatundeladega hhy5277 jshuadvd djalmaaugusto lee-zhg ilijadjurinac p-nagendra hisanibrahim rakyesh22 awaisab172 patelrikin bendstraw616 rahulsehgal2694 suyuti itsrbpandit gooddimoh aleenacodes loriaustin anujsinghwd miguelillo athensholloway martin-mok developedbyzo alfrejivi jameszxie sumitga tomiwa101 sturdynut rcadecaro calvimor ayoolakelani nisone waleedmkasem uzutano mohammad-afaque sebastian-curland jaison10 devbjoernbo

javascript-drones's Issues

drone cluster

Is it possible to drive multiple drone in same time as a cluster?

Drone giveaway 1,500 not 2,000

I believe ibm is giving away 1,500 drones not 2,000.

Reuben

Take off command throws undefined error

Just started hacking this together. I'm receiving all the data from the drone but I cant seem to send anything to the drone. It also says I'm disconnected but clearly I'm getting connected to one of the ports or else I wouldn't be able to get the pitch, roll, etc...

Is there something I missed or a better way to handle and track errors?

Also is there a link to download the videos so I can watch them without switching between wifi's.

Acess denied to Tello documentation

I get access denied when I enter to the documentation link. Can you please upload a PDF version to the repo?

Cant start frontend

TypeError: Cannot read property 'current' of undefined
at Object. (C:\mplayer\javascript-drones\frontend\node_modules\react-ssr-prepass\dist\react-ssr-prepass.development.js:842:45)
at Module._compile (internal/modules/cjs/loader.js:689:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object. (C:\mplayer\javascript-drones\frontend\node_modules\react-ssr-prepass\index.js:4:20)
at Module._compile (internal/modules/cjs/loader.js:689:30)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: next -p 7777
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

Drone lands itself after a few seconds without command

Im finding my drone will land itself and start flashing red light (even when battery is 100%) after a few seconds of being in the air without a command. It will ignore any further commands until it has landed but is still sending through status updates. Is anybody else finding this?

Frontend is not functional on Linux

forrestblade@pop-os:~/javascript-drones/frontend$ npm run dev

> [email protected] dev /home/forrestblade/javascript-drones/frontend
> next -p 7777

[ wait ]  starting the development server ...
[ info ]  waiting on http://localhost:7777 ...
TypeError: Cannot read property 'current' of undefined
    at Object.<anonymous> (/home/forrestblade/javascript-drones/frontend/node_modules/react-ssr-prepass/dist/react-ssr-prepass.development.js:842:45)
    at Module._compile (internal/modules/cjs/loader.js:701:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
    at Module.load (internal/modules/cjs/loader.js:600:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
    at Function.Module._load (internal/modules/cjs/loader.js:531:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (/home/forrestblade/javascript-drones/frontend/node_modules/react-ssr-prepass/index.js:4:20)
    at Module._compile (internal/modules/cjs/loader.js:701:30)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `next -p 7777`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Maybe I'm just missing something, but everything is installed and it should be working. What version of node was this developed on?