blog

Archive for Adobe

Flash game development 101

May 20th, 2009 by Anthony

mario_449x600

As part of the ongoing Gruden China training program, talented members of the interactive team – Peng, Haixia and Wenjie – are brushing up their Flex & Flash skills. This time around, I decided to move away from the training status quo and proposed a simple Flash game for development.

This initiative turned out to attract some interest from another Grudenite outside the interactive team, as Ronaldo from the tenders team joined the training crew. Equipped only with a basic understanding of game mechanics, a passion for playing games, and the good ol’ FlashDevelop IDE, they came up with a plan of attack.

The game-play concept was simple and addictive; treasures dropping from the sky from varying directions. Each kind of treasure boasts different score points. Some bestows the player with a special ability, some strip it away and causes negative repercussions. The player’s goal is to catch as many treasures as possible to achieve the highest score.

Since the training team will be developing the game from scratch, it’s important that each development phase is managed effectively, broken down into the following stages;

  1. Main game loop & character motion logic
  2. Obstacle collision detection
  3. Sprites and animation
  4. Item factory & motion logic

This is my first experience of creating a Flash game. The experience of localisation projects really assisted my understanding, but wasn’t comparable with dedicated training. By finishing the training phase 1 and 2, I have learnt that Math and Physics are the basics of any game.
- Peng, Gruden China Office

The graphics assets are sprites from the ultimate platform game, Mario Brothers. Currently the team has completed the first phase of development and the resulting prototypes are playable showcases of character motion. We’ll be blogging their progress and eventually posting the games live on the Gruden blog, so stay tuned for more game development updates the flash training team. To check out some of the phase one demo’s, please click on a name below and use your arrow keys to move the character.

Or, you can view the full page in our training site

2 Responses to “Flash game development 101”

  1. teeps says:

    Nice work…when is the next one coming out?

    Btw, if y velocity exceeds the height of a tile, collision detection doesn’t stop mario from falling through the world.

  2. copet80 says:

    Thanks teeps! We’re still trying to find time to continue it in the midst of production works. As soon as there’s an update I’ll post a new blog post again. Thanks for checking it out :)

    P.S.: yes the collision detection still needs some major work as it’s very simplistic at the moment. I guess it needs some quick math intersection calculation, probably a dumbed-down version of those used in projecting bullet hits in FPS games.

Gruden sponsors WebDU web technology conference

April 28th, 2009 by Mark

We’re proud to announce that Gruden will be sponsoring WebDU 2009 for the fourth year running. For those that don’t know WebDU is a conference for anyone at the coal face of web design & development. Bringing together Adobe, Microsoft and Google and a host of local and international speakers – including Gruden’s very own Mark Stanton (aka me) – it’s a brain melting three days of internet goodness.

If you’re involved in making websites or web apps in any way make sure you put 21-22 May 2009 in your diary and register, enter the competition or apply for a scholarship because WebDU should not be missed.

Gruden launches Aaron Stone for Disney Channel

April 3rd, 2009 by Philippa

aaronstone_sml_v2

Gruden have just launched the Aaron Stone site for Disney Channel Australia to support and promote the new show – Aaron Stone. Charlie Landers is a star video game player who has the avatar of AARON STONE in the world’s best selling role-playing video game “Hero Rising.” His world is turned upside down when the game’s creator, billionaire T. ABNER HALL sends synthetic STAN to recruit him to be a “real life” Aaron Stone and fight against the evil influence of Omega Defiance, a group of seven villains bent on world domination.

Users can come to the site and play seven fantastic Aaron Stone games, learn more about the characters and watch associated video content. In addition, users have their own ‘member profile’ where they can select their own avatar and track their own personal high scores for each of the games.

This project gave Gruden the opportunity to design and create the site from concept to delivery rather than localising existing content from the UK or US and there are plenty of exciting ideas for future developments in subsequent phases.

Todd talks about technology efficiencies in an economic crisis

March 30th, 2009 by Philippa

Earlier this month, Gruden CEO Todd Trevillion spoke with iStart about the importance of streamlining processes utilising technology efficiencies in an economic crisis.

