Archive for Dorota Jablonska

Prototype

Project Outline
I created an interactive game in flash. The game has a turret point which shoots in the direction of the mouse. The turret point shoots to the enemies which go right to left. To get to the next level users has to shoot a sufficient number of the opponents.
Users get points for shooting down the enemy and each kill is worth 10 points.
Users starts the game on the first level as a labour worker. If they score 100 points they will get to the second level and they will get promotion for a team leader. And as follows:
100 points- Level 2- team leader
200 points- Level 3- supervisor
300 points- Level 4- manager
400 points- Level 5- director

Skills

I demonstrated a number of skills that makes me employable.
A reset function- set up the start location and speed for the enemies
Variables to duplicate the enemies
Collision detection-
detects when a shot hits an enemy and consequently makes it explode and disappear.
detects when an enemy collides with the gun, at which point the game ends.
Hit test- (for scoring points and game over)
Resetting enemies after exploding
limited number of shots-I used a code which limits the game to having a maximum of 4 shots on the stage.
Scores (variables)- users scores points and get to the next levels
Game Over function
A restart button
Sound- possibility to mute the sound.
Animation
Buttons
I have developed my designing and planning skills. Furthermore, I have deepened my knowledge about the interactive design technologies. Also I increased my understanding of interactive design principles and creative thinking around interactivity and design. I learned to think creatively about online presentation and distribution of media on CD. More importantly I deepened my knowledge through independent study of the Flash technology.
My project delivers to users more than one form of media at once. It include text, sound and images. I created a medium which is interactive to give a user control and to achieve two-way communication

Problems and future ideas for development
The game has an error. I think there is a problem with a collision detection. The shot hits an enemy and makes it disappear. Users cannot see the enemy but I think it stays on the stage as an invisible object. When it (the invisible object) collides with the gun the game ends. Originally I was planning to draw a line which would stop the enemies to leave the stage. Hitting the line by the enemies would mean the end of game. Users would have to shoot all the enemies which appear on the stage. – this would make the game slightly more difficult and challenging. Furthermore, I was planning to create more levels where users would have to score more points. All of that can be developed when the error is resolved. In order to make the game working I placed the gun at the bottom of the stage where the enemies have less chance to hit it. It does not make the game challenging or exciting but at least it works for now and presents what I am trying to achieve.

Usability test

When I finished the product I did a usability test among 20 people. All of them liked the project. None of them had any problem with understanding how the game works. Ten out of twenty people managed to get to the fifth level when they played the game for the first time. Five people were stopped because of the error. I created also a Polish version of the game which allowed the Poles to understand the instruction written in their mother tongue language.

Conclusion
I intend to place the finish product on my on my final project website which will aim at European Union citizens who come to England to start a new life. It will also may be placed on the Independent Polish web portal http://www.bham.pl which provides visitors with information, forums, articles and chat rooms. The online community was established for and by Polish people who along with other immigrants for economic reasons arrived in Birmingham to start a new life. Those people often are very well qualified, but have only basic communication skills in English. Therefore they are unable to undertake tasks according to their qualifications which may lead them to a frustration. My game may give them the chance to take their frustration out, give a little bit of fun, make them laugh and possibly give the chance to virtually take their anger out on their bosses.

Resources
The tutorial sites which I used http://www.tutorialized.com/tutorials/Flash/Games/1

Kurt (01.06.2004) Building Games in Flash 5 – Enemies and collisions- tutorial http://www.tutorialized.com/tutorial/Building-Games-in-Flash-5-Part-3-Enemies-and-collisions/2402

KirupaBlog Hit Test (Collision Detection)- http://www.kirupa.com/developer/actionscript/hittest.htm

Luke Knepper Handling Score in a Basic Game – http://www.flashkit.com/tutorials/Games/Handling-Luke_Kne-1399/index.php

Flash Space Shooter – Enemies Tutorial http://www.tutorialized.com/view/tutorial/Space-Shooter-Enemies/29427

