mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-18 11:32:25 -05:00
122 lines
4.3 KiB
CoffeeScript
122 lines
4.3 KiB
CoffeeScript
PAST_PATH_ALPHA = 0.75
|
|
PAST_PATH_WIDTH = 5
|
|
FUTURE_PATH_ALPHA = 0.75
|
|
FUTURE_PATH_WIDTH = 4
|
|
TARGET_ALPHA = 1
|
|
TARGET_WIDTH = 10
|
|
FUTURE_PATH_INTERVAL_DIVISOR = 4
|
|
PAST_PATH_INTERVAL_DIVISOR = 2
|
|
|
|
Camera = require './Camera'
|
|
CocoClass = require 'core/CocoClass'
|
|
|
|
module.exports = class TrailMaster extends CocoClass
|
|
world: null
|
|
|
|
constructor: (@camera, @layerAdapter) ->
|
|
super()
|
|
@tweenedSprites = []
|
|
@tweens = []
|
|
@listenTo @layerAdapter, 'new-spritesheet', -> @generatePaths(@world, @thang)
|
|
|
|
generatePaths: (@world, @thang) ->
|
|
return if @generatingPaths
|
|
@generatingPaths = true
|
|
@cleanUp()
|
|
@createGraphics()
|
|
pathDisplayObject = new createjs.SpriteContainer(@layerAdapter.spriteSheet)
|
|
pathDisplayObject.mouseEnabled = pathDisplayObject.mouseChildren = false
|
|
pathDisplayObject.addChild @createFuturePath()
|
|
# pathDisplayObject.addChild @createPastPath() # Just made the animated path the full path... do we want to have past and future look different again?
|
|
pathDisplayObject.addChild @createTargets()
|
|
@generatingPaths = false
|
|
return pathDisplayObject
|
|
|
|
cleanUp: ->
|
|
createjs.Tween.removeTweens(sprite) for sprite in @tweenedSprites
|
|
@tweenedSprites = []
|
|
@tweens = []
|
|
|
|
createGraphics: ->
|
|
@targetDotKey = @cachePathDot(TARGET_WIDTH, @colorForThang(@thang.team, TARGET_ALPHA), [0, 0, 0, 1])
|
|
@pastDotKey = @cachePathDot(PAST_PATH_WIDTH, @colorForThang(@thang.team, PAST_PATH_ALPHA), [0, 0, 0, 1])
|
|
@futureDotKey = @cachePathDot(FUTURE_PATH_WIDTH, [255, 255, 255, FUTURE_PATH_ALPHA], @colorForThang(@thang.team, 1))
|
|
|
|
cachePathDot: (width, fillColor, strokeColor) ->
|
|
key = "path-dot-#{width}-#{fillColor}-#{strokeColor}"
|
|
fillColor = createjs.Graphics.getRGB(fillColor...)
|
|
strokeColor = createjs.Graphics.getRGB(strokeColor...)
|
|
unless key in @layerAdapter.spriteSheet.getAnimations()
|
|
circle = new createjs.Shape()
|
|
radius = width/2
|
|
circle.graphics.setStrokeStyle(width/5).beginFill(fillColor).beginStroke(strokeColor).drawCircle(0, 0, radius)
|
|
@layerAdapter.addCustomGraphic(key, circle, [-radius*1.5, -radius*1.5, radius*3, radius*3])
|
|
return key
|
|
|
|
colorForThang: (team, alpha=1.0) ->
|
|
rgb = [0, 255, 0]
|
|
rgb = [255, 0, 0] if team is 'humans'
|
|
rgb = [0, 0, 255] if team is 'ogres'
|
|
rgb.push(alpha)
|
|
return rgb
|
|
|
|
createPastPath: ->
|
|
return unless points = @world.pointsForThang @thang.id, @camera
|
|
interval = Math.max(1, parseInt(@world.frameRate / PAST_PATH_INTERVAL_DIVISOR))
|
|
params = { interval: interval, frameKey: @pastDotKey }
|
|
return @createPath(points, params)
|
|
|
|
createFuturePath: ->
|
|
return unless points = @world.pointsForThang @thang.id, @camera
|
|
interval = Math.max(1, parseInt(@world.frameRate / FUTURE_PATH_INTERVAL_DIVISOR))
|
|
params = { interval: interval, animate: true, frameKey: @futureDotKey }
|
|
return @createPath(points, params)
|
|
|
|
createTargets: ->
|
|
return unless @thang.allTargets
|
|
container = new createjs.SpriteContainer(@layerAdapter.spriteSheet)
|
|
for x, i in @thang.allTargets by 2
|
|
y = @thang.allTargets[i + 1]
|
|
sup = @camera.worldToSurface x: x, y: y
|
|
sprite = new createjs.Sprite(@layerAdapter.spriteSheet)
|
|
sprite.scaleX = sprite.scaleY = 1 / @layerAdapter.resolutionFactor
|
|
sprite.scaleY *= @camera.y2x
|
|
sprite.gotoAndStop(@targetDotKey)
|
|
sprite.x = sup.x
|
|
sprite.y = sup.y
|
|
container.addChild(sprite)
|
|
return container
|
|
|
|
createPath: (points, options={}) ->
|
|
options = options or {}
|
|
interval = options.interval or 8
|
|
key = options.frameKey or @pastDotKey
|
|
container = new createjs.SpriteContainer(@layerAdapter.spriteSheet)
|
|
|
|
for x, i in points by interval * 2
|
|
y = points[i + 1]
|
|
sprite = new createjs.Sprite(@layerAdapter.spriteSheet)
|
|
sprite.scaleX = sprite.scaleY = 1 / @layerAdapter.resolutionFactor
|
|
sprite.scaleY *= @camera.y2x
|
|
sprite.gotoAndStop(key)
|
|
sprite.x = x
|
|
sprite.y = y
|
|
container.addChild(sprite)
|
|
if lastSprite and options.animate
|
|
tween = createjs.Tween.get(lastSprite, {loop: true}).to({x:x, y:y}, 1000)
|
|
@tweenedSprites.push lastSprite
|
|
@tweens.push tween
|
|
lastSprite = sprite
|
|
|
|
@logged = true
|
|
container
|
|
|
|
play: ->
|
|
tween.setPaused(false) for tween in @tweens
|
|
|
|
stop: ->
|
|
tween.setPaused(true) for tween in @tweens
|
|
|
|
destroy: ->
|
|
@cleanUp()
|
|
super()
|