Primary collision tests are successfull !!
This commit is contained in:
parent
2c46de5ffc
commit
c5bd7ecfe1
5 changed files with 102 additions and 52 deletions
|
@ -110,6 +110,9 @@
|
|||
height: 68px;
|
||||
}
|
||||
|
||||
#element_0 {
|
||||
border:2px solid green;
|
||||
}
|
||||
/* Ennemies */
|
||||
/*#game .ennemy { border: 1px solid blue; } */
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
// Init Global vars
|
||||
var FPS = 30;
|
||||
var FPS = 10;
|
||||
var Stages = {} ;
|
||||
var Level = 1 ;
|
||||
var Layouts = {} ;
|
||||
|
@ -74,49 +74,9 @@ app.prototype.log = function(txt) {
|
|||
// -- Call all canvas updates if declared as 'running'
|
||||
app.prototype.loopAnimation = function() {
|
||||
|
||||
// -- Build an active elements list
|
||||
this.activeEls = [] ;
|
||||
|
||||
// -- Detect collisions
|
||||
console.log('-------------------' ) ;
|
||||
for ( var i in Layouts ) {
|
||||
var _layout = Layouts[i] ;
|
||||
if ( _layout && _layout.running ) {
|
||||
for ( var j in _layout.els ) {
|
||||
var el = _layout.els[j],
|
||||
type = el.name ;
|
||||
|
||||
// -- Make some clean
|
||||
if (el.deleteAfter ) {
|
||||
delete Layouts[i].els[j] ;
|
||||
}
|
||||
|
||||
// -- Detect only defined types
|
||||
else {
|
||||
if ( type == 'ennemy' || type == 'bullet' || type == 'ship' || type == 'ship' ) {
|
||||
|
||||
var pos = {
|
||||
x: el.x,
|
||||
y: el.y,
|
||||
xX: el.x + el.with,
|
||||
yY: el.x + el.with
|
||||
}
|
||||
|
||||
// -- Test if in viewport
|
||||
//if ( pos )
|
||||
//console.log(type, coords) ;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// -- Search for elements that have to be updated
|
||||
|
||||
console.log('-------------------' ) ;
|
||||
for ( var i in Layouts ) {
|
||||
var _layout = Layouts[i] ;
|
||||
if ( _layout && _layout.running ) {
|
||||
|
@ -124,13 +84,13 @@ app.prototype.loopAnimation = function() {
|
|||
}
|
||||
}
|
||||
|
||||
// -- Create ennemies
|
||||
// -- Create ennemies if needed
|
||||
var numEnnemies = 0 ;
|
||||
for ( var i in Layouts.Ennemies.els ) {
|
||||
var _el = Layouts.Ennemies.els[i] ;
|
||||
if ( ! _el.deleteAfter ) numEnnemies++ ;
|
||||
}
|
||||
for ( var i = numEnnemies-1 ; i < Level + 3 ; i++ ) {
|
||||
for ( var i = numEnnemies-1 ; i < Level + 0 ; i++ ) {
|
||||
Layouts.Ennemies.createRandom() ;
|
||||
}
|
||||
|
||||
|
|
|
@ -170,10 +170,6 @@ Layout.prototype.createObj = function(opts) {
|
|||
this.lastSprite++ ;
|
||||
if ( typeof this.settings.sprites[this.lastSprite] == 'undefined' ) this.lastSprite = 0 ;
|
||||
this.box.css({'backgroundPosition': -1*this.settings.sprites[this.lastSprite]*this.settings.width+'px 0'}) ;
|
||||
|
||||
|
||||
//if ( this.id == 'ship' )
|
||||
// console.log(this.settings.sprites, -1*this.settings.sprites[this.lastSprite]*this.settings.width+'px 0') ;
|
||||
}
|
||||
|
||||
// -- Move div
|
||||
|
@ -190,13 +186,98 @@ Layout.prototype.createObj = function(opts) {
|
|||
|
||||
// -- Animate the Framebuffer into the scene
|
||||
Obj.prototype.animate = function() {
|
||||
|
||||
// -- Execute custom animate function if specified
|
||||
if ( $.isFunction(this.settings.animate) ) {
|
||||
this.parent = self ;
|
||||
this.settings.animate(this) ;
|
||||
}
|
||||
|
||||
// -- Detect collision
|
||||
this.detectCollision() ;
|
||||
|
||||
// -- Apply effects
|
||||
if ( ! this.nodraw ) this.draw() ;
|
||||
} ;
|
||||
|
||||
// -- Detect collision
|
||||
Obj.prototype.detectCollision = function() {
|
||||
|
||||
// -- Build an active elements list
|
||||
this.activeEls = [] ;
|
||||
|
||||
// -- Detect collisions
|
||||
for ( var i in Layouts ) {
|
||||
var _layout = Layouts[i] ;
|
||||
if ( _layout && _layout.running ) {
|
||||
for ( var j in _layout.els ) {
|
||||
var el = _layout.els[j],
|
||||
type = el.name ;
|
||||
|
||||
// -- Make some clean
|
||||
if (el.deleteAfter) {
|
||||
delete Layouts[i].els[j] ;
|
||||
}
|
||||
|
||||
// -- Detect only defined types
|
||||
else {
|
||||
if ( type == 'ennemy' || type == 'bullet' || type == 'ship' || type == 'ship' ) {
|
||||
|
||||
var A = {
|
||||
x: this.x,
|
||||
y: this.y,
|
||||
xX: this.x+this.width,
|
||||
yY: this.y+this.height
|
||||
} ;
|
||||
|
||||
var B = {
|
||||
x: el.x,
|
||||
y: el.y,
|
||||
xX: el.x + el.width,
|
||||
yY: el.y + el.height
|
||||
} ;
|
||||
|
||||
// -- Test if in viewport
|
||||
if ( (type != this.name) && (this.name != 'default') && (el.settings.type != this.settings.type) ) {
|
||||
|
||||
var touchTopRight = (
|
||||
( B.x <= A.xX && B.x >= A.x )
|
||||
&&
|
||||
( B.yY >= A.y) && ( B.yY <= A.yY )
|
||||
) ? true : false ;
|
||||
|
||||
var touchTopLeft = (
|
||||
( B.x >= A.x && B.x <= A.xX )
|
||||
&&
|
||||
( B.yY >= A.y) && ( B.yY <= A.yY )
|
||||
) ? true : false ;
|
||||
|
||||
var touchBottomRight = (
|
||||
( B.x >= A.x && B.x <= A.xX )
|
||||
&&
|
||||
( B.y >= A.yY) && ( B.y <= A.y )
|
||||
) ? true : false ;
|
||||
|
||||
var touchBottomLeft = (
|
||||
( B.xX >= A.x && B.xX <= A.xX )
|
||||
&&
|
||||
( B.y >= A.yY) && ( B.y <= A.y )
|
||||
) ? true : false ;
|
||||
|
||||
if ( touchTopRight || touchTopLeft || touchBottomRight || touchBottomLeft ) {
|
||||
console.log('█▬█ █ ▀█▀') ;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
} ;
|
||||
|
||||
// -- Remove object
|
||||
Obj.prototype.deleteObj = function() {
|
||||
this.deleteAfter = true ;
|
||||
|
|
|
@ -19,6 +19,7 @@ Layouts.Ennemies.createRandom = function(opts) {
|
|||
var self = this ;
|
||||
var bulletConf = {
|
||||
name: 'ennemy',
|
||||
type: 'alien',
|
||||
width: 60,
|
||||
height: 60,
|
||||
power: 40,
|
||||
|
@ -27,6 +28,9 @@ Layouts.Ennemies.createRandom = function(opts) {
|
|||
speed: Math.round(Math.max(10, Math.random()*20)),
|
||||
direction: 1,
|
||||
origin: {x:Math.round(Math.random()*self.width), y:Math.round(-Math.random()*self.height)},
|
||||
explode: function(obj) {
|
||||
|
||||
},
|
||||
animate: function (obj) {
|
||||
obj.y += obj.settings.speed*obj.settings.direction ;
|
||||
if ( obj.y > obj.parent.height+obj.height ) {
|
||||
|
|
|
@ -8,6 +8,7 @@ Layouts.Player = new Layout({
|
|||
name: 'ship',
|
||||
width: 160,
|
||||
height: 160,
|
||||
type: 'human',
|
||||
sprites: [0,1],
|
||||
origin: {
|
||||
x: Wyrian.width/2 - 80,
|
||||
|
@ -74,6 +75,7 @@ Layouts.Player.bulletLib = function(obj, bulletType) {
|
|||
sprites: [0,1,2],
|
||||
speed: 40,
|
||||
direction: -1,
|
||||
type: 'human',
|
||||
name: 'bullet',
|
||||
origin: {x:0, y:0}
|
||||
} ;
|
||||
|
|
Loading…
Reference in a new issue