Philip Shen philipshen

philipshen / the-cannon-2_part1_cannon-properties.ts

Last active June 16, 2018 14:48

	@ccclass
	export default class NewClass extends cc.Component {

	@property (cc.Node) // 1
	barrel: cc.Node = null

	@property (cc.Node)
	body: cc.Node = null

	@property angle: number = 0

philipshen / the-cannon-2_part1_hookInput.ts

Last active July 10, 2018 09:47

	onLoad() { // 1
	this.hookInput()
	}

	hookInput() {
	const cannon = this;

	cc.eventManager.addListener({ // 2
	event: cc.EventListener.KEYBOARD, // 3
	onKeyPressed(kCode, e) { // 4

philipshen / the-cannon-2_part1_update-cannon.ts

Created June 16, 2018 14:47

	update(dt) {
	const { angleSpeed } = this;

	if (angleSpeed !== 0) {
	const angle = this.angle = MathUtilities.clamp(this.angle + angleSpeed * dt,
	this.leftMaxAngle * -1,
	this.rightMaxAngle);
	this.barrel.rotation = angle;
	}
	}

philipshen / the-cannon-2_part1_mathUtilities.ts

Created June 16, 2018 14:49

export const clamp = (val, min, max) => val < min ? min : val > max ? max : val

philipshen / the-cannon-2_part1_game.ts

Created June 16, 2018 14:50

	@ccclass
	export default class NewClass extends cc.Component {

	@property (cc.RigidBody)
	floor: cc.RigidBody = null // 1

	@property gravity: number = 0;

	// LIFE-CYCLE CALLBACKS:
	onLoad () {

philipshen / the-cannon-2_part2_bullet-script.ts

Created June 19, 2018 12:50

	const {ccclass, property} = cc._decorator;

	@ccclass
	export default class NewClass extends cc.Component {

	// In milliseconds
	timeToLive = 5000

	timeAlive = 0

philipshen / the-cannon-2_part2_bullet-prop.ts

Created June 19, 2018 12:55

	@property(cc.Prefab)
	bullet: cc.Prefab = null

philipshen / the-cannon-2_part2_math-utilities.ts

Created June 19, 2018 12:58

	const { cos, sin, PI } = Math

	const rad = deg => deg * PI / 180;
	export const cosd = deg => cos(rad(deg));
	export const sind = deg => sin(rad(deg));

philipshen / the-cannon-2_part2_createBullet.ts

Last active June 19, 2018 13:06

	// FACTORY
	createBullet(position: cc.Vec2, velocity: number, angle: number) {
	const newBullet = cc.instantiate(this.bullet) // 1
	newBullet.setPosition(position) // 2
	newBullet.rotation = angle

	const body = newBullet.getComponent(cc.RigidBody) // 3
	body.linearVelocity = cc.v2(MathUtilities.sind(angle) * velocity,
	MathUtilities.cosd(angle) * velocity)

philipshen / the-cannon-2_part2_reference-game.ts

Created June 19, 2018 13:15

	// Cannon.ts

	import Game from './Game'

	@ccclass
	export default class Cannon extends cc.Component {

	game: Game

	onLoad() {