codecombat/test/app/lib/surface/WebGLLayer.spec.coffee

167 lines
7.7 KiB
CoffeeScript
Raw Normal View History

WebGLLayer = require 'lib/surface/WebGLLayer'
CocoSprite = require 'lib/surface/CocoSprite'
ThangType = require 'models/ThangType'
treeThangType = new ThangType(require 'test/app/fixtures/tree1.thang.type')
ogreMunchkinThangType = new ThangType(require 'test/app/fixtures/ogre-munchkin-m.thang.type')
SpriteBuilder = require 'lib/sprites/SpriteBuilder'
describe 'WebGLLayer', ->
layer = null
beforeEach ->
layer = new WebGLLayer()
layer.buildAutomatically = false
layer.buildAsync = false
it 'creates containers for animated actions if set to spriteType=segmented', ->
ogreMunchkinThangType.set('spriteType', 'segmented')
colorConfig = {team: {hue: 0, saturation: 1, lightness: 0.5}}
sprite = new CocoSprite(ogreMunchkinThangType, {colorConfig: colorConfig})
layer.addCocoSprite(sprite)
sheet = layer.renderNewSpriteSheet()
key = layer.renderGroupingKey(ogreMunchkinThangType, 'head', colorConfig)
expect(key in sheet.getAnimations()).toBe(true)
it 'creates the container for static actions if set to spriteType=segmented', ->
treeThangType.set('spriteType', 'segmented')
sprite = new CocoSprite(treeThangType)
layer.addCocoSprite(sprite)
sheet = layer.renderNewSpriteSheet()
key = layer.renderGroupingKey(treeThangType, 'Tree_4')
expect(key in sheet.getAnimations()).toBe(true)
it 'creates animations for animated actions if set to spriteType=singular', ->
ogreMunchkinThangType.set('spriteType', 'singular')
colorConfig = {team: {hue: 0, saturation: 1, lightness: 0.5}}
sprite = new CocoSprite(ogreMunchkinThangType, {colorConfig: colorConfig})
layer.addCocoSprite(sprite)
sheet = layer.renderNewSpriteSheet()
key = layer.renderGroupingKey(ogreMunchkinThangType, 'idle', colorConfig)
expect(key in sheet.getAnimations()).toBe(true)
it 'creates animations for static actions if set to spriteType=singular', ->
treeThangType.set('spriteType', 'singular')
sprite = new CocoSprite(treeThangType)
layer.addCocoSprite(sprite)
sheet = layer.renderNewSpriteSheet()
key = layer.renderGroupingKey(treeThangType, 'idle')
expect(key in sheet.getAnimations()).toBe(true)
it 'only renders frames used by actions when spriteType=singular', ->
layer.setDefaultActions(['idle']) # uses the move side animation
ogreMunchkinThangType.set('spriteType', 'singular')
colorConfig = {team: {hue: 0, saturation: 1, lightness: 0.5}}
sprite = new CocoSprite(ogreMunchkinThangType, {colorConfig: colorConfig})
layer.addCocoSprite(sprite)
sheet = layer.renderNewSpriteSheet()
key = layer.renderGroupingKey(ogreMunchkinThangType, 'idle', colorConfig)
animations = sheet.getAnimations()
expect(animations.length).toBe(1)
expect(animations[0]).toBe(key)
expect(sheet.getNumFrames()).toBe(2) # one idle frame, and the emptiness frame
it 'renders a raster image onto a sheet', (done) ->
bootsThangType = new ThangType(require 'test/app/fixtures/leather-boots.thang.type')
bootsThangType.loadRasterImage()
bootsThangType.once('raster-image-loaded', ->
sprite = new CocoSprite(bootsThangType)
layer.addCocoSprite(sprite)
sheet = layer.renderNewSpriteSheet()
key = layer.renderGroupingKey(bootsThangType)
expect(key in sheet.getAnimations()).toBe(true)
done()
#$('body').attr('class', '').empty().css('background', 'white').append($(sheet._images))
)
2014-09-18 12:46:02 -04:00
bootsThangType.once('raster-image-load-errored', ->
# skip this test...
done()
)
it 'loads ThangTypes for CocoSprites that are added to it and need to be loaded', ->
thangType = new ThangType({_id: 1})
sprite = new CocoSprite(thangType)
layer.addCocoSprite(sprite)
expect(layer.numThingsLoading).toBe(1)
expect(jasmine.Ajax.requests.count()).toBe(1)
2014-09-18 12:46:02 -04:00
it 'loads raster images for ThangType', ->
bootsThangTypeData = require 'test/app/fixtures/leather-boots.thang.type'
thangType = new ThangType({_id: 1})
sprite = new CocoSprite(thangType)
layer.addCocoSprite(sprite)
expect(layer.numThingsLoading).toBe(1)
2014-09-18 12:46:02 -04:00
spyOn(thangType, 'loadRasterImage')
jasmine.Ajax.requests.sendResponses({'/db/thang.type/1': bootsThangTypeData})
2014-09-18 12:46:02 -04:00
spyOn(layer, 'renderNewSpriteSheet')
expect(layer.numThingsLoading).toBe(1)
2014-09-18 12:46:02 -04:00
expect(thangType.loadRasterImage).toHaveBeenCalled()
thangType.loadedRaster = true
thangType.trigger('raster-image-loaded', thangType)
expect(layer.numThingsLoading).toBe(0)
expect(layer.renderNewSpriteSheet).toHaveBeenCalled()
2014-09-18 12:46:02 -04:00
it 'renders a new SpriteSheet only once everything has loaded', ->
bootsThangTypeData = require 'test/app/fixtures/leather-boots.thang.type'
thangType1 = new ThangType({_id: 1})
thangType2 = new ThangType({_id: 2})
layer.addCocoSprite(new CocoSprite(thangType1))
expect(layer.numThingsLoading).toBe(1)
layer.addCocoSprite(new CocoSprite(thangType2))
expect(layer.numThingsLoading).toBe(2)
2014-09-18 12:46:02 -04:00
spyOn(thangType2, 'loadRasterImage')
spyOn layer, '_renderNewSpriteSheet'
jasmine.Ajax.requests.sendResponses({'/db/thang.type/1': ogreMunchkinThangType.attributes})
expect(layer.numThingsLoading).toBe(1)
jasmine.Ajax.requests.sendResponses({'/db/thang.type/2': bootsThangTypeData})
expect(layer.numThingsLoading).toBe(1)
expect(layer._renderNewSpriteSheet).not.toHaveBeenCalled()
2014-09-18 12:46:02 -04:00
expect(thangType2.loadRasterImage).toHaveBeenCalled()
thangType2.loadedRaster = true
thangType2.trigger('raster-image-loaded', thangType2)
expect(layer.numThingsLoading).toBe(0)
expect(layer._renderNewSpriteSheet).toHaveBeenCalled()
it 'recycles *containers* from previous sprite sheets, rather than building repeatedly from raw vector data', ->
treeThangType.set('spriteType', 'segmented')
sprite = new CocoSprite(treeThangType)
layer.addCocoSprite(sprite)
spyOn(SpriteBuilder.prototype, 'buildContainerFromStore').and.callThrough()
for i in _.range(2)
sheet = layer.renderNewSpriteSheet()
expect(SpriteBuilder.prototype.buildContainerFromStore.calls.count()).toBe(1)
it '*does not* recycle *containers* from previous sprite sheets when the resolutionFactor has changed', ->
treeThangType.set('spriteType', 'segmented')
sprite = new CocoSprite(treeThangType)
layer.addCocoSprite(sprite)
spyOn(SpriteBuilder.prototype, 'buildContainerFromStore').and.callThrough()
for i in _.range(2)
layer.resolutionFactor *= 1.1
sheet = layer.renderNewSpriteSheet()
expect(SpriteBuilder.prototype.buildContainerFromStore.calls.count()).toBe(2)
it 'recycles *animations* from previous sprite sheets, rather than building repeatedly from raw vector data', ->
ogreMunchkinThangType.set('spriteType', 'singular')
sprite = new CocoSprite(ogreMunchkinThangType)
layer.addCocoSprite(sprite)
numFrameses = []
spyOn(SpriteBuilder.prototype, 'buildMovieClip').and.callThrough()
for i in _.range(2)
sheet = layer.renderNewSpriteSheet()
numFrameses.push(sheet.getNumFrames())
# this process should not have created any new frames
expect(numFrameses[0]).toBe(numFrameses[1])
# one movie clip made for each raw animation: move (3), attack, die
expect(SpriteBuilder.prototype.buildMovieClip.calls.count()).toBe(5)
it '*does not* recycles *animations* from previous sprite sheets when the resolutionFactor has changed', ->
ogreMunchkinThangType.set('spriteType', 'singular')
sprite = new CocoSprite(ogreMunchkinThangType)
layer.addCocoSprite(sprite)
spyOn(SpriteBuilder.prototype, 'buildMovieClip').and.callThrough()
for i in _.range(2)
layer.resolutionFactor *= 1.1
sheet = layer.renderNewSpriteSheet()
expect(SpriteBuilder.prototype.buildMovieClip.calls.count()).toBe(10)