Friday, April 29, 2011

A Royal Wedding Friday Funny

Pic of Royal wedding family
Image Source: http://makefun.cn

What a Funny Friday we have on our hands this week, with a Royal Wedding on in England.

Just the right time to have a bit of a laugh at the Royal Family.

Everyone has been inquiring into the "real" Kate Middleton story. Well here it is in song by Kate that is bigger than Broadway!



But a little known fact about the Royal Family, is that they are in fact all Indian.

I know everyone is shocked by the news, but all is fully explained in the following video.



The Royal Family are certainly a very close knit group:

Knitted Puppets Royal Family
Image Source: http://oddtrite.files.wordpress.com

Queen Elizabeth has been busting out a few moves, while doing some serious dance practice for the big event.



And just as well she did, because here is what is planned for the wedding's grand entrance.



Some people say that the Royal Family are just a bunch of "Plastic People".

Lego Royal Family
Image Source: http://msnbcmedia.msn.com

And others have them set up as a bit more flexible than this.



But what if the Royals were just normal Brits, that we could all relate to.
Here is a bit of a peek into what such Royal life would be like.




Needless to say that Big Passy wasn't invited to the Royal Party, and so I'll just have to make do with mixing with my great mates "the commoners".


Enjoy,
Big Passy Wasabi

Tuesday, April 26, 2011

Lang Lang Ute Show 2011

Bundy Bear and Friends

Recently we attended the Ute Show at Lang Lang which is about an hour from Passy World.

Utes are the Australian term for country style farm "pickup trucks".

There were some awesome machines at the show, and on a perfect sunny day, it was a great day out.

The following Wondershare Flash Photogallery Slideshow highlights the many sights we saw.

The slideshow is 7meg in size, and so may take a while to load in.



If you would like to see the above slideshow full size, then click on this link: http://www.passyworld.com/passyHTMLs/LL2011Show.html

We also filmed the Flash Slideshow using Camtasia 7.1 to create the following YouTube Video.



Ute shows are a great day out mixing with country folks, and we hope to do another one soon.

Enjoy,
Big Passy Wasabi

Monday, April 25, 2011

Scratch Soccer Game Part 3


Welcome to the third and final part of our Scratch Soccer Game. Click the top right hand corner green flag to start. (Make sure computer sound is on, so you can hear the sound effects).

Then use the keyboard arrow keys on your computer to move side to side and kick the ball. If you miss a ball and it goes through to the yellow line, then you lose a life. When you have lost all your player's lives, the game ends.

Use the top right hand corner red stop sign to stop the animation.
Then Click the Green Flag in the top right corner to Play Again.

This post contains the third of a series of tutorials that will result in our final full soccer game.

You will have needed to have completed Parts 1 and 2 before being able to do this Part 3 tutorial.

Links to these previous tutorials are as follows:

Part 1 Scratch Soccer Game Tutorial

Part 2 Scratch Soccer Game Tutorial

The following YouTube tutorial shows the steps required to build Part 3 of the Soccer Game that is present at the start of this post.

Note that by adjusting the bottom right hand controls, it can be viewed full screen in HD. (Press Escape to return to this blog page when finished).



Here is the final Script for the "Kicker" that allows movement using the arrow keys, and keeps track of how many lives he has left.

Kicker Sprite Script Blocks

The following is the final script for the Soccer Ball, which takes care of scoring, as well as broadcasting some important messages to all of the other sprites.

Ball Sprite Script Blocks

Here is the final Goal Net script, which is very simple and just broadcasts a message to the Ball Sprite, every time the ball reaches the goal net.

Goal Sprite Script Blocks

Here is the script for the brand new sprite we added in Part 3 which supplies the "Game Over" sign when all lives are gone.

Game Over Sprite Script Blocks

We hope you have enjoyed playing our soccer games. We certainly had a lot of fun making the Soccer Game here at Passy World.

Why not try build your own game, by downloading and installing the Scratch Development Environment for free on your PC from the following link:

http://info.scratch.mit.edu/Scratch_1.4_Download

We promise you will really enjoy kicking some goals with Scratch!

Enjoy,
Big Passy Wasabi

