DEV Community

Cover image for Sports Whiteboard App
nightwolfdev
nightwolfdev

Posted on • Updated on • Originally published at nightwolf.dev

Sports Whiteboard App

When coaching, it’s always helpful to visually explain to players what’s expected. Using a whiteboard, you can illustrate set plays, formations, drills, etc. However, whiteboards are usually big, take up space in your bag, cost money, and you can never seem to find the pen! Since a mobile phone is something you probably have with you all the time nowadays, why not use it as your whiteboard!

We developed a Sports Whiteboard web application using p5. The entire screen is a canvas allowing you to drag and drop objects and draw lines to illustrate anything you’d like!

Links

Features

  • Generic board and objects to allow for use by a variety of sports
  • Select from 12 different color options when adding objects or drawing
  • Add objects easily by clicking/touching wherever you want them
  • Adjust object location by dragging
  • Draw and erase
  • Easily clear the whiteboard and start over
  • Works offline

Visit our website at https://nightwolf.dev and follow us on Facebook and Twitter!


Discussion (6)

Collapse
harshhhdev profile image
Harsh Singh

Awesome! Really cool. Keep it up 👍

I noticed a small bug that when you press just once it doesn't draw anything. You need to press and drag your mouse if you want to draw. I'll open a GitHub issue for this 😄

Collapse
nightwolfdev profile image
nightwolfdev Author

Thanks, appreciate the feedback!

Collapse
m3lles profile image
Marvin Trilles

Great app! Would appreciate if it comes with preset floor/field layout for common sports (basketball/soccer etc). Which may also be blank. Will open a feature request.

Collapse
imthedeveloper profile image
ImTheDeveloper

Agree can see myself using this!

Collapse
nightwolfdev profile image
nightwolfdev Author

Thank you!

Collapse
nightwolfdev profile image
nightwolfdev Author

I had been working on a different version that would provide different sports fields that you could choose from. May need to resurrect that!