EffectHub.com: your best source for gaming

Recommendation

More Effects...

$(window).load(function () {
  init();
  });

if (delta < 0) 
			{
				if (armature.animation.timeScale > 0.2) 
				{
					armature.animation.timeScale -= 0.1;
				}
			}
			else 
			{
				if (armature.animation.timeScale < 4) 
				{
					armature.animation.timeScale += 0.1;
				}
			}
		}
		
		var _left;
		var _right;
		
		function keyHandler(e)
		{
			e = e || window.event;
			var currKey = e.keyCode || e.which || e.charCode;
			var isDown = e.type == "keydown";
			switch (currKey) 
			{
				case 37 :
				case 65 :
					_left = isDown;
					updateMove(-1);
					break;
				case 39 :
				case 68 :
					_right = isDown;
					updateMove(1);
					break;
				case 38 :
				case 87 :
					if (isDown) 
					{
						jump();
					}
					break;
				case 83 :
				case 40 :
					squat(isDown);
					break;
			}
		}
		
		function updateMove(dir)
		{
			if (_left && _right) 
			{
				move(dir);
			}
			else if (_left)
			{
				move(-1);
			}
			else if (_right)
			{
				move(1);
			}
			else 
			{
				move(0);
			}
		}
		
		var _speedX = 0;
		var _speedY = 0;
		var _moveDir = 0;
		var _face = 0;
		var _isJumping;
		var _isSquat;
	
		function move(dir)
		{
			if (_moveDir == dir) 
			{
				return;
			}
			_moveDir = dir;
			updateAnimation();
		}
		
		function jump()
		{
			if (_isJumping) 
			{
				return;
			}
			_speedY = -24;
			_isJumping = true;
			armature.animation.gotoAndPlay("jump", 0.1);
		}
		
		function squat(isSquat)
		{
			if (_isSquat == isSquat) 
			{
				return;
			}
			_isSquat = isSquat;
			updateAnimation();
		}
		
		function updateAnimation()
		{
			if (_isJumping) 
			{
				return;
			}
			
			if (_isSquat) 
			{
				_speedX = 0;
				armature.animation.gotoAndPlay("squat");
				return;
			}

if (_moveDir == 0) 
			{
				_speedX = 0;
				armature.animation.gotoAndPlay("stand");
			}
			else 
			{
				_speedX = _moveDir * 6;
				armature.animation.gotoAndPlay("walk", 0.2);
				armature.getDisplay().scaleX = -_moveDir * 0.5;
			}
		}
		
		function updateSpeed()
		{
			if (_isJumping) 
			{
				var speed = 1 * armature.animation.timeScale;
				if(_speedY <= 0 && _speedY + speed > 0)
				{
					armature.animation.gotoAndPlay("fall", 0.2);
				}
				_speedY += speed;
			}

if (_speedX != 0)
			{
				armature.getDisplay().x += _speedX * armature.animation.timeScale;
				if (armature.getDisplay().x < 0) 
				{
					armature.getDisplay().x = 0;
				}
				else if (armature.getDisplay().x > 800) 
				{
					armature.getDisplay().x = 800;
				}
			}

if (_speedY != 0) 
			{
				armature.getDisplay().y += _speedY * armature.animation.timeScale;
				if (armature.getDisplay().y > 400) 
				{
					armature.getDisplay().y = 400;
					_isJumping = false;
					_speedY = 0;
					_speedX = 0;
					armature.addEventListener(dragonBones.events.AnimationEvent.FADE_OUT_COMPLETE, animationFadeOutCompleteHandler);
					armature.animation.gotoAndPlay("fallEnd");
				}
			}
		}

function animationFadeOutCompleteHandler(e)
		{
			switch(e.animationState.name)
			{
				case "fallEnd":
					armature.removeEventListener(dragonBones.events.AnimationEvent.FADE_OUT_COMPLETE, animationFadeOutCompleteHandler);
					updateAnimation();
					break;
			}
		}

CSS

HTML

Recommendation

Join Effecthub.com