Polonia Birmingham Polski niezależny Portal w Birmingham (translation: Independent Polish web portal) http://www.bham.pl [viewed 22/10/2007]

Proposal (Dorota Jablonska)

Aim

For my second assignment I intend to create an interactive game in flash.

Project Outline and design

The game will have a turret point which shoots in the direction of the mouse. The turret point will shoot to the opponents which will go from top to bottom. To get to the next level users will have to shoot a sufficient number of the opponents. Users will start the game on the first level as a labour worker. If they shoot enough opponents they will get to the second level and they will get promotion for a senior worker.

Level 3- team leader

Level 4- supervisor

Level 5- trainee manager

Level 6- manager

Level 7- director

The game will take place in a work environment. As a background I will use various photos which present shots from a warehouse then I will create a scrolling background

Target Users

I intend to place the finish product on my on my final project website which will aim at European Union citizens who come to England to start a new life. It will also be placed on the Independent Polish web portal www.bham.pl which provides visitors with information, forums, articles and chat rooms. The online community was established for and by Polish people who along with other immigrants for economic reasons arrived in Birmingham to start a new life. Those people often are very well qualified, but have only basic communication skills in English. Therefore they are unable to undertake tasks according to their qualifications which may lead them to a frustration. My game will give them the chance to take their frustration out, give a little bit of fun, make them laugh and possibly give the chance to virtually take their anger out on their bosses.

Market Research

I have done some initial research among the visitors of the Independent Polish web portal www.bham.pl. I asked them a number of question whether they would be willing to play the game or not. All of them said that they would at least try and they agreed that my project sounds like a good and fun idea. See appendices.

Similar products

A game where users can kill their boss for a number of different ways. The game may be consider as a bit violent. However, it definitely proves that there is a demand on such games.

  • Man Hunt

http://www.funny-games.biz/manhunt.html (Funny Games)

    1. The target is to kill the boss and to eliminate all guards
    2. users can move around the scene
    3. users have to find a knife which then will use to kill guards and the boss
    4. users have to use shift key to move quietly if they do not want to wake up the guards
    5. users score points when kills

  • Shoot Your Boss Game

http://www.pjlighthouse.com/2006/10/29/shoot-your-boss-game-p/

(PJ LightHouse)

1. Chinese game with a turret point which shoots in the direction of the mouse.

2. Great graphics.

3. Users kill supervisors which are situated all around the office.

  • Target Shooting Games

http://www.1888freeonlinegames.com/gpgm-free-online-target-shooting-games-to-play-2.html (1888 Free Online Game.com)

My technical objectives

1. Scrolling game background,

2. shooting objects,

3. scoring points,

4. levels,

5. sound- volume control,

6. variables

The main tutorial site which I use http://www.tutorialized.com/tutorials/Flash/Games/1 (Tutorialized)

Usability test

When I finish the product I will do the usability test among Polish people who live in Birmingham.

Appendices

I have done my research verbally by informing my potential users what the game may look like as a finished product. I asked 25 people what they think about my idea and if they would be willing to play the game. 23 persons said it would be a good idea and 20 out of them agreed that they would at least try to play the game. Two persons said that the game may stir up aggression among the users towards their supervisors.

Resources

A draft proposal (dorota jablonska)

  • I will create a game in flash.

The game will have a turret point which shoots in the direction of the mouse.

The turret point will shoot to the opponents which will go from top to bottom.

To get to the next level you will have to shoot a sufficient number of the opponents.

the game takes place in a work environment- warehouse

You will start the game on the first level  as a labour worker. If you shoot enough opponents you will get to the  second level and you will get promotion for a senior worker.

And then as follows:

Level 3- team leader

Level 4- supervisor

Level 5- trainee manager

Level 6- manager

