Parabola tuning
This commit is contained in:
@@ -1,15 +1,17 @@
|
||||
import { LayeredTileFactory } from './layered_tile_factory.js';
|
||||
import { TileFactory } from './tile_factory.js';
|
||||
export class ProjectileTileFactory extends TileFactory {
|
||||
constructor(tile_factory, target_relative_x, target_relative_y, spin, speed) {
|
||||
constructor(tile_factory, target_relative_x, target_relative_y, spin, speed, loft) {
|
||||
super(tile_factory.layer_name, tile_factory.width, tile_factory.height);
|
||||
this.source_tile_factory = tile_factory;
|
||||
this.target_relative_x = target_relative_x;
|
||||
this.target_relative_y = target_relative_y;
|
||||
this.spin = spin;
|
||||
this.speed = speed;
|
||||
this.loft = loft;
|
||||
const copy = tile_factory.copy();
|
||||
const distance = Math.sqrt(target_relative_x ** 2 + target_relative_y ** 2);
|
||||
console.log(distance);
|
||||
copy.add_animation('launch-x', [
|
||||
{
|
||||
'offset': 0.0,
|
||||
@@ -23,7 +25,7 @@ export class ProjectileTileFactory extends TileFactory {
|
||||
'transform': `rotate(${Math.sign(target_relative_x) * distance * spin * 10}deg)`,
|
||||
},
|
||||
], {
|
||||
'duration': distance * (1 / speed) * 100,
|
||||
'duration': distance / speed * 100,
|
||||
'iterations': 1,
|
||||
});
|
||||
copy.add_animation('launch-y', [
|
||||
@@ -33,16 +35,16 @@ export class ProjectileTileFactory extends TileFactory {
|
||||
'top': '0',
|
||||
},
|
||||
{
|
||||
'offset': 0.50,
|
||||
'offset': 0.50 - Math.abs(target_relative_y / distance * 0.50),
|
||||
'easing': 'cubic-bezier(0.33, 0.00, 0.66, 0.33)',
|
||||
'top': `-500%`,
|
||||
'top': `${((-1 * loft / tile_factory.height) + ((target_relative_y / distance) * (loft / tile_factory.height))) * 100}%`,
|
||||
},
|
||||
{
|
||||
'offset': 1.0,
|
||||
'top': `${target_relative_y / tile_factory.height * 100}%`,
|
||||
},
|
||||
], {
|
||||
'duration': distance * (1 / speed) * 100,
|
||||
'duration': distance / speed * 100,
|
||||
'iterations': 1,
|
||||
});
|
||||
this.tile_factory = new LayeredTileFactory([copy]);
|
||||
@@ -54,7 +56,7 @@ export class ProjectileTileFactory extends TileFactory {
|
||||
return tile;
|
||||
}
|
||||
copy() {
|
||||
return new ProjectileTileFactory(this.source_tile_factory, this.target_relative_x, this.target_relative_y, this.spin, this.speed);
|
||||
return new ProjectileTileFactory(this.source_tile_factory, this.target_relative_x, this.target_relative_y, this.spin, this.speed, this.loft);
|
||||
}
|
||||
}
|
||||
//# sourceMappingURL=projectile_tile_factory.js.map
|
||||
Reference in New Issue
Block a user