codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-03-22 10:55:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed by tweaking the styling to emphasize stroke over fill.

Browse source
This commit is contained in:
Nick Winter 2014-04-13 16:42:21 -07:00
parent 7b14215339
commit 7fcff825a8
1 changed files with 12 additions and 11 deletions

23
app/lib/surface/Mark.coffee
View file

@ -115,14 +115,14 @@ module.exports = class Mark extends CocoClass
#@mark.cache 0, 0, diameter, diameter # not actually faster than simple ellipse draw
buildRadius: (range) ->
alpha = 0.35
alpha = 0.15
colors =
voiceRange: "rgba(0, 145, 0, #{alpha})"
visualRange: "rgba(0, 0, 145, #{alpha})"
attackRange: "rgba(145, 0, 0, #{alpha})"
# Fallback colors which work on both dungeon and grass tiles
extracolors = [
extraColors = [
"rgba(145, 0, 145, #{alpha})"
"rgba(0, 145, 145, #{alpha})"
"rgba(145, 105, 0, #{alpha})"
@ -137,10 +137,8 @@ module.exports = class Mark extends CocoClass
@mark = new createjs.Shape()
if colors[range]?
@mark.graphics.beginFill colors[range]
else
@mark.graphics.beginFill extracolors[i]
fillColor = colors[range] ? extraColors[i]
@mark.graphics.beginFill fillColor
# Draw the outer circle
@mark.graphics.drawCircle 0, 0, @sprite.thang[range] * Camera.PPM
@ -149,13 +147,16 @@ module.exports = class Mark extends CocoClass
if i+1 < @sprite.ranges.length
@mark.graphics.arc 0, 0, @sprite.ranges[i+1]['radius'], Math.PI*2, 0, true
# Add perspective
@mark.scaleY *= @camera.y2x
@mark.graphics.endStroke()
@mark.graphics.endFill()
return
strokeColor = fillColor.replace '' + alpha, '0.75'
@mark.graphics.setStrokeStyle 2
@mark.graphics.beginStroke strokeColor
@mark.graphics.arc 0, 0, @sprite.thang[range] * Camera.PPM, Math.PI*2, 0, true
@mark.graphics.endStroke()
# Add perspective
@mark.scaleY *= @camera.y2x
buildDebug: ->
@mark = new createjs.Shape()