Scratch Soccer Game Part 2


Welcome to Part 2 of our Scratch Soccer Game. Click the top right hand corner green flag to start. (Make sure computer sound is on, so you can hear the sound effects).

Then use the keyboard arrow keys on your computer to move side to side and kick the ball. If you miss a ball and it goes through to the yellow line, then you lose, and the game ends.

Use the top right hand corner red stop sign to stop the animation.
Then Click the Green Flag in the top right corner to Play Again.

This post contains the second of a series of tutorials that will result in our final full soccer game.

In this second tutorial we add a Goal Net to our game.

The Soccer Player and ball were obtained for free from Cliker.com. We modified the player in Adobe Fireworks and resized him to around 50x50 pixels in size, then saved him as a transparent GIF file. (When doing this, we had to go into "options" while saving and turn alpha transparency on in Fireworks).

Clker Red Soccer Player Sprite

Soccerball Sprite

We obtained the Goals from an American Department store online catalogue, and changed their background from white to green using the colour replace painting tool in Adobe Fireworks.

Soccer Goal Sprite

Because the goals contained some white colour, they caused some false "out of bounds" problems, and so we fixed this by changing the game's out of bounds line from white to yellow by editing the background in Scratch.


The following YouTube tutorial shows the steps required to build Part 2 of the Soccer Game that is present at the start of this post.

Note that by adjusting the bottom right hand controls, it can be viewed full screen in HD. (Press Escape to return to this blog page when finished).



Here is the script code for the "Kicker" that allows the arrow keys to be used to move him left and right along the bottom of the screen.

Pt 2 Kicker Script

Here is the script code for the Goals that allows them to broadcast a message to the ball whenever a Goal is kicked.

Pt 2 Goal Script

Finally, here are all of the script code blocks for the ball.

Pt 2 Ball Script

We will finalise the development of this Soccer Game in upcoming Tutorials.

Our plans are to create scoring for the Goals, as well as creating lost lives for missed kicks, and track these as well. The game will also issue a "Game Over" message when all lives have been lost.

Keep an eye out for these tutorials in upcoming posts.

Make sure you give our tutorials a go, by downloading and installing the Scratch Development Environment for free on your PC from the following link:

http://info.scratch.mit.edu/Scratch_1.4_Download

We promise you will really enjoy kicking goals with Scratch!

Enjoy,
Big Passy Wasabi

Saturday, April 23, 2011

Scratch Soccer Game Part 1


Welcome to our Scratch Soccer Game. Click the top right hand corner green flag to start. (Make sure computer sound is on, so you can hear the sound effects).

Then use the keyboard arrow keys on your computer to move side to side and kick the ball. If you miss a ball and it goes through to the white line, then you lose, and the game ends.

Use the top right hand corner red stop sign to stop the animation.
Then Click the Green Flag in the top right corner to Play Again.

This post contains the first of a series of tutorials that will result in our final full soccer game.

In this first tutorial we build a kicking practice game, based on Scripts that we learned from a "Pong Game" by Darel Branson.

We purchased the soccer player image online from Fotosearch, and then used Adobe Fireworks to remove the ball and resize him down into a GIF file.
(We could have obtained a soccer player from Clker.com for free, but we really liked the Fotosearch player, and so we purchased him to use in our game).

Scratch Sprites need to be around 50 pixels by 50 pixels in size.

Any image can be resized and edited in Adobe Photoshop or Fireworks, unless it is already a good size, because it has come from a Sprite sheet.

The Soccer Player has been resized to be a 45x39 pixels sprite.

Soccer Kicker Boy Sprite

If you do not wish to buy the Fotosearch Player, then use the following soccer player image sprite which we have made from a free image obtained from Clker.com.

Soccer Kicker Boy Sprite

The Soccer Ball was obtained for free from Clker.com, and has been reduced to 30x30 in size, but can be shrunk in size in Scratch by right clicking on it and doing "Resize Sprite", and then using the sizing arrows.

Soccer Ball Sprite

The following YouTube tutorial shows the steps required to build the Soccer Game shown at the start of this post.

Note that by adjusting the bottom right hand controls, it can be viewed full screen in HD. (Press Escape to return to this blog page when finished).



