PowerPoint Creative
Log In or Register to participate in PPC!

Share
Go down
avatar
TimsSlideshowGames
Featured Creator
Featured Creator
Posts : 120
Join date : 2017-10-09
https://slideshowgames.blogspot.com/

Bingo Master Board for Web

on Tue May 08, 2018 2:14 am

I am pleased to announce Bingo Master Board for Web, the successor to PowerPoint's Bingo Master Board and Bingo Master Board PLUS.

What is Bingo Master Board for Web?

It's a port of Bingo Master Board PLUS that's fully usable on your Web browser. It scales to your browser window, or you can play in fullscreen. No need to download a file. No need to own paid software. No need to worry about macro security. It's a win-win for all!

Since we no longer have to deal with macros, we don't need the PLUS moniker anymore. There will just be one Web version: Bingo Master Board.

How does this Web version differ from PowerPoint?

The Web version is capable of everything Bingo Master Board PLUS has, along with exclusive features that would be convoluted, if not impossible with PowerPoint. Here's a few:

  • Mouseover effects. Buttons can now react when you hover your cursor over them.
  • Keyboard shortcuts. Manage the master board more efficiently.
  • More to come with future updates!

Bingo Master Board for Web is not yet finished. As such, not every feature from Bingo Master Board PLUS is available yet. Check to TODO list at the bottom of the post to see what I still need to work on.

What are you using to make the Web version?

Along with HTML, CSS, and JavaScript, Bingo Master Board for Web uses CreateJS, a JavaScript library for managing HTML5 canvases.

- - -

Sounds cool? If so, you should give Bingo Master Board for Web a try! While you test, be sure to try out these features:

URL Shortcut: Add ?masterboard to the end of the URL to instantly load the master board.
Keyboard Shortcuts: Press the space bar to draw Bingo balls. Press the r key to reset the board.

I look forward to hearing what you think! If you find any bugs not in Known Issues, let me know what it is and what browser you're using.

Known Issues

  • Exiting fullscreen via the escape key doesn't change the top right arrows
  • Title slide overlay does not always appear
  • Big Bingo ball number animation doesn't always play (not sure if I can fix this yet)
  • Not optimized for tablets yet
  • Pressing and holding the space bar draws Bingo balls rapidly, which may not be desirable

TODO

  • Winning pattern
  • Hide/show master board
  • Bingo balls drawn/remaining
  • Save support
  • How to Use section
  • About/Credits section
  • Clean up messy code

I will likely update the game multiple times during the preview phase. Any noteworthy changes will be posted here.

- - -

Try Bingo Master Board for Web [WIP]

GitHub Repo

Supports the latest versions of Edge, Firefox, Chrome, and Safari


Last edited by TimsSlideshowGames on Tue May 08, 2018 9:47 pm; edited 1 time in total
avatar
johnr
Administrator
Administrator
Posts : 327
Join date : 2017-08-17
Location : UK
http://www.powerpointgames.uk

Re: Bingo Master Board for Web

on Tue May 08, 2018 11:11 am
.....exclusive features that would never be possible with PowerPoint. Here's a few:

Mouseover effects. Buttons can now react when you hover your cursor over them.

This may not be exactly what you had in mind, but PPT can do something like making text or buttons react when you hover hover the cursor over them.

Here's an example I just put together  Animal Text and Buttons (Download first). Move your cursor up and down the animal names, then click on one. Move your cursor again for a fresh start.

You can of course go straight to the picture pages on click or mouseover, but this gives a little added 'highlight' step which can be useful on occasion. (I found it useful when designing e-learning packages for multiple choice questions).

Never say Never! Wink

(Worth a tutorial do you think?)
avatar
TimsSlideshowGames
Featured Creator
Featured Creator
Posts : 120
Join date : 2017-10-09
https://slideshowgames.blogspot.com/

Re: Bingo Master Board for Web

on Tue May 08, 2018 2:40 pm
johnr wrote:This may not be exactly what you had in mind, but PPT can do something like making text or buttons react when you hover hover the cursor over them.

Here's an example I just put together  Animal Text and Buttons (Download first). Move your cursor up and down the animal names, then click on one. Move your cursor again for a fresh start.

You can of course go straight to the picture pages on click or mouseover, but this gives a little added 'highlight' step which can be useful on occasion. (I found it useful when designing e-learning packages for multiple choice questions).

Never say Never! Wink

(Worth a tutorial do you think?)

While you're right PowerPoint does have mouseover action settings, notice how you had to use multiple slides for each button to achieve this effect. The more buttons you have, the less feasible this gets. If Bingo Master Board PLUS used this technique for the 75 clickable Bingo balls, there would be at least 150 slides dedicated to the master board alone. Any VBA that affects the master board's appearance would have to modify 150 slides, which is inefficient. And if I ever wanted to change the master board's UI, that's a disaster waiting to happen.

So yes, you're right that PowerPoint does support mouseovers. But my games would never use this for the above reason. Unless you have a counterpoint?
avatar
johnr
Administrator
Administrator
Posts : 327
Join date : 2017-08-17
Location : UK
http://www.powerpointgames.uk

