/hrdlr-js

Permalink
Browse files

Initial commit

  • Loading branch information...
@twe4ked
twe4ked committed Aug 11, 2013
0 parents commit 2e45eec3e67ee7538ab572162e350b6173f6573d
Unified Split
Showing with 170 additions and 0 deletions.
  1. +1 −0 .gitignore
  2. +10 −0 README.markdown
  3. +146 −0 hrdlr.coffee
  4. +13 −0 index.html
  5. BIN sounds/jump.m4a
1 .gitignore
@@ -0,0 +1 @@
*.js
10 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.
146 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()
13 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>
BIN sounds/jump.m4a
Binary file not shown.

0 comments on commit 2e45eec

Please sign in to comment.