Here is the code for the "Kicker" that allows the arrow keys to be used to move him left and right along the bottom of the screen.

Kicker Script Code

Here is the Ball Script, which controls not only the ball, but also the collision of the ball with the Kicker.

It also checks if the Kicker has missed the ball and the ball has gone over the white out of bounds line.

Ball Script Code

If you want to make the game more difficult, then simply increase the speed of the ball to a value higher than 9.

We are hoping to further develop this Soccer Game in upcoming Tutorials.


Our plans are to create a Goal Net to score Goals, and have "Goal" messages displayed. We also want to create negative points for missed kicks, and track these as well.

Keep an eye out for these tutorials in upcoming posts.

Make sure you give our tutorials a go, by downloading and installing the Scratch Development Environment for free on your PC from the following link:

http://info.scratch.mit.edu/Scratch_1.4_Download

You'll soon find you are kicking goals with Scratch in no time.

Enjoy,
Big Passy Wasabi

Stupid Answers Friday Funny

KIDS PUTTING UP HANDS IN CLASS
Image Source: http://eep.3cdn.net

Being a school teacher you can't help but laugh at some of the answers the students come up with.

And that is what we are doing this week.

So scroll along down the page and have a snicker at the snippets from some testing times that students have encountered.

Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


Sorry Picture Not Found


So remember this folks:


There's no such thing as a stupid question, there are only stupid Answers!

NOT THE BRIGHTEST CRAYON IN BOX
Image Source: http://www.polyvore.com

Enjoy,
Big Passy Wasabi

Wednesday, April 20, 2011

Scratch Helicopter Tutorials


Welcome to our Scratch Helicopter Animation. Click the top right hand corner green flag to start. (Make sure computer sound is on, so you can hear sounds).

Then use the keyboard arrow keys on your computer to fly the helicopter through the city.

Use the top right hand corner red stop sign to stop the animation.

This post contains a series of four tutorials that will result in the final Helicopter animation.

These are as follows:
  • Tutorial 1 - Move With Arrow Keys
  • Tutorial 2 - Move with Costume Change
  • Tutorial 3 - Adding Sounds
  • Tutorial 4 - Making Backgrounds

Let's get started with the first tutorial.

Part 1 - Move With Arrow Keys

The finished animation for Part 1 is this one.
Click the green flag and use keyboard arrow keys to move.


The following YouTube tutorial shows the steps required to build the "Helicopter 1" animation.

Note that by adjusting the bottom right hand controls, it can be viewed full screen in HD. (Press Escape to return to this blog page when finished).



Here is the final Scratch Script code for Part 1.

Helicopter Part 1 code


Part 2 - Move With Costume Change

Here is the finished animation for Part 2.
Click the green flag and use keyboard arrow keys to move.


In this tutorial we build a sprite costume for the helicopter to fly to the left. We then use costume change script to change to the left Helicopter every time the left arrow is pressed.

The following YouTube tutorial shows the steps required to build the "Helicopter 2" animation.

Note that by adjusting the bottom right hand controls, it can be viewed full screen in HD. (Press Escape to return to this blog page when finished).



Here is the final Scratch Scripting for Part 2.

Helicopter Part 2 code

And these are the costumes we set up for the Helicopter Sprite.

Helicopter Part 2 costumes


Part 3 - Add Sound Effects

In Part 3 we use Scratch sound to make a helicopter sound for our animation. Unfortunately the sound plays a little bit slow due to internet delay on our blog post page here, and sounded a lot better coming straight from Scratch.

The following YouTube tutorial shows the steps required to build the "Helicopter 3" animation.

Note that by adjusting the bottom right hand controls, it can be viewed full screen in HD. (Press Escape to return to this blog page when finished).



The following will need to be added into the Part 2 project, to give it some helicopter sound.

Helicopter Part 3 code


Part 4 - Making Backgrounds

In this final tutorial we make a nice night sky background for our animation.
This is in fact the animation shown at the start of this blog post.

The following YouTube tutorial shows the steps required to build the "Helicopter 4" animation.

