codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-04-27 14:33:59 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Changed point marker to crosshair, and changed color to white

Browse source
This commit is contained in:
Pete DiSalvo 2014-07-19 20:12:56 -04:00
parent d45c2d31de
commit 9ca3563eed
1 changed files with 21 additions and 23 deletions

44
app/lib/surface/CoordinateDisplay.coffee
View file

@ -74,56 +74,54 @@ module.exports = class CoordinateDisplay extends createjs.Container
@label.regY = @background.regY = @pointMarker.regY = contentHeight
pointMarkerStroke = 2
pointMarkerLength = 3
pointMarkerLength = 8
contributionsToTotalSize = []
contributionsToTotalSize = contributionsToTotalSize.concat @updateCoordinates contentWidth, contentHeight, pointMarkerStroke
contributionsToTotalSize = contributionsToTotalSize.concat @updatePointMarker contentHeight, pointMarkerLength, pointMarkerStroke
contributionsToTotalSize = contributionsToTotalSize.concat @updateCoordinates contentWidth, contentHeight, pointMarkerLength
contributionsToTotalSize = contributionsToTotalSize.concat @updatePointMarker 0, contentHeight, pointMarkerLength, pointMarkerStroke
totalWidth = contentWidth + contributionsToTotalSize.reduce (a, b) -> a + b
totalHeight = contentHeight + contributionsToTotalSize.reduce (a, b) -> a + b
[totalWidth, totalHeight]
@cache -pointMarkerLength, -totalHeight + pointMarkerLength, totalWidth, totalHeight
updateCoordinates: (contentWidth, contentHeight, initialXYOffset) ->
gap = 2
labelAndBgMarkerOffset = initialXYOffset * gap
offsetForPointMarker = initialXYOffset
# Center label horizontally and vertically
@label.x = contentWidth / 2 - (@label.getMeasuredWidth() / 2) + labelAndBgMarkerOffset
@label.y = contentHeight / 2 - (@label.getMeasuredHeight() / 2) - labelAndBgMarkerOffset
@label.x = contentWidth / 2 - (@label.getMeasuredWidth() / 2) + offsetForPointMarker
@label.y = contentHeight / 2 - (@label.getMeasuredHeight() / 2) - offsetForPointMarker
@background.graphics
.clear()
.beginFill('rgba(0,0,0,0.4)')
.beginStroke('rgba(0,0,0,0.6)')
.setStrokeStyle(backgroundStroke = 1)
.drawRoundRect(labelAndBgMarkerOffset, -labelAndBgMarkerOffset, contentWidth, contentHeight, radius = 2.5)
.drawRoundRect(offsetForPointMarker, -offsetForPointMarker, contentWidth, contentHeight, radius = 2.5)
.endFill()
.endStroke()
contributionsToTotalSize = [labelAndBgMarkerOffset, backgroundStroke]
contributionsToTotalSize = [offsetForPointMarker, backgroundStroke]
updatePointMarker: (contentHeight, length, strokeSize) ->
shiftToLineupWithGrid = strokeSize / 2
pointMarkerInitialX = strokeSize - shiftToLineupWithGrid
pointMarkerInitialY = contentHeight - strokeSize + shiftToLineupWithGrid
updatePointMarker: (centerX, centerY, length, strokeSize) ->
strokeStyle = 'square'
@pointMarker.graphics
.beginStroke('rgb(142, 198, 67')
.setStrokeStyle(strokeSize, 'square')
.moveTo(pointMarkerInitialX, pointMarkerInitialY)
.lineTo(pointMarkerInitialX, pointMarkerInitialY - length)
.moveTo(pointMarkerInitialX, pointMarkerInitialY)
.lineTo(pointMarkerInitialX + length, pointMarkerInitialY)
.beginStroke('rgb(255, 255, 255)')
.setStrokeStyle(strokeSize, strokeStyle)
.moveTo(centerX, centerY - length)
.lineTo(centerX, centerY + length)
.moveTo(centerX - length, centerY)
.lineTo(centerX + length, centerY)
.endStroke()
contributionsToTotalSize = [strokeSize]
contributionsToTotalSize = [strokeSize, length]
show: =>
return unless @mouseInBounds and @lastPos and not @destroyed
@label.text = "{x: #{@lastPos.x}, y: #{@lastPos.y}}"
[width, height] = @updateSize()
@updateSize()
sup = @camera.worldToSurface @lastPos
@x = sup.x
@y = sup.y
@addChild @background
@addChild @label
@addChild @pointMarker
@cache 0, -height, width, height
@updateCache()
Backbone.Mediator.publish 'surface:coordinates-shown', {}