2016-07-12 17:07:10 -04:00
|
|
|
RootView = require 'views/core/RootView'
|
|
|
|
|
|
|
|
GameUIState = require 'models/GameUIState'
|
|
|
|
God = require 'lib/God'
|
|
|
|
LevelLoader = require 'lib/LevelLoader'
|
|
|
|
GoalManager = require 'lib/world/GoalManager'
|
2016-07-13 19:04:44 -04:00
|
|
|
ScriptManager = require 'lib/scripts/ScriptManager'
|
2016-07-12 17:07:10 -04:00
|
|
|
Surface = require 'lib/surface/Surface'
|
|
|
|
ThangType = require 'models/ThangType'
|
2016-07-12 18:12:11 -04:00
|
|
|
Level = require 'models/Level'
|
|
|
|
LevelSession = require 'models/LevelSession'
|
2016-07-13 14:43:25 -04:00
|
|
|
{createAetherOptions} = require 'lib/aether_utils'
|
|
|
|
State = require 'models/State'
|
|
|
|
|
|
|
|
TEAM = 'humans'
|
2016-07-12 17:07:10 -04:00
|
|
|
|
|
|
|
module.exports = class PlayGameDevLevelView extends RootView
|
|
|
|
id: 'play-game-dev-level-view'
|
|
|
|
template: require 'templates/play/level/play-game-dev-level-view'
|
2016-07-15 23:03:12 -04:00
|
|
|
|
2016-07-13 14:43:25 -04:00
|
|
|
events:
|
|
|
|
'click #play-btn': 'onClickPlayButton'
|
|
|
|
|
2016-07-12 17:07:10 -04:00
|
|
|
initialize: (@options, @levelID, @sessionID) ->
|
2016-07-13 14:43:25 -04:00
|
|
|
@state = new State({
|
|
|
|
loading: true
|
2016-07-13 16:28:54 -04:00
|
|
|
progress: 0
|
2016-07-13 14:43:25 -04:00
|
|
|
})
|
2016-07-15 23:03:12 -04:00
|
|
|
|
2016-07-13 16:28:54 -04:00
|
|
|
@supermodel.on 'update-progress', (progress) =>
|
|
|
|
@state.set({progress: (progress*100).toFixed(1)+'%'})
|
2016-07-12 18:12:11 -04:00
|
|
|
@level = new Level()
|
|
|
|
@session = new LevelSession()
|
2016-07-12 17:07:10 -04:00
|
|
|
@gameUIState = new GameUIState()
|
2016-07-14 19:49:48 -04:00
|
|
|
@courseID = @getQueryVariable 'course'
|
2016-07-12 17:07:10 -04:00
|
|
|
@god = new God({ @gameUIState })
|
2016-07-14 19:49:48 -04:00
|
|
|
@levelLoader = new LevelLoader({ @supermodel, @levelID, @sessionID, observing: true, team: TEAM, @courseID })
|
2016-07-13 14:43:25 -04:00
|
|
|
@listenTo @state, 'change', _.debounce(-> @renderSelectors('#info-col'))
|
2016-07-12 17:07:10 -04:00
|
|
|
|
2016-07-13 16:28:54 -04:00
|
|
|
@levelLoader.loadWorldNecessities()
|
2016-07-12 17:07:10 -04:00
|
|
|
|
2016-07-13 16:52:22 -04:00
|
|
|
.then (levelLoader) =>
|
2016-07-13 16:28:54 -04:00
|
|
|
{ @level, @session, @world } = levelLoader
|
2016-07-15 23:03:12 -04:00
|
|
|
@god.setLevel(@level.serialize {@supermodel, @session})
|
2016-07-13 16:28:54 -04:00
|
|
|
@god.setWorldClassMap(@world.classMap)
|
|
|
|
@goalManager = new GoalManager(@world, @level.get('goals'), @team)
|
|
|
|
@god.setGoalManager(@goalManager)
|
2016-07-13 18:45:06 -04:00
|
|
|
@god.angelsShare.firstWorld = false # HACK
|
2016-07-13 16:28:54 -04:00
|
|
|
me.team = TEAM
|
|
|
|
@session.set 'team', TEAM
|
2016-07-13 19:04:44 -04:00
|
|
|
@scriptManager = new ScriptManager({
|
|
|
|
scripts: @world.scripts or [], view: @, @session, levelID: @level.get('slug')})
|
|
|
|
@scriptManager.loadFromSession() # Should we? TODO: Figure out how scripts work for game dev levels
|
2016-07-13 16:52:22 -04:00
|
|
|
@supermodel.finishLoading()
|
2016-07-15 23:03:12 -04:00
|
|
|
|
2016-07-13 16:28:54 -04:00
|
|
|
.then (supermodel) =>
|
|
|
|
@levelLoader.destroy()
|
|
|
|
@levelLoader = null
|
|
|
|
webGLSurface = @$('canvas#webgl-surface')
|
|
|
|
normalSurface = @$('canvas#normal-surface')
|
|
|
|
@surface = new Surface(@world, normalSurface, webGLSurface, {
|
|
|
|
thangTypes: @supermodel.getModels(ThangType)
|
|
|
|
levelType: @level.get('type', true)
|
|
|
|
@gameUIState
|
|
|
|
})
|
|
|
|
worldBounds = @world.getBounds()
|
|
|
|
bounds = [{x: worldBounds.left, y: worldBounds.top}, {x: worldBounds.right, y: worldBounds.bottom}]
|
|
|
|
@surface.camera.setBounds(bounds)
|
|
|
|
@surface.camera.zoomTo({x: 0, y: 0}, 0.1, 0)
|
|
|
|
@surface.setWorld(@world)
|
2016-07-13 19:04:44 -04:00
|
|
|
@scriptManager.initializeCamera()
|
2016-07-13 16:28:54 -04:00
|
|
|
@renderSelectors '#info-col'
|
|
|
|
@spells = @session.generateSpellsObject()
|
|
|
|
@state.set('loading', false)
|
2016-07-12 17:07:10 -04:00
|
|
|
|
2016-07-13 16:28:54 -04:00
|
|
|
.catch ({message}) =>
|
2016-07-15 23:03:12 -04:00
|
|
|
console.error message
|
|
|
|
@state.set('errorMessage', message)
|
2016-07-13 14:43:25 -04:00
|
|
|
|
|
|
|
onClickPlayButton: ->
|
|
|
|
@god.createWorld(@spells, false, true)
|
|
|
|
Backbone.Mediator.publish('playback:real-time-playback-started', {})
|
|
|
|
Backbone.Mediator.publish('level:set-playing', {playing: true})
|
|
|
|
@state.set('playing', true)
|
2016-07-14 18:13:02 -04:00
|
|
|
|
|
|
|
destroy: ->
|
|
|
|
@levelLoader?.destroy()
|
|
|
|
@surface?.destroy()
|
|
|
|
@god?.destroy()
|
|
|
|
@goalManager?.destroy()
|
|
|
|
@scriptManager?.destroy()
|
|
|
|
delete window.world # not sure where this is set, but this is one way to clean it up
|
|
|
|
super()
|