Note that by adjusting the bottom right hand controls, it can be viewed full screen in HD. (Press Escape to return to this blog page when finished).



The final full script code for the Helicopter Animation is shown below.

Helicopter Part 4 code

That's it for our Helicopter Flying Animation.

Why not download Scratch for free from the link below, and give it a go.

http://info.scratch.mit.edu/Scratch_1.4_Download

Enjoy,
Big Passy Wasabi

Monday, April 18, 2011

AS 3.0 Horse Race



Welcome to our two horse race. Click the Start button and
then move Horse Number 2 with the right arrow key to race.

There is then a restart "Race Again" button, which enables the
game to run again. However there is some kind of glitch, where
the grey "Horse 6" runs faster on many races, and becomes impossible
to beat. If this becomes too annoying, just reload the page to
start the game again.

We have not found a way to fix the speed glitch, despite much searching of Flash Forums on the internet.

It may be something to do with the collision detection not resetting properly?


Anyway, the game still suits our main objectives which is to show how to:
  • Have an Introduction Screen before the game starts
  • Move an item automatically
  • Move using the arrow keys
  • Use Collision Detection
  • Make invisible items appear later on
We will build the game up in stages, and have a YouTube tutorial for each section.

The build steps are as follows:
  • Make the opening screen in frame 1
  • Set up one horse to move automatically
  • Use Collision Detection to stop the horse
  • Make a "Winner" message appear at the end
  • Set up the other horse to move using the keyboard
  • Create a Game Restart Button
We made the background and horses as follows.
First we found a picture in Google Images of two horses racing:

horses finishing race pic

We then used Photoshop Rubber Stamp and Patch Tools to clone pixels
from the background over the top of the horses and create our background.

finish line wout horses

We then used the crop tool, and the eraser to isolate each horse from the original photo. The background was made transparent, and each horse saved as a .PNG file to preserve transparency.

We also had to use the rubber stamp tool and paintbrush to create the missing pieces of each horse.

Horse 6 png pic

This grey coloured horse is referred to as "Horse6" throughout the tutorial and is the opponent horse.

The brown horse which we race using the right arrow key is "Horse2".

Horse 2 PNG pic

Using different images, our game could easily be modified to be:
  • A Car Racing Game
  • A Running Race
  • A Swimming Race
  • A Bowling Ball hitting Skittles
  • A Spaceship hitting an Asteroid
  • A Dog catching a Frisbee
  • A Person catching a ball

Let's get started with Part 1 which involves making the Introduction Start Screen.

(Note that all six videos for the Horse Race Game are HD, and so can be viewed full screen at HD resolution by clicking the bottom right hand corner options on the YouTube player below. Use the Esc key to return to this blog page.)




The AS 3.0 code needed in Frame 1 of the Part 1 project is as follows:

frame 1 as3 code

It is very important to give the Start Button an instance name in its properties of "startBTN" so that it can be found by the Actionscript Code. This is shown in the Part 1 video, but is worth remembering.

Part two of making the game involves introducing the opponent "Horse6" and getting it to move accross the screen.

We then draw a small rectangle onto the finishing post, and set up for "Horse6" to stop when it collides with this rectangle.



We ran out of time in Part 2 and did not quite finish having the "winner" sign appear on the finish post.

In the Part 3 video below, we go back and redo the setting up of the "Winner" end of race message, and this time we complete the Actionscript code.



Here is the completed Actionscript Code for Frame 2 relevant to Parts 2 and 3.

AS3 code pts 2 and 3

The next thing we need to do is learn how to move things around using the arrow keys on our keyboard.

Basically Flash has number codes assigned for all of the keys on the keyboard.
The keys and codes we will be using are these:
  • Key Code 37 = Left Arrow Key
  • Key Code 39 = Right Arrow Key
  • Key Code 38 = Up Arrow Key
  • Key Code 40 = Down Arrow Key
The following video shows how to code Actionscript 3.0 in Flash to make movement happen using the arrow keys.

This tutorial does not enhance the actual Horse Race game, but teaches vital skills that we will use in Part 5.




Here is the completed AS 3.0 Code for Part 4:



