Bounce Coffee example for KD framework

bounce.coffee

# Your awesome Koding App Code

class MainView extends JView

  constructor:->
    super

    @ball = new KDView
      cssClass : 'ball'

    @_width   = 400
    @_height  = 300

    @.$().css width : @_width
    @.$().css height: @_height

    @_x = @x = @_y = @y = 1

    @updateBallPosition()

  updateBallPosition:->

    @x += @_x
    @y += @_y

    @_x = -1 if @x >= @_width - 50
    @_x =  1 if @x == 0

    @_y = -1 if @y >= @_height - 50
    @_y =  1 if @y == 0

    @ball.$().css top: @y
    @ball.$().css left:@x

    setTimeout =>
      @updateBallPosition()
    , 5

  pistachio:->
    """
    {{> @ball}}
    """

appView.addSubView new MainView
  cssClass: "bounce"



# /* Your awesome Koding App CSS Code */

# .bounce {
#   border: 1px solid orange;
#   margin: 10px;
# }

# .ball {
#   width: 50px;
#   height: 50px;
#   border-radius: 50px;
#   background-color: red;
# }