DevNote Tutorial: Making a Basic Side Scroller Flash Game (1/3)

[blaze7774]

Your voice kinda sounds like archers

[JayDesignGFX]

Thank you very much. If you don't mind me asking, where did you obtain you knowledge in this subject? 

[TheSpectical]

thanks for the tutorial coach mcguirk

[DrN0OB]

anyone know a good tutorial on how to make a virtual joypad in flash AS3?

[myfuckingtitsarecold]

you sound like Jon Benjamin

[flamenohax]

devnote.org redirects to bigtac.com

can you give me the .fla plox and .as

or set it up again

[latazzy777]

you need to make it for people that don't know how to use flash

[BBryandownes]

Hey @DevNote! What did you use to learn ActionScript? I am looking for a book to study off of and did not know if you knew of any or any good detailed tutorials.

[UnkyTii]

What shortcut does he use at 4:15 its really annoying me, im using cs3

[politicaltruth42]

HEY GREAT TUTORIAL....but you didnt show creating  _stage

[lelionmusic]

Thank you so much! This was extremely helpful

[mykedivino08]

You sound like the guy from family Guy. haha, anyway, the Tut rocks.

[hichamtoons]

u have a aple wallpaper while ur using windows?

[WearsUndiesInShower]

hello, um i just wanted to say that i was wondering if there was a thing for people that want it to side scroll once you get to the right of the screen... please help!

[SoImPlayer2]

Great tutorial so far. See you in part 2 ;)

[666ShahMat666]

wtf did you click to make documentmain



[ElvargCharcoal]

@666ShahMat666 he created a new AS file and called it documentmain.

[sk8r2473]

.....will u be my master oh wise one?? lmao XD

[MacdonjoGaming]

Favorite part: You speak English. :)

[WhosUrMoms]

you sound like bobs burger thumbs up if you agree

[PatLoser10000]

0 people are stupid

[RaethFennec]

Found an answer to another question thanks to this. Thanks for typing it all out instead of just offering a copy/paste in the desc. I would recommend that you add in-video links to the next/previous video for easy navigation, by the way.

Also... for the movement bit of code, I wanted to simplify it for you...

var noCollision:Boolean = false;

while (!noCollision)

{ if (_boundaries.hitTestPoint(_pla­yer.x, _player.y, true)) { _player.y -= 0.1; _vy = 0; } else { noCollision = true; }

}

[mariomodguy]

dude make more vids these are beast!

[VisualSerenade]

This is what your voice reminds me of.. v=mfQEpdSTOfI

[googledoogle]

At every break in between you talking, I thought you fell asleep

[KingofMk98]

@googledoogle i did to

[Flashlight1996]

That heavy breathing creeps me out D:

[DevNote]

@Flashlight1996 now that you mention it.. it's starting to creep me out too D:

[NEXTGENTECHINFO]

@DevNote Do you smoke?

[cubby1996]

Your background sucks.

[DevNote]

@cubby1996 indeed, it does ;)

[iamanp]

@cubby1996 You watch this whole tutorial and all you have to say is 'your background sucks'? You are sad.

[cpetersen1610]

I've taken your tutorial (great one, btw) and I'm trying to animate my character, but I can't really seem to make it work. I've just put "_player.gotoAndPlay(1);" under "case 38:" in the keyDown handler, which, if it worked, should make it run continuously from frames 1 to 5, a running animation, nested in the movieclip. Any idea why this doesn't work? I'm pulling my hair out here!

[DevNote]

@cpetersen1610 sorry, but this is one of those flash ide issues (as opposed to purely actionscript-based issue) that's too broad for me to try to deduce the solution based only on the given facts.

but i can give you a simple tip: try creating a new, dummy flash app wherein you only have the bare minimums to test out the triggering of animation based on hard code; the triggering of code based on key input; then the triggering of animation based on key input.

it's not much, but hope it helps.

[Miny000000]

Aw damn, now if I fall I think it just falls and falls, it doesn't die :/

[DevNote]

haha.. yeah, i just realized that i've overlooked at least two things in my "adjustments":

1) we now have to test for the BOUNDARY's y-position to detect a reset (not the PLAYER's y-position), b/c the player always stays vertically centered now, but the boundary moves up and down; and

2) the y coordinate of the boundaries needs to be reset as well when respawning (currently, we're only resetting the x-coordinate).

if that's not enough info, i'll post the details when i get off work ;)

