Very sad to report that Vizwik has ceased operations (Sept '16)
Using a Template - Building a FlapFlapBird Game AppSometimes you get a chance to make something awesome. Well, this is it!
Below are video instructions for you to create your own FlapFlapBird app, and there's a Starter Template to help you get it done. If you have any questions, my students can leave blog messages and everyone can use the Contact page above (and it will email me your message). |
Getting Started with the FlapFlapBird Starter Template
Find this template and click "COPY" so that you can edit it. There are a number of ways to find this template, but the video explains how.
Then, you'll want to study the Views and Scripts so that you can make your own similar Scripts! |
|
What's in the Starter Template? - Part 1
Here's a quick run-through of the Views and Scripts included in the Starter Template.
All the files needed to run this App are included within the Starter Template. |
|
What's in the Starter Template? - Part 2
This video explains the last 2 scripts in the Starter Template.
|
|
Now, what's left to do?
Here's a "To Do List" for after you've made sense of what's in the Starter Template.
First, be sure to watch the videos above (that explain the Starter Template).
Next, you'll want to create Drop Scripts. The Canvas is what VizWik uses to draw. So, you'll see references to a "Hazard Canvas" where the pipes/maze/hazards are drawn. How does it work? Well, you will want to:
|
|
- Create a list of corner points for each pipe.
Use regular brackets to create an x,y group. Then use regular brackets to hold all your (x,y) groups. Then separate each (x,y) group from the next (x,y) group with a comma. Your list of hazards should look something like this:
((150,120),(250,100),(350,90),(450,120),(550,140),(650,180))
Notice that each hazard "x" value is 100 more than the last one. This is a good setting for a beginner level. - Next, use your Canvas to "Draw Rectangle". Try one to start. With your (x,y) coordinates, remember that (0,0) is at the top left corner of the screen. Here's an image to show how that works.