Level 7- director

  • The game will be placed on my final project website which will aim at European Union citizens who come to England to start a new life. It will also be placed on the Independent Polish web portal  www.bham.pl which provides information, forums, articles, chat rooms for Polish who live in Birmingham
  • The game will aim at European Union Citizens who come to England to start a new life. Those people usually emigrate for economic reason. They are often very well qualified but thy have only basic communication skills in English. Therefore they are unable to undertake tasks  according to their qualifications which may lead them to a frustration.
  • My game will give them the chance to take their frustration out, give a little bit of fun, make them laugh
  • My technical objectives- Scrolling game background, shooting objects, scoring points, levels, sound- volume control,
  • The main tutorial site which I use http://www.tutorialized.com/tutorials/Flash/Games/1
  • Design: warehouse, changing templates- different photos of a warehouse,
  • Similar products ….
  • When I finish the product I will do the usability test among Polish people who live in Birmingham When completed I will test the product on the potential target audience.

Create a turret point and shoot in the direction of the mouse-lecture

  • draw the turret base

turret-base.jpg

  • convert it to a symbol of type move clip.
  • draw a gun

gun.jpg

  • convert the gun to a movie clip and name it “gun”. Put the instance name “gun” in the properties box as well.
  • go to edit the clip “gun” and make sure the end of your turret that attaches to your turret base is the focus.
  • Draw the bullet to be fired
  • Convert the bullet into a movie symbol and name it “shot”. Then select it and in the box under the dropdown box put “shot” there too for the instance name.
  • Select the “gun” clip and put the code:

 

onClipEvent(load)

{

_root.shot._visible=false;

shotcount=1;

}

onClipEvent (enterFrame)

{

myRadians = Math.atan2(_root._ymouse-this._y, _root._xmouse-this._x);

myDegrees = Math.round((myRadians*180/Math.PI));

_root.yChange = Math.round(_root._ymouse-this._y);

_root.xChange = Math.round(_root._xmouse-this._x);

this._rotation = myDegrees+90;

}

onClipEvent(mouseDown)

{

_root.shot.duplicateMovieClip( “shot”+shotcount, shotcount+7000);

_root[“shot”+shotcount]._visible=true;

shotcount++;

if(shotcount>100)

{

shotcount=1;

}

}


<!–[endif]–>

<!–[endif]–>

  • open the “shot” movie clip and put the code

onClipEvent(load)

{

if(this._name==”shot”)

{

this._visible=false;

}

else

{

this._visible=true;

}

this._x=_root.gun._x;

this._y=_root.gun._y;

shotxspeed=40*Math.sin(_root.gun._rotation*(Math.PI/180));

shotyspeed=40*Math.cos(_root.gun._rotation*(Math.PI/180));

}

onClipEvent(enterFrame)

{

this._x+=shotxspeed;

this._y-=shotyspeed;

if(this._x<0)

{

this.removeMovieClip();

}

if(this._x>550)

{

this.removeMovieClip();

}

if(this._y>400)

{

this.removeMovieClip();

}

if(this._y<0)

{

this.removeMovieClip();

}

}

 

10. The finished product

turret.jpg

 

Building games in flash

http://www.actionscript.org/resources/articles/52/1/Building-games-in-flash/Page1.html

The Flash 8 Game Developing Handbook [Melnikov; S]  http://www.greymatter.com/145353

other resources:

http://www.computerarts.co.uk/

Tutorials

Forums

General Game Development

Other

Sound and Video- lecture (Dorota Jablonska)

Sound

Flash supports formats:

  • MP3- Recommended as it is small in file size and can be of high quality.
  • WAV
  • AIF (Mac)

Import sound into Flash- select File > Import into library

You can also create background sound and, if you want, you can stop it on a certain frame. (action – Movie control- stop on a keyframe which you want the music to stop)

You can also indicate how many times you want the sound to be looped. If you want the sound looped forever, put in 999999999999999 in the Loop window.

You can also play sound at certain points
Select a keyframe, select your sound from the Sound drop down menu and change the Sync to start.

Create sound control

  • attach a sound to a Timeline
  • create a sliding volume control
  • give your user the chance to control the volume of the sound

Rollover sound effects

  • Interactive
  • Informative
  • fun

Where to look for sound

  • Remember about having permission from the copyright holder.
  • sound banks online
  • useful websites

