Skip to content

Instantly share code, notes, and snippets.

@yusugomori

yusugomori/mother2.coffee

Created July 6, 2012 14:27
Show Gist options
  • Save yusugomori/3060467 to your computer and use it in GitHub Desktop.
Save yusugomori/3060467 to your computer and use it in GitHub Desktop.
Download ZIP
Mother2.coffee
Raw
mother2.coffee
class Mother2
constructor: (options={}) ->
id = options.id or '#mother2'
@cellSize = options.cellSize or 3
$id = $(id)
$id.css
position: 'relative'
render: (options={}) ->
return false unless options.arr
return false unless options.id
id = options.id
$id = $(id)
arr = options.arr
x = 0
y = 0
x = options.x if options.x?
y = options.y if options.y?
$id.css
position: 'absolute'
len = [arr.length, arr[0].length]
for i in [0...len[0]]
_y = @cellSize * i + y
for j in [0...len[1]]
_x = @cellSize * j + x
if arr[i][j]
_bgColor = "##{arr[i][j]}"
else
_bgColor = 'transparent'
$id.append "<div style=\"position:absolute;top:#{_y}px;left:#{_x}px;width:#{@cellSize}px;height:#{@cellSize}px;background-color:#{_bgColor}\"></div>"
return true
ness: [
[ null, null, null, null,'262d33','262d33','262d33','262d33','262d33','262d33','262d33', null, null, null, null, null],
[ null, null, null,'262d33','ed3d86','e0bf9e','262d33','e0bf9e','262d33','262d33','e0bf9e','262d33','262d33', null, null, null],
['262d33','262d33','262d33','262d33','ed3d86','262d33','e0bf9e','ed3d86','ed3d86','ed3d86','262d33','ed3d86','ed3d86','262d33', null, null],
['262d33','b3d3d2','4a76f9','4a76f9','4a76f9','262d33','ed3d86','ed3d86','ed3d86','ed3d86','ed3d86','262d33','ed3d86','ed3d86','262d33', null],
[ null,'262d33','3f6b5a','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','ed3d86','ed3d86','ed3d86','262d33','ed3d86','ed3d86','262d33', null],
[ null,'262d33','262d33','262d33','c0ab8e','262d33','262d33','262d33','262d33','c0ab8e','c0ab8e','262d33','262d33','262d33', null, null],
['262d33','262d33','262d33','c0ab8e','c0ab8e','c0ab8e','262d33','262d33','c0ab8e','c0ab8e','c0ab8e','262d33','262d33','262d33','262d33', null],
['262d33','c0ab8e','262d33','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','262d33','ecbcb2','262d33', null],
['262d33','c0ab8e','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33', null],
[ null,'262d33','c0ab8e','e395af','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','e395af','c0ab8e','262d33', null, null],
[ null, null,'262d33','e395af','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','e395af','262d33', null, null, null],
[ null, null, null,'262d33','e395af','ecbcb2','262d33','262d33','262d33','ecbcb2','e395af','262d33', null, null, null, null],
[ null, null, null, null,'262d33','c0ab8e','ecbcb2','ecbcb2','ecbcb2','c0ab8e','262d33', null, null, null, null, null],
[ null, null, null,'262d33','4a76f9','262d33','262d33','c0ab8e','262d33','262d33','4a76f9','262d33', null, null, null, null],
[ null, null,'262d33','e6dc2f','e6dc2f','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','e6dc2f','e6dc2f','262d33', null, null, null],
[ null,'262d33','ecbcb2','4a76f9','4a76f9','e6dc2f','e6dc2f','e6dc2f','e6dc2f','e6dc2f','4a76f9','4a76f9','4a76f9','262d33', null, null],
['262d33','ffffff','ecbcb2','262d33','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','262d33','4a76f9','ecbcb2','262d33', null],
['262d33','ecbcb2','ecbcb2','262d33','e6dc2f','e6dc2f','e6dc2f','e6dc2f','e6dc2f','e6dc2f','e6dc2f','262d33','ecbcb2','262d33', null, null],
[ null,'262d33','262d33','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','4a76f9','262d33','262d33','262d33', null, null, null],
[ null, null,'262d33','4a76f9','4a76f9','4a76f9','4a76f9','262d33','4a76f9','262d33','b3d3d2','b3d3d2','537262','262d33', null, null],
[ null, null, null,'262d33','262d33','4a76f9','4a76f9','262d33','262d33','b3d3d2','537262','537262','537262','262d33', null, null],
[ null, null,'537262','262d33','ed3d86','ed3d86','262d33','262d33','262d33','b3d3d2','537262','537262','537262','262d33', null, null],
['537262','537262','262d33','b3d3d2','537262','262d33','262d33','537262','262d33','537262','537262','537262','262d33','537262','537262','537262'],
[ null, null,'537262','262d33','262d33','262d33','537262','537262','537262','262d33','262d33','262d33','537262','537262', null, null]
]
pola: [
[ null,'262d33','262d33', null,'262d33','262d33','262d33', null,'262d33','262d33','262d33', null,'262d33','262d33', null, null],
['262d33','ed3d86','ed3d86','262d33','e8ea0b','e8ea0b','e8ea0b','262d33','e8ea0b','e8ea0b','e8ea0b','262d33','ed3d86','ed3d86','262d33', null],
['262d33','ed3d86','ed3d86','e8ea0b','ebab23','e8ea0b','ebab23','ebab23','e8ea0b','ebab23','e8ea0b','e8ea0b','ed3d86','ed3d86','262d33', null],
['262d33','ed3d86','e8ea0b','e8ea0b','e8ea0b','ebab23','e8ea0b','e8ea0b','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ed3d86','262d33', null],
['262d33','ed3d86','e8ea0b','e8ea0b','ebab23','ebab23','e8ea0b','e8ea0b','e8ea0b','e8ea0b','e8ea0b','ebab23','e8ea0b','ed3d86','262d33', null],
[ null,'262d33','e8ea0b','ebab23','e8ea0b','ebab23','ebab23','ebab23','e8ea0b','e8ea0b','e8ea0b','e8ea0b','e8ea0b','262d33', null, null],
['262d33','e8ea0b','e8ea0b','ebab23','e8ea0b','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e8ea0b','ebab23','262d33', null],
['262d33','e8ea0b','e8ea0b','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','e8ea0b','e8ea0b','ebab23','e8ea0b','262d33'],
['262d33','e8ea0b','262d33','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','262d33','ebab23','e8ea0b','262d33'],
['262d33','e8ea0b','262d33','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','262d33','ebab23','e8ea0b','262d33'],
['262d33','e8ea0b','262d33','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','262d33','e8ea0b','262d33','262d33'],
[ null,'262d33','e8ea0b','262d33','ecbcb2','ecbcb2','ed3d86','ed3d86','ed3d86','ecbcb2','ecbcb2','262d33','e8ea0b','e8ea0b','262d33', null],
[ null, null,'262d33','262d33','262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33','262d33','262d33','262d33', null, null],
[ null, null, null,'262d33','e395af','ffffff','262d33','262d33','262d33','ffffff','e395af','262d33', null, null, null, null],
[ null, null,'262d33','e395af','e395af','ffffff','ffffff','e395af','ffffff','ffffff','e395af','e395af','262d33', null, null, null],
[ null,'262d33','e395af','e395af','262d33','e395af','e395af','e395af','e395af','e395af','e395af','e395af','262d33','262d33', null, null],
['262d33','ecbcb2','ffffff','ecbcb2','262d33','262d33','e395af','e395af','e395af','e395af','262d33','262d33','e395af','ffffff','262d33', null],
['262d33','ecbcb2','ecbcb2','262d33','e395af','e395af','262d33','262d33','262d33','262d33','e395af','262d33','ecbcb2','ecbcb2','262d33', null],
[ null,'262d33','262d33','e395af','e395af','e395af','e395af','ffffff','e395af','e395af','ffffff','e395af','262d33','262d33', null, null],
[ null, null,'262d33','e395af','e395af','e395af','e395af','ecbcb2','ffffff','e395af','e395af','ffffff','e395af','262d33', null, null],
[ null, null, null,'262d33','262d33','262d33','262d33','e395af','e395af','ecbcb2','e395af','e395af','262d33', null, null, null],
[ null, null,'262d33','8a3343','ed3d86','ed3d86','ed3d86','262d33','262d33','8a3343','ed3d86','262d33','537262','537262', null, null],
['537262','537262','537262','262d33','8a3343','8a3343','262d33','537262','262d33','ed3d86','ed3d86','e395af','262d33','537262','537262','537262'],
[ null, null,'537262','537262','262d33','262d33','537262','537262','537262','262d33','262d33','262d33','537262','537262', null, null]
]
jeff: [
[ null, null, null,'262d33','262d33','262d33','262d33','262d33','262d33','262d33','262d33','262d33', null, null, null, null],
[ null, null,'262d33','e8ea0b','e8ea0b','e8ea0b','e8ea0b','e8ea0b','e8ea0b','e8ea0b','e8ea0b','e8ea0b','262d33', null, null, null],
[ null,'262d33','e8ea0b','e8ea0b','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','e8ea0b','e8ea0b','262d33', null, null],
['262d33','262d33','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','262d33','262d33', null],
['262d33','e8ea0b','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','ebab23','e8ea0b','e8ea0b','262d33', null],
[ null,'262d33','e8ea0b','e8ea0b','262d33','262d33','262d33','ecbcb2','262d33','262d33','262d33','e8ea0b','e8ea0b','262d33', null, null],
['262d33','262d33','262d33','262d33','ffffff','ffffff','ffffff','262d33','ffffff','ffffff','ffffff','262d33','262d33','262d33','262d33', null],
['262d33','c0ab8e','e8ea0b','262d33','ffffff','ffffff','8eb598','262d33','ffffff','ffffff','8eb598','262d33','e8ea0b','c0ab8e','262d33', null],
['262d33','ecbcb2','ecbcb2','ecbcb2','262d33','262d33','262d33','ecbcb2','262d33','262d33','262d33','ecbcb2','ecbcb2','ecbcb2','262d33', null],
[ null,'262d33','e395af','e395af','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','e395af','e395af','262d33', null, null],
[ null, null,'262d33','e395af','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','e395af','262d33', null, null, null],
[ null, null, null,'262d33','e395af','ecbcb2','262d33','262d33','262d33','ecbcb2','e395af','262d33', null, null, null, null],
[ null, null, null, null,'262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33', null, null, null, null, null],
[ null, null, null,'262d33','538176','538176','262d33','8eb598','262d33','538176','538176','262d33', null, null, null, null],
[ null, null,'262d33','538176','538176','8eb598','262d33','262d33','262d33','8eb598','538176','538176','262d33', null, null, null],
[ null,'262d33','ecbcb2','538176','538176','ffffff','262d33','ffffff','262d33','ffffff','538176','538176','538176','262d33', null, null],
['262d33','ffffff','ecbcb2','262d33','538176','ffffff','ffffff','ffffff','ffffff','ffffff','538176','262d33','538176','ecbcb2','262d33', null],
['262d33','ecbcb2','ecbcb2','262d33','538176','ffffff','ffffff','538176','ffffff','ffffff','538176','262d33','ecbcb2','262d33', null, null],
[ null,'262d33','262d33','538176','538176','538176','538176','538176','538176','538176','262d33','262d33','262d33', null, null, null],
[ null, null,'262d33','56615b','56615b','56615b','56615b','262d33','56615b','262d33','b3d3d2','b3d3d2','56615b','262d33', null, null],
[ null, null, null,'262d33','56615b','56615b','56615b','262d33','262d33','b3d3d2','56615b','56615b','56615b','262d33', null, null],
[ null, null,'537262','262d33','262d33','262d33','262d33','262d33','262d33','b3d3d2','56615b','56615b','56615b','262d33', null, null],
['537262','537262','262d33','b3d3d2','537262','262d33','262d33','537262','262d33','537262','537262','537262','262d33','537262','537262','537262'],
[ null, null,'537262','262d33','262d33','262d33','537262','537262','537262','262d33','262d33','262d33','537262','537262', null, null]
]
poo: [
[ null, null, null, null, null, null, null,'262d33','262d33','262d33', null,'262d33', null, null, null, null],
[ null, null, null, null, null, null,'262d33','262d33','262d33', null,'262d33', null, null, null, null, null],
[ null, null, null, null,'262d33','262d33','262d33','262d33','262d33','262d33','262d33', null, null, null, null, null],
[ null, null, null,'262d33','ecbcb2','ecbcb2','262d33','262d33','262d33','ecbcb2','ecbcb2','262d33', null, null, null, null],
[ null, null,'262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33', null, null, null],
[ null,'262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33', null, null],
[ null,'262d33','ecbcb2','ecbcb2','262d33','262d33','ecbcb2','ecbcb2','ecbcb2','262d33','262d33','ecbcb2','ecbcb2','262d33', null, null],
['262d33','c0ab8e','ecbcb2','ecbcb2','ecbcb2','262d33','262d33','ecbcb2','262d33','262d33','ecbcb2','ecbcb2','ecbcb2','c0ab8e','262d33', null],
['262d33','c0ab8e','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','c0ab8e','262d33', null],
[ null,'262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33', null, null],
[ null,'262d33','e395af','e395af','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','e395af','e395af','262d33', null, null],
[ null, null,'262d33','e395af','e395af','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','e395af','e395af','262d33', null, null, null],
[ null, null, null,'262d33','e395af','ecbcb2','262d33','262d33','262d33','ecbcb2','e395af','262d33', null, null, null, null],
[ null, null, null, null,'262d33','ecbcb2','ecbcb2','ecbcb2','ecbcb2','ecbcb2','262d33', null, null, null, null, null],
[ null, null, null,'262d33','8eb598','262d33','262d33','ecbcb2','262d33','262d33','8eb598','262d33', null, null, null, null],
[ null, null,'262d33','8eb598','ffffff','8eb598','262d33','ecbcb2','262d33','8eb598','ffffff','8eb598','262d33', null, null, null],
[ null,'262d33','ecbcb2','8eb598','262d33','ffffff','8eb598','262d33','8eb598','ffffff','ffffff','ffffff','8eb598','262d33', null, null],
['262d33','ffffff','ecbcb2','262d33','262d33','ffffff','ffffff','8eb598','ffffff','ffffff','262d33','ffffff','bfd7db','ecbcb2','262d33', null],
['262d33','ecbcb2','ecbcb2','262d33','ffffff','262d33','262d33','262d33','262d33','262d33','262d33','262d33','ecbcb2','262d33', null, null],
[ null,'262d33','262d33','8eb598','ffffff','ffffff','8eb598','8eb598','ffffff','262d33','bfd7db','bfd7db','262d33', null, null, null],
[ null, null, null,'262d33','8eb598','8eb598','8eb598','262d33','262d33','bfd7db','537262','537262','537262','262d33', null, null],
[ null, null,'537262','262d33','262d33','262d33','262d33','262d33','262d33','bfd7db','537262','537262','537262','262d33', null, null],
['537262','537262','262d33','ffffff','537262','262d33','262d33','537262','262d33','537262','537262','537262','262d33','537262','537262','537262'],
[ null, null,'537262','262d33','262d33','262d33','537262','537262','537262','262d33','262d33','262d33','537262','537262', null, null]
]
$ ->
if document.getElementById('mother2')
$id = $('#mother2')
$id.css
height: 210
$id.append '<div id="ness"></div>'
$id.append '<div id="pola"></div>'
$id.append '<div id="jeff"></div>'
$id.append '<div id="poo"></div>'
base = 120
mother2 = new Mother2({
id: '#mother2'
cellSize: 3
})
ness = mother2.ness
mother2.render({
id: '#ness'
arr: ness
})
pola = mother2.pola
mother2.render({
id: '#pola'
arr: pola
x: base
y: 0
})
jeff = mother2.jeff
mother2.render({
id: '#jeff'
arr: jeff
x: 0
y: base
})
poo = mother2.poo
mother2.render({
id: '#poo'
arr: poo
x: base
y: base
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment