wew boyy

http://angularjs.org/

by kevmus

HTML

<div data-ng-controller="MyCtrl">
    <span id="{{sprite}}" ng-repeat="sprite in sprites">{{sprite.name}} {{sprite.position}}</span><br />
    <table>
      <tr ng-repeat="y in [1,0,-1]">
        <td ng-repeat="x in [1,0,-1]">
          <button ng-click="sprites['ash'].move(x,y)">
          {{movebutton(x,y)}}
          </button>
        </td>
      </tr>
    </table>

</div>


<script src="http://code.jquery.com/jquery-3.2.1.js"></script>
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="http://code.angularjs.org/1.4.8/angular.js"></script>

CoffeeScript

app = angular.module 'myapp', []

class Vector
  constructor: (@x, @y) ->
  inverse: () -> return new Vector(-@x, -@y)
  plus: (vector) -> return new Vector(@x+vector.x, @y+vector.y)
  minus: (vector) -> return @add(vector.inverse())
  dot: (vector) -> return @x*vector.x + @y*vector.y  

zeroVector = new Vector(0, 0)

class Sprite
  constructor: (@name, @position) ->
  move: (x,y) -> @position = @position.plus(new Vector(x,y))
  place: (x, y) -> @position = new Vector(x, y)

class MyCtrl
  @$inject: ['$scope'] 
  constructor: (@scope) ->
    @scope.sprites = 
    	ash: new Sprite("Ash", zeroVector);
    
    @scope.moveButton(x,y) ->
      output = "_"
      if y == 0
        if x == -1
        	output = "L"
        if x == 1
          output = "R"
      if x == 0
        if y == -1
          output = "D"
        if y == 1
          output = "U"
        
    angular.extend @scope,
      clear: @clear
      

  clear: =>
    @scope.spinner.value = 0

    

app.controller 'MyCtrl', MyCtrl
angular.bootstrap document, ['myapp']