Soundrangers http://www.soundrangers.com
Sound Dogs.com: www.sounddogs.com
Sound Effects Library: www.sound-effects-library.com
Partners in Rhyme: www.partnersinrhyme.com


Control sound volume with ActionScript
http://www.flashdesignerzone.com/tutorials/t1052.php

Video

Supported formats include:

  • QuickTime (.mov)- advisable
  • Digital Video
  • MPEG
  • Windows Media
  • Video for Windows

Import and control a video clip:

  • File > Import to library
  • Click the ‘embed video’ option.
  • Make sure quality is 100 and synchronise video is checked.
  • Now you can drag your video onto the stage from the library
  • Edit mode for the movie clip
  • Add buttons from the Common Libraries (stop, play and pause)+ attache scripts to each of the buttons

Examples

 

 

Interview with a media professional

As part of my assignment I contacted a number of professionals to see what they think about flash. I send them the following letter:

My name is Dorota Jablonska
I am a third year Web and New Media student at UCE, Birmingham. I am 24 years old and have been studying web design for about 3 years now.
I am currently participating in the Web and New Media practice class. I have already produced a number of products in Flash. I aim to learn more into Flash in order for me to improve on the skills I already obtain.
You can learn more about me and my class mates more if you click on the link below where you find our group blog.

https://webandnewmedia.wordpress.com

As my second assignment of the module I intend to create a flash game. The game will include plenty of Action Scripts so hopefully I will manage to grasp everything and come out with some good results.

As part of my assignment I have to find someone in the industry relevant to my area of interest and interview this person.

I thought that you may be able to help me? I have a few very short questions for you, so if you’ve got a spare 10 minutes then please take a look at them

· How did you get into Flash?

· Have you created any project or websites which I could take a look at?

· Can you suggest me any other examples which demonstrates the new exciting flash developments?

· Can you recommend any websites, books, other resources for a better and successful work in Flash????

· What skills are important in the industry in your opinion???

· I intend to create a flash game similar to the Harry Potter one (Available on http://www.flash-game.net/game/2872/harry-potter.html), Have you got any tips for me?

Many thanks for your time!!!!!

I look forward to receiving your feedback.

 

As a result I got a very interesting respond from Yates Buckley, the technical director  unit9 ltd.

  • How did you get into Flash?

– from the earliest version of futuresplash, in ’97 this was a good way to create animated content on the web that was very light

  • Have you created any project or websites which I could take a look at?

– many, please refer to unit9.com — particular favorites are the jobs we did for clinic, honda and adobe creative mind.

www.thesecondline.com

www.unit9.com/grrrgame

www.unit9.com/creativemind

  • Can you suggest me any other examples which demonstrates the new exciting flash developments?

look at Andre Michelle’s work, Tink’s blog, papervision3d, keep your eyes peeled on osflash and learn what you can from there.

  • Can you recommend any websites, books, other resources for a better and successful work in Flash?

Flash as3 is not a mature programming language, I recommend to decide if you are an interactive designer or a proper programmer and train on this basis.

The programmer should learn about: UML, design patterns, refactoring, should know some different computer languages with some familiarity

(I recommend python or perl, PHP, Actionscript, and some C++ or Java). You need to urgently get work experience with complicated large code bases and survive this.

After this you will have a very successful career.. but it is intense and requires precision and dedication.

The interface designer should learn a bit of flash, enough to make interface elements work well and should be familiar with timeline, animation etc. all the quick

dirty tricks one can use to make a nice interface. With flex a lot of new problems/solutions have emerged, you should become familiar with this.

  • What skills are important in the industry in your opinion?

Dedication to finish work at a high quality.. there is no point in just doing something, you have to do it excellently and people will note.

Learn about model view controller structure – get the online subscription to oreilly and read all about cs3 (ignore previous flash versions).

Create all the graphical elements separately and then work on the logic.. It is important to understand the fundamentals of MVC for first thing.

I also got a respond from Carla Diana- a creative professional.

  • How did you get into Flash?

I started out as an engineer and industrial (product) designer. I had done a lot of programming as a kid (BASIC, C, Pascal, etc.) and when I began rendering images for my product designs I discovered interactive multimedia by using Macromedia Director. I enjoyed being able to bring objects to life through sound, image and code.

  •   Have you created any project or websites which I could take a look at?

I have a portfolio site online at http://www.carladiana.com

  • Can you suggest me any other examples which demonstrates the new exciting flash developments?

There is a lot of great work going on. I will be lecturing at a conference in Brighton, England in November called Flash on the Beach. If you look at some of the speakers and events there and at the other Flash conferences, you will see lots of different kinds of work.

  • Can you recommend any websites, books, other resources for a better and successful work in Flash????

The O’Reilly books are always good for technical help. Other than that, there are lots of books and conferences. The Flash Forward and Flash in the Can conference are great places to get inspired and gather information. I will be featured in a new book coming out called “Pros on Flash” by Doug Easterly.
 

  • What skills are important in the industry in your opinion???  

I am not sure what industry to which you refer. “Flash” is just a tool and not an industry. There are many industries that utilize Flash for visualization. As a designer, it is important to be able to draw, brainstorm, and communicate both verbally and visually.

Content and story are the most important elements. Being clear on these will drive all your design and technical decisions.

 

Dorota Jablonska

Hi

Well, I am Dorota:)