If you would like to have your own full size copy of this PDF, then simply click the save disk icon button on the PDF viewer, and you should be able to save it to your own hard disk.

Alternatively, you can view or save the full size PDF by clicking the link below:



Now that we have learned how to move items around with the arrow keys, it is time to bring "Horse 2" into our race.



Here is the completed AS 3.0 Code for Part 5:



If you would like to have your own full size copy of this PDF, then simply click the save disk icon button on the PDF viewer, and you should be able to save it to your own hard disk.

Alternatively, you can view or save the full size PDF by clicking the link below:



The final tutorial for our Horse Race Game creates a "Restart" option so that the player can race again.



The following PDF supplies the finished full Actionscript 3.0 Code for this project.



If you would like to have your own full size copy of this PDF, then simply click the save disk icon button on the PDF viewer, and you should be able to save it to your own hard disk.

Alternatively, you can view or save the full size PDF by clicking the link below:



So that's it for our fabulous Horse Race Game. Hopefully people can make this project and have some fun learning some useful Actionscript 3.0 fundamentals.

Enjoy,
Big Passy Wasabi

Friday, April 15, 2011

Ask Me Why Friday Funny

Batman Cartoon
Image Source: http://www.askbatman.com

This week we are asking WHY?

For example, why do people like pulling funny faces when a photo is being taken?


Ladies pulling silly faces
Image Source: http://www.krisgoertzen.com

That's the basic theme, asking a few Why questions about some funny photos we found using Google images.

So there are no stupid questions, only stupid pictures to have a chuckle at.

Let's get started with some questions about life's most fundamental issues.

Why would you marry someone so much taller than you?

Very tall wife
Image Source: http://www.thisisjuststupid.com

Why are Engineers so obsessed with whiteboards, and why can't we understand a single thing that is written on them?

Engineer in whiteboard
Image Source: http://images2.memegenerator.net

Could an Engineer actually build a real light Sabre, and why does everyone want one on their Facebook profile?

Guys with light sabres
Image Source: http://img828.imageshack.us


Why are people honest at Job Interviews?


job int cartoon
Image Source: http://searchjobscareers.com

Why do people get stupid tattoos, is it to avoid job interviews?

guy with tatooed head
Image Source: http://3.bp.blogspot.com

Why do people have such stupid bike accidents, right when someone is photographing them?

face plant bike stack
Image Source: http://stupid-stuff.net

Why are people so proud to show the world how bad they are at driving cars?

car stuck on boat
Image Source: http://www.encyclopediaofstupid.com

Why do psychologists think they are so clever when they prove the obvious?

cartoon do not push button
Image Source: http://gocomics.typepad.com

Finally, here are a meangerie of things for us to ponder over the weekend.

1. Why do supermarkets make the sick walk all the way to the back of the store to get their prescriptions while healthy people can buy cigarettes at the front?

2. Why do people order double cheeseburgers, large fries, and a diet coke?

3. Why do banks leave vault doors open and then chain the pens to the counters?

4.Why do we leave cars worth thousands of $'s in our driveways and put our useless junk in the garage?

5. Why the sun lightens our hair, but darkens our skin?

6. Why can't women put on mascara with their mouth closed?

7. Why don't you ever see the headline 'Psychic Wins Lottery'?

8. Why is 'abbreviated' such a long word?

9. Why is it that doctors call what they do 'practice'?

10. Why is lemon juice made with artificial flavouring, and dishwashing liquid made with real lemons?

11. Why is the man who invests all your money called a broker?

12. Why is the time of day with the slowest traffic called rush hour?

13. Why isn't there mouse-flavored cat food?

14. Why didn't Noah swat those two mosquitoes?

15. Why do they sterilize the needle for lethal injections?

16. You know that indestructible black box that is used on airplanes? Why don't they make the whole plane out of that stuff?!

17. Why don't sheep shrink when it rains?

18. Why are they called apartments when they are all stuck together?

19. If flying is so safe, why do they call the airport the terminal?

It's been a long day, with far too many unanswered questions, and so I need to go get a strong coffee.

Coffe cartoon ad fake
Image Source: http://www.ferfelabat.com

Enjoy,
Big Passy Wasabi