Here’s what he has to say:

What I’m hearing from clients is all about how they can work smarter by the use of technology efficiencies across the whole company. You’ve got reduced headcount, work is being dumped on someone’s desk, how do you deal with it?

When it comes to process and workflow, clients are asking how to use technology to eliminate human touchpoints. The problem is typically that they have new initiatives to deliver, but no more headcount.

The article also went on to discuss Gruden’s approach to finance and insurance companies trying to grapple with the strain of the current financial climate.

Gruden deals with finance and insurance companies, where, Todd says, these issues are focused around signing up customers. Gruden uses products from the Adobe suite (“flex” and “livecycle”) to take care of the back-end and tie the two together.

“Adobe flex is a smart way to create intelligent forms that are easy to complete and so make for a nice user experience. Rather than have people step through a series of buttons, you have everything on one screen. This results in a much higher completion rate,” says Trevillion.

The forms are made even less daunting by only including important information, and by being nicely presented. This saves on staff time, as customers are effectively doing some of the work. Dashboards are then included in the back-end, so staff can see the current status of start up at any time.

Essentially, the possibilities of Adobe Livecycle are exciting in terms of increasing operational efficiencies via technology implementations. Here at Gruden, we’ve been working hard in conjunction with Adobe to help our clients get the most out of Flex and Livecycle, assisting them in weathering the storm of the global financial crisis and improving efficiencies long-term.

If you’re interested in a demonstration of Adobe Livecycle or would simply like a little bit more information as to whether it’s the right solution for your business, give the Gruden switchboard a ring and ask for Adam or Philippa. No pushy sales spin, we’ll simply assess if it’ll be a good fit for your company and give you the information you need to make an informed decision.

Augmented reality with FLARToolKit

March 20th, 2009 by Mark

How’s this for a cool Friday mini-project…

Having just completed a massive project (which you’ll be reading about here soon), Anthony from our interactive team decided to have a play with the recently released FLARToolKit which uses the Flash player in your browser, your web cam and a specially crafted image to overlay 3d objects onto a real-world scene. The results of this have to be seen to be believed.

To test it out, just follow these instructions:

  1. Download & print this image
  2. Connect & turn on your web cam
  3. Visit this page and allow access to your web cam when prompted
  4. Hold your print-out in front of your web cam so that the four outer corners of the dark square are visible to the camera and the image isn’t obstructed.
  5. Be amazed by the awesome, spinning Gruden logo!

For those of you who don’t have a web cam here is a demo:

The possibilities of this technology are just beginning to be realised – however there are a couple of cool examples out there and the ideas were flying rapidly around our office tonight so watch this space!

Speaking at WebDU: Javascript security, XSS & CSRF

March 5th, 2009 by Mark

After many years as an attendee, I’ll finally be speaking at  ”the premier Antipodean Web Technology Conference”, WebDU this year.

Covering a huge range of front & back end web technologies, WebDU will have five streams over two days plus a third day of workshops. For those that haven’t been before – the Code Wars, Card Trading Games and notorious extracurricular activities provide a unique vibe, but it’s not all fun and games – you will learn from, and rub shoulders with, some leading minds from across the industry.

My talk, Be Afraid. Be Very Afraid. Javascript security, XSS & CSRF, will look at some amusing incidents, their not-so-amusing implications and how developers can defend against this sort of thing.

Hope to see you there.

Flash upload widget

February 24th, 2009 by Peter

We recently released a couple of updates to NSW eTendering that included a significant improvement to the way users interact with a key process on the site – responding to government tenders electronically. Previously this was a simple form with a couple of file input fields. We have some JavaScript in place to validate certain filename rules on the client-side (to avoid telling users there was a problem after they’d uploaded what can be some pretty large files). And we have a script that pings the server prior to upload in order to log the fact that a user’s transaction has commenced — responses are time-sensitive, and when upload speeds can vary widely, so it’s important to record just when a user hit that submit button.