Re: Bingo Master Board for Web

on Tue May 08, 2018 4:08 pm
Of course. I completely understand that this approach would be impracticable for this kind of game with so many objects to work with. It's just that I remember someone saying a few years ago that it was impossible to do rollovers like on a web page in PowerPoint, so I took this as a challenge and came up with this approach. For less than 10 textboxes or objects it can be quite effective.
avatar
rusnakcreative
Administrator
Administrator
Posts : 359
Join date : 2017-08-16
https://www.rusnakcreative.com

Re: Bingo Master Board for Web

on Tue May 08, 2018 5:01 pm
Tim, I think you have you seen my Arduous Arrow Adventure game before. I use macros with mouse over effects. Write a macro to do the thing you want when you mouse over, and then make sure you’re on the mouse over tab in action settings. If you want to get fancy, you could have a macro run on mouse over, and another one when you click. That’s how I have my wheel work in WOF.

However, I do agree that mouse over capabilities are very limited in PowerPoint.
avatar
TimsSlideshowGames
Featured Creator
Featured Creator
Posts : 120
Join date : 2017-10-09
https://slideshowgames.blogspot.com/

Re: Bingo Master Board for Web

on Tue May 08, 2018 9:55 pm
Ok guys, I hear you. I edited the section about mouseovers to say this instead:

...exclusive features that would be convoluted, if not impossible with PowerPoint.

Have any of you guys tried Bingo Master Board for Web yet? I'm curious how others perceive this project on the Web compared to downloading and running it on PowerPoint.
avatar
rusnakcreative
Administrator
Administrator
Posts : 359
Join date : 2017-08-16
https://www.rusnakcreative.com

Re: Bingo Master Board for Web

on Tue May 08, 2018 10:09 pm
Looks great, Tim! It feels much smoother than PowerPoint. I love the little animated pulse that happens when a drawn ball is called. The ability to remove a ball from the board after it has been called (or add one) is a nice feature that I had no idea was needed.

How long have you been working with javascript?
avatar
TimsSlideshowGames
Featured Creator
Featured Creator
Posts : 120
Join date : 2017-10-09
https://slideshowgames.blogspot.com/

Re: Bingo Master Board for Web

on Wed May 09, 2018 1:47 am
rusnakcreative wrote:The ability to remove a ball from the board after it has been called (or add one) is a nice feature that I had no idea was needed.

This is meant those who prefer using a real Bingo roller. Since this is exactly how the original Bingo Master Board worked, it only made sense to keep this feature around.

I'm surprised you just found out about this; it also exists in Bingo Master Board PLUS. Perhaps the new mouseover effects helped you discover this feature? Wink

rusnakcreative wrote:How long have you been working with javascript?

I started learning JavaScript about five years ago. This, however, is my first attempt with CreateJS, helping me create a PowerPoint-like interface.


Last edited by TimsSlideshowGames on Thu May 10, 2018 12:37 am; edited 1 time in total
avatar
johnr
Administrator
Administrator
Posts : 327
Join date : 2017-08-17
Location : UK
http://www.powerpointgames.uk

Re: Bingo Master Board for Web

on Wed May 09, 2018 3:26 am
Keeping to topic by my fingertips, I always thought that bingo was bingo was bingo. I never knew before that there was such a huge difference between UK and US bingo. Are you guys aware of this?

Here's a link if you want to check it out. UK / US Bingo

The UK description misses out a common starting game of 'Four corners' (first and last numbers on top and bottom lines). Most often games go line, then full house - and that's it.

I was hoping to report (smugly) that Bingo was a British invention but have since discovered that it originated in the mid 1500s in Italy. Drat!! British history says: "The first British occurrence of a game resembling bingo, based upon random numbers, organised by and for working women was in 1716."


Edit:  Hold on!!!  What's this.... Special thanks to Hugh J. Ward (the creator of Bingo) (from the PPT version). He might have created the US version in the early 1920s, but he didn't create Bingo. If I can't claim it for Britain, you can't claim it for America! Mad Wink Smile


Last edited by johnr on Wed May 09, 2018 12:46 pm; edited 1 time in total (Reason for editing : Discovered some true and false, history of the national institution that is the game of Bingo.)
avatar
TimsSlideshowGames
Featured Creator
Featured Creator
Posts : 120
Join date : 2017-10-09
https://slideshowgames.blogspot.com/

Re: Bingo Master Board for Web

on Mon May 14, 2018 2:45 pm
johnr wrote:Edit:  Hold on!!!  What's this.... Special thanks to Hugh J. Ward (the creator of Bingo) (from the PPT version). He might have created the US version in the early 1920s, but he didn't create Bingo. If I can't claim it for Britain, you can't claim it for America! Mad Wink Smile

http://forum.rusnakcreative.com/t97-bingo-master-board-bingo-master-board-plus#1101
Sponsored content

Re: Bingo Master Board for Web

Back to top
Permissions in this forum:
You cannot reply to topics in this forum