Initial commit

twe4ked · Aug 11, 2013 · 2e45eec3e67ee7538ab572162e350b6173f6573d · 2e45eec
commit 2e45eec3e67ee7538ab572162e350b6173f6573d
Show file tree

Hide file tree

Showing 5 changed files with 170 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+*.js
diff --git a/README.markdown b/README.markdown
@@ -0,0 +1,10 @@
+# hrdlr js
+
+Turn up your volume.
+
+``` sh
+coffee --compile *.coffee
+open index.html
+```
+
+By Odin Dutton and Jason Weathered.
diff --git a/hrdlr.coffee b/hrdlr.coffee
@@ -0,0 +1,146 @@
+pre = document.querySelector('pre')
+frame = null
+sounds = {
+  jump: new Audio('sounds/jump.m4a')
+}
+
+getRandomInt = (min, max) ->
+  return Math.floor(Math.random() * (max - min + 1) + min)
+
+class Sprite
+  constructor: (@config) ->
+    @frames = @config.frames
+    @states = @config.states
+    @changeState(Object.keys(@states)[0])
+
+  changeState: (state) ->
+    @currentState = state
+    @frameIndex = -1
+
+  tick: ->
+    @frameIndex++
+    if @frameIndex >= @states[@currentState].length
+      @frameIndex = 0
+    frameName = @states[@currentState][@frameIndex]
+    @currentFrame = @frames[frameName]
+
+class Items
+  constructor: (@initial, @step_min, @step_max) ->
+    @items = [@initial]
+    @deleted = []
+
+  get: (x1, x2) ->
+    # populate till the end of the range
+    while @items[@items.length-1] < x2
+      @items.push @items[@items.length-1] + getRandomInt(@step_min, @step_max)
+    # remove old entries
+    if @items.size > 1000
+      @items = @items.slice(@items.length-1000)
+    # return items in requested range (without deleted items)
+    items = []
+    for x in @items
+      if x >= x1 && x <= x2 && @deleted.indexOf(x) < 0
+        items.push x
+    items
+
+  delete: (items) ->
+    @deleted.push items...
+
+playerSprite = new Sprite
+  frames:
+    run1:
+      '''
+       o
+      <|-
+      / >
+      '''
+    run2:
+      '''
+       o
+      /|~
+      --\\
+      '''
+    jump:
+      '''
+       o/
+      /|
+      ---
+      '''
+  states:
+    running: [
+      'run1',
+      'run1',
+      'run2',
+      'run2',
+    ]
+    jumping: [
+      'jump',
+    ]
+
+class Player
+  constructor: (@sprite) ->
+    @jumpPos = null
+    @posX = 0
+    @posY = 2
+
+  tick: ->
+    @posX++
+    if @jumpPos?
+      if @jumpPos < 4
+        @jumpPos++
+      else
+        @jumpPos = null
+        @posY = 2
+        @sprite.changeState 'running'
+
+  jump: ->
+    return if @jumpPos?
+    @jumpPos = 0
+    @posY = 1
+    @sprite.changeState 'jumping'
+    sounds.jump.play()
+
+player = new Player(playerSprite)
+
+document.addEventListener 'keypress', (event) ->
+  if event.keyCode == 32
+    player.jump()
+
+document.addEventListener 'touchstart', ->
+  player.jump()
+
+drawSprite = (spriteFrame, x, y) ->
+  spriteFrameLines = spriteFrame.split('\n')
+  for i in [0..spriteFrameLines.length-1]
+    frame[i+y] = frame[i+y].slice(0, x) + spriteFrameLines[i] + frame[i+y].slice(x+spriteFrameLines[i].length)
+
+clearFrame = ->
+  frame = [
+    new Array(81).join('-'),
+    new Array(81).join(' '),
+    new Array(81).join(' '),
+    new Array(81).join(' '),
+    new Array(81).join(' '),
+    new Array(81).join('-')
+  ]
+
+hurdles = new Items(50, 10, 20)
+
+viewportX = -3
+
+tick = ->
+  clearFrame()
+
+  player.tick()
+  playerSprite.tick()
+
+  for hurdle_x in hurdles.get(0+player.posX+viewportX, 80+player.posX+viewportX)
+    drawSprite('#', hurdle_x-player.posX-viewportX, 4)
+
+  drawSprite(playerSprite.currentFrame, -viewportX, player.posY)
+
+  pre.innerText = frame.join('\n')
+
+  setTimeout(tick, 100)
+
+tick()
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      * { margin: 0; padding: 0; }
+      body { background: #111; color: #eee; }
+    </style>
+  </head>
+  <body>
+    <pre>Loading...</pre>
+    <script src=hrdlr.js type=text/javascript></script>
+  </body>
+</html>
diff --git a/sounds/jump.m4a b/sounds/jump.m4a