But as with many HTML forms, the feedback provided to users wasn’t ideal. Support staff would regularly field calls from users unsure if their upload was going through. When you’re uploading a large proposal on a slow connection, and your only feedback is IE’s little flag waving around, it can get pretty disconcerting.

Part-way through the redevelopment of eTendering, we came across Moo’s implementation of SWFUpload, a JavaScript/Flash library that provides an interface to Flash’s FileReference, allowing us to greatly enhance the file uploading experience. We researched the implementation options and pitched it to Commerce, who responded enthusiastically. One of their most common feature requests was for more feedback around file upload when lodging responses, so the feature was quickly scheduled in as a post-live enhancement.

The Design

The system degrades gracefully – users without the Flash Player get ordinary file fields. With Flash Player 9+, users get a single ‘Browse’ button, which pops up a Flash driven file dialog when clicked. After selecting a file, we output the file name and size alongside the button.

The flash uploader interface
The flash uploader interface

Users hit ‘Lodge Response’ and the uploads begin, with a progress bar showing actual upload progress, and a countdown timer showing our best-guess time remaining. Users can immediately get an idea of how long the largest file is going to take, and can see if a connection drops out and the upload progress just stops.

The flash upload interface showing upload progress
The flash upload interface showing upload progress

Once files are uploaded, the system has to compress and encrypt the files. Depending on the size of the files, this process can take up to a minute and previously at this point most browsers would just stop giving feedback altogether. So we’ve added some extra progress indication in the form of three steps “Uploading files”, “Encrypting uploaded files”, “Preparing response receipt”. The system highlights the current step in bold, and greys out the completed step/s.

The flash upload interface with file upload completed
The flash upload interface with file upload completed

Conclusion

The take-away? Never stop thinking about the end-user’s experience. We had a system that we thought worked, well enough. But a little extra feedback goes a long way.

We’ve uploaded a screencast (1.5Mb SWF) of the new process in action.

One Response to “Flash upload widget”

  1. Mark says:

    Interestingly both Flick and Gmail have recently taken similar approaches to improve their multi-file upload processes.

Todd Talks All Things Adobe

February 23rd, 2009 by Philippa

Mark Szulc and Andrew Spaulding from Adobe dropped by to have a chat with Gruden CEO, Todd Trevillion, regarding Gruden’s opinion of Adobe technologies and the potential of the Australian Adobe community. Check out the video to hear what he’s got to say about Flash, CS4 and other tantilising technologies, and check out Mark Szulc’s blog.

On the road with Adobe

February 20th, 2009 by Mark

Last week Gruden ran a booth at the Adobe Refresh event in Sydney. Thanks to everyone who stopped by to say hello.

On the 5th of March we’ll be in Crowne Plaza, Auckland for the New Zealand leg. It’s a free event, but places are limited and you must register. If you want to get a taste of what’s in store Mark Szulc has kindly posted keynote slides and some sneak peaks on his blog.

But it doesn’t end there. On the 10th March we’ll be joining Adobe at the CS4 Roadshow in Canberra. Here is the low down on the day:

The day will begin with a keynote address from a Marketing Professional in a leading company ie. your customer. Following that an industry expert will discuss and debate “The Future of Digital”. Then we’ll start our deep dive into the Adobe Suites and products, rounding out the day with an “Adobe Feature Jam” where you can pick up some great Tips & Tricks.

Again, make sure you register soon.

Gruden Nominated for Two AIMIA Awards

January 22nd, 2009 by Gruden

Well it’s that time of the year again and the AIMIA Awards are fast approaching.

Gruden is thrilled to announce that they have been nominated again this year as finalists in two categories.

Gruden, in partnership with Disney Channel Australia, has been nominated in the category of Best Childrens for their interactive flash game, Hannah Montana Cover Styler. Want to see your face on a magazine cover? Check out the game here.

Additionally, based upon Gruden’s recent expansion into China and New Zealand, we’ve picked up a nomination in the Export Achievers Category. Capitalising on the recent growth of digital within the Australasian market, Gruden’s had flourishing success in the region in recent months, with plans for future expansion.

Get behind Gruden this year and barrack for Australia’s leading digital talent at this year’s AIMIA awards.