I am the Web and New Media student and MC635 Web and New Media Practice is my specialist production module. As part of my assignment I will contribute to this blog where I record my learning process as a new media designer. Furthermore, I will conduct various research and present them on the blog.

My postings will include:

  • Professional and technical objectives
  • Brainstorm ideas related to my second assignment
  • What employers in the new media industry are looking for
  • Interact with media professionals
  • An introduction to Flash
  • A tutorial on Flash
  • A draft proposal for my project

 

As my second assignment I intend to create a flash game. The game will include plenty of Action Scripts so hopefully I will manage to grasp everything and come out with some good results.

I have already created a few flash projects and I must say I have never enjoyed anything more than trying to understand this sometimes so annoying programme. That is why I look forward to these long hours when I will be sitting in front of my computer trying to make my project work.

I explored the various approaches to analysing and researching media texts, contexts, production practices, representations and audiences. Also I learned about the contextual background of the development of digital cultures and the impact that this development has had on the consumption, distribution and production of digital media. Furthermore I developed an understanding of the online music industry, and of online media delivery technologies and e-commerce, web design and planning skills. I have an understanding of arranging methods of promotion using interactive media. Also I have a good knowledge of Flash, Fireworks and Dreamweaver as I have produced and developed many projects utilizing those programs. I also have a good knowledge of the HTML programming language. I learned how to think creatively about online presentation, distribution of media and using interactive technologies.

 

I have produced various products whilst studying at University including websites and interactive projects. Furthermore, I have produced a number of products whilst taking place at work placements.

 

I think the module “ Web and New Media Practice” will enhance my skills and knowledge in flash, which I use to create my final project.

 

Website which I will be using as my resources:

 

Information

http://media.guardian.co.uk/newmedia/

http://www.flashmagazine.com/

 

Tutorials

http://flash.webinside.pl/

http://www.flashdesigner.pl/przyklady/ (Polish)

http://www.flashdesignerzone.com/tutorials/ (English)

http://www.flashdesigner.pl/help/tutorial1.htm (tutorial)

http://www.flashdesigner.pl/help/tutorial2.htm (tutorial)

http://www.flashdesigner.pl/help/ (help- Polish)

http://webmade.org/porady/flash-tutoriale-16.php (help- Polish)

http://www.learnflash.com/

http://www.actionscript.org/forums/index.php3

http://netdiver.net/

http://www.nma.co.uk/Home/Default.aspx

http://www.ezwebdesign.com/flash.html (Flash Tutorials and Resources)

 

Services

http://www.flashlevel.com/indexv4.html

http://www.fantasy-interactive.com/

http://www.wddg.com/