Moja bardzo pierwsza gra via WWW - js, canvas

pytanie zadane 27 grudnia 2015 w Nasze projekty przez fckueve Dyskutant (9,470 p.)

Napisałem moją pierwszą grę, całkowicie od podstaw, samemu, bez użycia jakich kolwiek innych silników lub funkcji ;D

Rozumiem że można wypatrzeć kosmetyczne błędy, ale grać się da ;D

http://thec.96.lt/space/ - sterowanie myszką.

6 odpowiedzi

odpowiedź 28 grudnia 2015 przez Mikołaj Zakrzewski Obywatel (1,440 p.)

odpowiedź 28 grudnia 2015 przez Dash Nałogowiec (29,650 p.)

Moim zdaniem to :

a) szybciej

b) strzałki zamiast myszki, bądź statek podążający za kursorem.

Bardzo mi się natomiast podoba design :)

komentarz 29 grudnia 2015 przez fckueve Dyskutant (9,470 p.)

sterowanie jest zrobione tak z tego powodu, żeby to działało na mobilnych ;D

komentarz 29 grudnia 2015 przez makoso Mądrala (7,380 p.)

ale jak zrobisz poruszanie za ruchem kursora to na telefonach za dotykiem się nie będzie poruszało?

odpowiedź 27 grudnia 2015 przez Hubert Murawski Stary wyjadacz (11,990 p.)

odpowiedź 28 grudnia 2015 przez Benek Szeryf (92,390 p.)

odpowiedź 27 grudnia 2015 przez Mesiak Bywalec (2,380 p.)

A czym się porusza czy coś? :D

komentarz 27 grudnia 2015 przez fckueve Dyskutant (9,470 p.)
edycja 27 grudnia 2015 przez fckueve

myszką się klika

odpowiedź 29 grudnia 2015 przez Sebastian Mieszczańc Nowicjusz (240 p.)

Fajna gierka. Co najmniej przyspiesz ruch statku. Jeśli ci to nie przeszkadza to wklej kod - zobaczę z ciekawości.

komentarz 29 grudnia 2015 przez fckueve Dyskutant (9,470 p.)

index.html

<html>
	<head>
		<style>
			#mycanvas
			{
				position: fixed;
				top: 0px;
				left: 0px;
			}
			html, body
			{
				background-color: black;
			}
			#menu
			{
				position:fixed;
				top: 0px;
				left: 0px;
			}
			#upgrade
			{
				position:fixed;
				top: 0px;
				left: 0px;
				bottom: 0px;
				right: 0px;
				background-color: #111111;
				display: none;
			}
			#exitpng
			{
				position:absolute;
				top: 10px;
				right: 10px;
			}
			#skils
			{
				color: white;
				font-size: 27px;
				margin: 38px;
			}
		</style>
		<script src="necroEngine.js"></script>
		<script src="img/round1/round1.js"></script>
		
	</head>
	<body>
		<canvas id="mycanvas"></canvas>
		<div id="menu" ><img src="img/meno.png"></div>
		<div id="upgrade" >
		
			<div id="exitpng"><img src="img/exit.png"></div>
			<div id="skils">
				<span id="spel1"><img src="img/upgradeSpell.png"></span> 
				<span id="spel2"><img src="img/upgradeSpell.png"></span> 
				<span id="spel3"><img src="img/upgradeSpell.png"></span> 
				<span id="spel4"><img src="img/upgradeSpell.png"></span> 
			
			</div>
		
		</div>
	</body>
</html>

img/round1/round1.js

var round1 = new Image();
round1.cor = [];
round1.item = [];
round1.fire = [];

//round1.cor[] = [,,,];

var fire01 = new Image();
fire01.src = "img/fire/fire01.png";
fire01.addons = []
fire01.addons[0] = [5, 3, 100]; //dmg,speed,time


var farctales = new Image();
farctales.src = "img/whiteFractales.png";
farctales.whiteFrac = [];

var monsterFire = new Image();
monsterFire.src = "img/thereFire.png";

var gameOver = new Image();
gameOver.src = "img/gameover.png";

var health = new Image();
health.src = "img/health.png";

var enemy01 = new Image();
enemy01.src = "img/monster01.png";
enemy01.r = [];
enemy01.ri = [];


for(i = 0; i < 30; i++)
{
	enemy01.r[i] = [5+i/2, 1+i/5, 2+i/20, 1+i/12]
	enemy01.ri[i] = [1+i*2]
}

necroEngine.js

http://wklej.org/id/1889688/