define(["sugar-web/activity/activity",'easeljs','tweenjs','activity/editor','activity/colourcircle','activity/xoman'], function (act) {
|
|
|
|
// Manipulate the DOM only when it is ready.
|
|
requirejs(['domReady!'], function (doc) {
|
|
|
|
// Initialize the activity.
|
|
requirejs(['sugar-web/graphics/xocolor',"sugar-web/env","sugar-web/datastore"], function(xocol,env,datastore) {
|
|
act.setup();
|
|
act.getXOColor(function (error, colors) {
|
|
runactivity(act,xocol,doc,colors,env,datastore);
|
|
});
|
|
});
|
|
});
|
|
|
|
});
|
|
|
|
function runactivity(act,xocolor,doc,colors,env,datastore){
|
|
var canvas;
|
|
var stage;
|
|
var g;
|
|
var e;
|
|
|
|
function init(){
|
|
canvas = document.getElementById('actualcanvas');
|
|
canvas.width = window.innerWidth;
|
|
canvas.height = window.innerHeight-55;
|
|
|
|
stage = new createjs.Stage(canvas);
|
|
stage.update();
|
|
stage.mouseEventsEnabled = true;
|
|
|
|
createjs.Ticker.setFPS(30);
|
|
createjs.Ticker.addEventListener("tick", handleTick);
|
|
function handleTick() {
|
|
stage.update();
|
|
}
|
|
|
|
window.addEventListener('resize', resizeCanvas, false);
|
|
function resizeCanvas() {
|
|
canvas.width = window.innerWidth;
|
|
canvas.height = window.innerHeight-55;
|
|
stage.update();
|
|
location.reload();
|
|
}
|
|
|
|
e = new Editor(stage,xocolor,doc,colors,act,env,datastore);
|
|
setTimeout(function(){ e.init(); }, 500);
|
|
|
|
var saveButton = doc.getElementById("save-button");
|
|
saveButton.addEventListener('click', function (a) {
|
|
e.saveColours();
|
|
});
|
|
|
|
var resetButton = doc.getElementById("reset-button");
|
|
resetButton.addEventListener('click', function (a) {
|
|
stage.removeAllChildren();
|
|
e = new Editor(stage,xocolor,doc,colors,act,env,datastore,true);
|
|
e.init();
|
|
});
|
|
|
|
document.getElementById("stop-button").addEventListener('click', function (event) {
|
|
e.stop();
|
|
});
|
|
}
|
|
init();
|
|
}
|