Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying PhoneGap By Example
  • Table Of Contents Toc
  • Feedback & Rating feedback
PhoneGap By Example

PhoneGap By Example

By : Andrew Kovalenko
close
close
PhoneGap By Example

PhoneGap By Example

By: Andrew Kovalenko

Overview of this book

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about. It is one of the first and fastest spreading tools to develop hybrid applications using CSS, JavaScript, and HTML, without losing the advantages of native applications. If you are already a web developer, this book will provide you with the skills you need to create, customize, test, and deploy hybrid mobile applications. Starting from the beginning, this book will cover how to set up your PhoneGap development environment, add mobile web frameworks and plugins, design and customize the application layout, and utilize the embedded features of the PhoneGap framework. By working through the steps in each chapter, you will quickly master a variety of mobile applications with totally different approaches. You will then learn how to develop a PhoneGap plugin with native interfaces for iOS and Android, as well as common approaches to test PhoneGap applications. With ample screenshots that show you how to build a phenomenal application, PhoneGap by Example will ensure your success with this cutting-edge mobile development framework for hybrid applications.
Table of Contents (12 chapters)
close
close
11
Index

Releasing a bubble


When the mouse or tap is released with a bubble selected, we need to follow these steps:

  1. Check for matches

  2. Remove matched bubbles

  3. Drop down bubbles above the removed bubbles

  4. Refill the board

We perform all these steps in the releaseBubble function:

function releaseBubble(selectedBubble, pointer) {
    checkAndKillBubbleMatches(selectedBubble);
    removeKilledBubbles();
    var dropBubbleDuration = dropBubbles();
    game.time.events.add(dropBubbleDuration * 100, refillBoard);
    window.allowInput = false;
    window.selectedBubble = null;
    window.tempShiftedBubble = null;
}

Here, you can see that we refilled the board with some timeout. We did it using the game.time.events.add function. The first parameter is timed out for calling the second parameter, that function is to refill the board. We need to be sure that all the existing bubbles have dropped down. In the end of the function, you can see that we disabled input. We enable it only when the board has finished refilling...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY