HOME | DD
S-S-X — Platformer Tutorial
Published: 2008-02-24 03:53:01 +0000 UTC; Views: 35811; Favourites: 241; Downloads: 1954
Redirect to original
Description
Me and my bud FeindishDemon designed a neat little platform game tutorial.Related content
Comments: 290
I like the tutorial, a lot, but I can't seem too get my player to stop falling through the ground when I test it. Any fix for that?
👍: 0 ⏩: 2
Actually, when you make the ground a movie-clip, make sure, first select the ground to make a blue box around it, or some 8 squares with a circle in the middle. make it a movie clip (F8), Then, Open the properties tab, if you cannot find, go to Window > Properties. Now near where it says "Swap..." and "Movie Clip", There will be some textbox named " 👍: 0 ⏩: 1
Oh, thanks man, that fixed it!
👍: 0 ⏩: 2
Do you have schizophrenia? That last comment sounded like you were asking yourself.
And personally I just don't know what to say to the seven year old who replies on a two year old comment. I gave up on this low quality tutorial after an hour of messing with it, and then went and found a nice template instead. Now I don't even use Flash, or Action-script, I hard code things with PHP, MySQL, JavaScript and Ajax or Java and Lua.
(Lastly, I don't believe your age should have anything to do with how you measure your success, the way you wouldn't compare people for their gender, race, beliefs or ethnicity either.)
👍: 0 ⏩: 1
I also am good with JS and javascript, not only flash
And are you hating?
👍: 0 ⏩: 0
Umm, What's so neutral in that?
Isn't it good i am 7 i still know AS2 =O
👍: 0 ⏩: 0
Oh welcome! Hope you like it.
👍: 0 ⏩: 0
yes there is. but I need to explain some things first. 👍: 0 ⏩: 0
A. I hope you're using Adobe flash running actionscript 2.0 becausehat's what this code calls for.
B. select the geometry you plan to use as you "ground"
c. right click it and scroll down till you see "convert to Symbol" and click that, make it a movie clip with the drop down, and name it whatever the heck you'd like.
D. click the geometry again,(a lightblue bounding box should envelope it) then click the properties tab (if you can't find it go to window>properties)
E. when the properties panel comes up there should be a spot that looks like a place you can write down the name of the file and will have the words
You may be wonder just what and instance "is" essential it is what that shape is called at that "instant" or "frame" so that the code can tell what your talking about. If an object is instanced as char, then whenever you want to do something to the object char, or want to refer to the object char, you just have to type in char. Well actually _root.char, but that's just tecnicallity. the _root. means something but it requires even more annoying explanation. so yeah. Hope this helped, sorry it's so long.
[FRENCH] Je n'ai rien compris...
I do not understand because I am French and I am 12 years old !
Could someone explain in legacy is there you please ?
👍: 0 ⏩: 3
Player code:
onClipEvent (load) {
var grav:Number = 0;
// gravity
var speed:Number = 10;
// how fast you walk
var jumpHeight:Number = 15;
// how high you jump
var slow:Number = .7;
// sets water falling speed
var slowspd:Number = speed/1.5;
// sets water walking speed
var setspeed:Number = speed;
var scale:Number = _xscale;
var ex:Number = 5;
// makes hitTests better, change for a closer hitTest (warning, more buggy if smalle, less real if further)
this.gotoAndStop(2);
}
onClipEvent (enterFrame) {
grav++;
_y += grav;
while (_root.ground.hitTest(_x, _y, true)) {
_y--;
grav = 0;
}
if (_root.water.hitTest(_x, _y, true)) {
if (grav>0) {
grav *= slow;
}
speed = slowspd;
} else {
speed = setspeed;
}
if (Key.isDown(68)) {
_x += speed;
_xscale = scale;
if (_root.ground.hitTest(_x, _y+3, true)) {
this.gotoAndStop(1);
} else {
this.gotoAndStop(2);
}
} else if (Key.isDown(65)) {
_x -= speed;
_xscale = -scale;
if (_root.ground.hitTest(_x, _y+3, true)) {
this.gotoAndStop(1);
} else {
this.gotoAndStop(2);
}
} else {
if (_root.ground.hitTest(_x, _y+3, true) && !Key.isDown(79) && !Key.isDown(73)) {
this.gotoAndStop(3);
}
}
if (Key.isDown(79) && !Key.isDown(87) && !Key.isDown(65) && !Key.isDown(68) && !Key.isDown(73)) {
this.gotoAndStop(5);
}
if (Key.isDown(73) && !Key.isDown(87) && !Key.isDown(65) && !Key.isDown(68) && !Key.isDown(79)) {
this.gotoAndStop(4);
}
if (Key.isDown(87) && _root.ground.hitTest(_x, _y+3, true)) {
grav = -jumpHeight;
_y -= 4;
this.gotoAndStop(2);
}
if (_root.ground.hitTest(_x+(_width/2)+ex, _y-(_height/2), true) || _root.ground.hitTest(_x+(_width/2)+ex, _y-(_height/6), true) || _root.ground.hitTest(_x+(_width/2)+ex, _y-_height, true)) {
_x -= speed;
}
if (_root.ground.hitTest(_x-(_width/2)-ex, _y-(_height/2), true) || _root.ground.hitTest(_x-(_width/2)-ex, _y-(_height/6), true) || _root.ground.hitTest(_x-(_width/2)-ex, _y-_height, true)) {
_x += speed;
}
if (_root.ground.hitTest(_x, _y-_height-15, true)) {
grav = 1;
}
}
Vcam code:
parentColor.setTransform(camColor.getTransform());
function camControl() {
parentColor.setTransform(camColor.getTransform());
var scaleX = sX/this._width;
var scaleY = sY/this._height;
_parent._x = cX-(this._x*scaleX);
_parent._y = cY-(this._y*scaleY);
_parent._xscale = 100*scaleX;
_parent._yscale = 100*scaleY;
}
function resetStage() {
var resetTrans = {ra:100, rb:0, ga:100, gb:0, ba:100, bb:0, aa:100, ab:0};
parentColor.setTransform(resetTrans);
_parent._xscale = 100;
_parent._yscale = 100;
_parent._x = 0;
_parent._y = 0;
}
// make frame invisible
this._visible = false;
// Capture stage parameters
var oldMode = Stage.scaleMode;
Stage.scaleMode = "exactFit";
var cX = Stage.width/2;
var cY = Stage.height/2;
var sX = Stage.width;
var sY = Stage.height;
Stage.scaleMode = oldMode;
// create color instances for color
// transforms (if any).
var camColor = new Color(this);
var parentColor = new Color(_parent);
// Make the stage move so that the
// v-cam is centered on the
// viewport every frame
this.onEnterFrame = camControl;
// Make an explicit call to the camControl
// function to make sure it also runs on the
// first frame.
camControl();
// If the v-cam is ever removed (unloaded)
// the stage, return the stage to the default
// settings.
this.onUnload = resetStage;
Done.
👍: 0 ⏩: 0
Ouais, désolé si vous ne comprenez pas. ce tutoriel en français m'a fallu une heure.
👍: 0 ⏩: 0
Vous pouvez le traduire. 👍: 0 ⏩: 0
Tout d'abord: Faire un nouveau clip avec "F8" pour ouvrir une boîte. assurez-vous que la boîte a le bouton radio "Movie Clip" sélectionné, et dans les 8 cases, assurez-vous que le noir est dans le fond. sinon, cliquez sur le second dans la dernière rangée. et quand vous avez terminé, ouvrez le panneau de propriétés lors de la sélection du joueur (Fenêtre> Propriétés) et à proximité du plan-séquence où il est dit de swap et film, il y aura une zone de texte nommée "
_y + = (_root.player._y-_y) / 4;
_x + = (_root.player._x-_x) / 4;
}
Maintenant, ne vous inquiétez pas au sujet d'un nom d'instance. Je sais que c'est ennuyeux. maintenant, vous avez terminé. Maintenant, nous allons ajouter des pièces. Faire des graphiques pièces, appuyez sur F8 et faire le même processus que le VCAM, sol et joueur. il suffit de cliquer sur OK. maintenant, ajoutez ce code à la médaille:
onClipEvent (load) {
this.swapDepths (_root.getNextHighestDepth ());
}
onClipEvent (enterFrame) {
if (_root.player.hitTest (this)) {
_root.score + +;
this.removeMovieClip ();
}
}
Maintenant ici. Ajoutons la boîte score. première fois, sélectionnez l'outil Texte. dans les propriétés, sélectionnez rien. il est dit outil Texte. près du lieu où il est dit «Text Tool", vous verrez une liste déroulante. Cliquez dessus et sélectionnez "Texte dynamique". Maintenant, trouver une autre zone de texte disant "Var:". type "score" en elle, aucune majuscule et les guillemets. Maintenant, ajoutez le début du film (même si vous avez un menu principal, toujours sur le départ), ajoutez le code "score = 0;" sans guillemets. sinon, il va dire: "NaN" si vous collectionnez les pièces de monnaie. vous l'avez fait. Maintenant vous pouvez faire votre propre niveau de conception! Amusez-vous! Français!
What's the highest possible score? I can't get any higher than 16.
👍: 0 ⏩: 0
did you know to fix the glitch you just have to reduce the variable speed a little bit so that the character can't run faster than the wall pushes him away, that or increase the wall push, but that takes more time.
👍: 0 ⏩: 0
yes and no, you can run this in AS3 but you'll have to fix a couple of things, it seems to be made for AS2.
👍: 0 ⏩: 0
I am hesitant to keep coming back to this tutorial, simply because I hate being forced to listen to the sound loop every time T^T
But I love the tutorial! OH GOD.
👍: 0 ⏩: 0
Mute button.
Seriously, that shit is annoying.
👍: 0 ⏩: 1
You are annoying. best music ever!!!!!!!!
👍: 0 ⏩: 0
Also, the engine can be exploited to get a superjump.
👍: 0 ⏩: 0
phew, it took me like, 3o mins to fix my turtle player so that he can walk right. so tired now.
👍: 0 ⏩: 0
you are a gaming god!!!
we are not worthy
👍: 0 ⏩: 0
best.
tutorial.
EVER. O_O for serious.
👍: 0 ⏩: 0
waaaa i cant get all of the coins!
👍: 0 ⏩: 0
Could you detail more how to make the score work.
I tried everything you describe but the score can't count.. :s
The Compiler errors say that "Statement must appear within on/onClipEvent handler"
Btw im a totally noob at this...
👍: 0 ⏩: 1
NO, THE DYNAMIC TEXT CODE, NOT ON THE COIN!!!!!!
on the first frame, add score = 0;.
And on the coin, add:
onClipEvent (load) {
this.swapDepths (_root.getNextHighestDepth ());
}
onClipEvent (enterFrame) {
if (_root.player.hitTest (this)) {
_root.score + +;
this.removeMovieClip ();
}
}
the reason it says it must appear with a onClipEvent handler is cause you did NOT add it. you need to add "onClipEvent(load){" to load the frame, "onClipEvent(enterFrame){" to enter the frame.
👍: 0 ⏩: 0
what program do you use and is it free?
👍: 0 ⏩: 2
Macromedia Flash 8. It is not free legally.
👍: 0 ⏩: 0
i Guess Adobe Flash, cuz that's the standard 
👍: 0 ⏩: 1
This is awesome, amazing presentation as others say and its a great engine too!
P.s. you next tutorial should be a mute button lol
👍: 0 ⏩: 0
Okay, by graphics, like ANOTHER movie clip that loops of the character walking?
I never got that clear and I always screw up my game.
👍: 0 ⏩: 0
Incredible tutorial, everything worked fine for me (I use AS2). This was a great help, and you two are amazing coders.
My only complaint is that I wish some of the statements/handlers in the coding was explained a little more. I've noticed that you have documented some of it, but perhaps some readers would like to know what some of the handlers actually do. Other than that, very nice. I've learned a lot.
👍: 0 ⏩: 0
I don't suppose you have an update for CS4? the onClipEvent (load) doesn't work because it says it is no longer supported...
👍: 0 ⏩: 1
When you create a new document, make sure you have selected AS2 instead of AS3. i don't know if it does not work.
👍: 0 ⏩: 0
awesome tutorial. it works real well, except i cannot get the v-cam to work. i'll keep trying, thanks for the help
👍: 0 ⏩: 0
Where exactly do I put the script for the player?
👍: 0 ⏩: 1
Select the player, open the actions panel (F9), Go back to browser, right click code, select all, right click again, copy, back to flash, in actions panel, paste Ctrl + V.
DONE!!!!!!!1111111111111 ^_^
👍: 0 ⏩: 0
<= Prev | | Next =>