[Miny000000]

Okay, I remade it because everything went wrong.

Now, once I respawn once, my StartMarker seems to act in a different place. I'll PM you a link to play :D.

But the vertical scrolling is perfect. Here's the code:

_boundaries.x += (stage.stageWidth * 0.5) - _player.x;

_player.x = stage.stageWidth * 0.5;

_boundaries.y += (stage.stageHeight * 0.5) - _player.y;

_player.y = stage.stageHeight * 0.5;

[Miny000000]

Thanks I fixed the thing with the corsshair.

[Miny000000]

Exactly! And I'll check that soloution out :)

[DevNote]

If you take a look at the stage scrolling function (at 6 minutes into part 3 of this tutorial series), you end up with two lines that take care of the horizontal scrolling. All you have to do is copy those two lines, then paste the copy just below the original two lines, then replace all instances of "x" with "y" and replace all instances of "stageWidth" with "stageHeight."

.. at least, it works in my mind.. heh, so if that works for you, please post back and let the rest of us know. thanks!

[DevNote]

oh, i'm sure it's pretty obvious, but just to be clear, i meant "replace all instances of x and stageWidth with y and stageHeight IN THE TWO LINES YOU JUST COPIED"

.. yeah, just making sure..

[Miny000000]

Also, it doesn't follow up and down movements.

[DevNote]

do you mean that, when running the final product, the game screen doesn't follow the player as it moves up and down (the way it follows the player sideways by "scrolling")?

just want to make sure before posting a solution :)

[Miny000000]

When I change X and Y it just moves the player, not the crosshair.

And np :)

[DevNote]

oh, i see what you're saying. i can think of one of two most likely possibilities here:

1) you forgot to double-click on the player object, and therefore are not actually editing the player movie clip, but rather, the orientation of the player clip on the stage; or

[DevNote]

2) you DID double click it, and you ARE adjusting the crosshairs, but it doesn't look like it, b/c "moving the crosshair" actually involves moving the player within the player view. in this case, the crosshair changes will become visible/apparent after exiting to the stage view.

[Miny000000]

2:55 doesn't work for me.

[DevNote]

sorry, i tried to figure out what you're saying isn't working at 2:55, but i'm still not sure.. are you saying you aren't able to set coordinates for your 'Player' movie clilp object?

thanks for the timestamp ref btw, it helps a lot.

[Jonse009]

Great stuff.

[DevNote]

thank you! glad you like it.

[flavur]

i get this error 1037: Packages cannot be nested. when I try to play the movie

[DevNote]

i think your problem is most likely caused by a typo. do a quick search to make sure there's not more than one "package" in your entire code file. also, also consider checking out the website indicated in the video annotation for a link to a website with the original file. hope that helps!

[flavur]

there's no typo I got it straight off the website you provided and there is only one package in the code and I still can't figure out the problem

[DevNote]

it's a bit of a stretch for me to try to figure out what's wrong without looking at it myself, but my next best guess is that, maybe you've pasted the code directly into the timeline instead of creating a separate actionscript file to be referenced by your flash file via the document class field? (see 4:18 of this vid)

[hdfufd]

2:52 or sumthing

you could have done this before, while creating the class, only select the "Registrating point" in the top left.

btw: GREAT tut

[DevNote]

yeah, it looks like that would've been the simpler way to do it. thanks for the advice and the positive feedback!

[makemefuckinrich]

Dude this is seriously one of the best side scrolling tutorials out there!!!! You have to post the advanced engine tutorial! I'm really interested in seeing how you handle your collision detection. I've been fighting with what you laid out in these tutorials to get the collision detection pixel perfect so that my character cannot clip through a boundary if his _vy is to high.

Thanks!

[DevNote]

Thanks for the feedback. A day doesn't go by that I don't remind myself that I need to get around to creating those other promised tutorials, but my day job has been pretty demanding these days.

For your own convenience, you might want to consider subscribing so you can be notified as soon as those new videos are uploaded.

Sorry about the wait, and thanks again!

[skullkid12345]

Thanks~

Is this CS3 or CS4?

[DevNote]

CS4, but the contents of the tutorial should be just as applicable to CS3 (though, the interface will look slightly different).

Thank you for your interest!

[skullkid12345]

No, Thank you for the help!

It's been a huge step forward for me. ^_^

[TehShawGui]

Looks great, thanks