' +
'
Room ID - ???
This room is public. This room is private.
You are the owner of this room.
This room is public. This room is private.
You are the owner of this room.
| send |
${bonziSpot}
@@ -72,17 +68,10 @@ class Bonzi {
this.selDialogCont = this.selElement + " > .bubble > p";
this.selNametag = this.selElement + " > .bonzi_name";
if (BonziHandler.oneCanvas) {
this.selCanvas = this.selElement + " > .bonzi_placeholder";
$(this.selCanvas)
.width(this.data.size.x)
.height(this.data.size.y);
} else {
this.selCanvas = this.selElement + " > canvas";
$(this.selCanvas)
.attr("width", this.data.size.x)
.attr("height", this.data.size.y);
}
this.selCanvas = this.selElement + " > .bonzi_placeholder";
$(this.selCanvas)
.width(this.data.size.x)
.height(this.data.size.y);
this.$element = $(this.selElement);
this.$canvas = $(this.selCanvas);
@@ -94,12 +83,6 @@ class Bonzi {
$.data(this.$element[0], "parent", this);
// ========================================================================
// CREATEJS INIT
// ========================================================================
if (!BonziHandler.oneCanvas) {
this.stage = new createjs.Stage(this.$canvas[0]);
}
this.updateSprite(true);
// ========================================================================
@@ -158,6 +141,14 @@ class Bonzi {
list: ["asshole", this.userPublic.name]
});
}
},
"owo": {
name: "Notice Bulge",
callback: () => {
socket.emit("command", {
list: ["owo", this.userPublic.name]
});
}
}
} };
},
@@ -230,12 +221,9 @@ class Bonzi {
"marginTop": this.y
});
if (BonziHandler.oneCanvas) {
this.sprite.x = this.x;
this.sprite.y = this.y;
BonziHandler.needsUpdate = true;
}
this.sprite.x = this.x;
this.sprite.y = this.y;
BonziHandler.needsUpdate = true;
this.updateDialog();
}
@@ -278,12 +266,12 @@ class Bonzi {
this.willCancel = true;
}
updateAnim() {
if (this.event.timer === 0)
this.sprite.gotoAndPlay(this.event.cur().anim);
this.event.timer++;
(BonziHandler.oneCanvas ? BonziHandler : this)
.needsUpdate = true;
BonziHandler.needsUpdate = true;
if (this.event.timer >= this.event.cur().ticks)
this.eventNext();
}
@@ -327,8 +315,7 @@ class Bonzi {
if (this.sprite.currentAnimation == "idle")
this.eventNext();
(BonziHandler.oneCanvas ? BonziHandler : this)
.needsUpdate = true;
BonziHandler.needsUpdate = true;
}
}
@@ -428,19 +415,16 @@ class Bonzi {
deconstruct() {
this.stopSpeaking();
BonziHandler.stage.removeChild(this.sprite);
this.run = false;
this.$element.remove();
if (BonziHandler.oneCanvas)
BonziHandler.stage.removeChild(this.sprite);
else
delete this.stage;
}
updateName() { this.$nametag.text(this.userPublic.name); }
youtube(vid) {
if (!this.mute) {
var tag = isChromeApp ? "webview" : "iframe";
var tag = "iframe";
this.$dialogCont
.html(`
<${tag} type="text/html" width="173" height="173"
@@ -477,23 +461,6 @@ class Bonzi {
this.runSingleEvent(event);
}
updateSprite(hide) {
var stage = BonziHandler.oneCanvas ? BonziHandler.stage : this.stage;
this.cancel();
stage.removeChild(this.sprite);
if (this.colorPrev != this.color) {
delete this.sprite;
this.sprite = new createjs.Sprite(
BonziHandler.spriteSheets[this.color],
hide ? "gone" : "idle"
);
}
this.sprite.x = 0;
this.sprite.y = 0;
stage.addChild(this.sprite);
this.move();
}
updateDialog() {
// ========================================================================
// DIALOG BOX
@@ -555,4 +522,33 @@ class Bonzi {
}]
);
}
owo(target) {
this.runSingleEvent(
[{
type: "text",
text: `*notices ${target}'s BonziBulge™*`,
say: `notices ${target}s bonzibulge`
}, {
type: "text",
text: "owo, wat dis?",
say: "oh woah, what diss?"
}]
);
}
updateSprite(hide) {
var stage = BonziHandler.stage;
this.cancel();
stage.removeChild(this.sprite);
if (this.colorPrev != this.color) {
delete this.sprite;
this.sprite = new createjs.Sprite(
BonziHandler.spriteSheets[this.color],
hide ? "gone" : "idle"
);
}
stage.addChild(this.sprite);
this.move();
}
}
158 src/www/js/bonziHandler.js
@@ -1,25 +1,11 @@
var espeak = new Espeak('./js/lib/espeak/espeak.worker.js');
var auCtx = new (window.AudioContext || window.webkitAudioContext)();
// http://stackoverflow.com/a/22953053/2605226
function webgl_support() {
try{
var canvas = document.createElement('canvas');
return !! window.WebGLRenderingContext && (
canvas.getContext('webgl') || canvas.getContext('experimental-webgl') );
}catch( e ) { return false; }
};
$(document).ready(function() {
window.BonziHandler = new (function() {
this.framerate = 1.0/15.0;
// MAKE SURE oneCanvas IS SET TO isMobileApp BEFORE CREATING DIST BUILD
this.oneCanvas = isMobileApp;
this.selCanvas = "#bonzi_canvas";
this.spriteSheets = {};
this.prepSprites = function() {
var spriteColors = [
@@ -29,6 +15,7 @@ window.BonziHandler = new (function() {
"green",
"purple",
"red",
"pink",
"pope"
];
@@ -44,89 +31,60 @@ window.BonziHandler = new (function() {
};
this.prepSprites();
if (this.oneCanvas) {
this.resizeCanvas = function() {
$(this.selCanvas).attr({
"width": $(this.selCanvas).width(),
"height": $(this.selCanvas).height()
});
if (typeof this.stage != "undefined") {
this.stage.removeAllChildren();
delete this.stage;
}
this.stage = new createjs.SpriteStage($(this.selCanvas)[0]);
this.stage.tickOnUpdate = false;
this.needsUpdate = true;
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].updateSprite();
bonzis[key].move();
}
};
this.resizeCanvas();
this.resize = function() {
setTimeout(this.resizeCanvas.bind(this), 1);
};
this.$canvas = $("#bonzi_canvas");
this.stage = new createjs.StageGL(this.$canvas[0], { "transparent": true });
this.stage.tickOnUpdate = false;
this.resizeCanvas = function() {
var width = this.$canvas.width();
var height = this.$canvas.height();
this.$canvas.attr({
"width": this.$canvas.width(),
"height": this.$canvas.height()
});
this.stage.updateViewport(width, height);
this.needsUpdate = true;
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].move();
}
};
this.resizeCanvas();
this.intervalHelper = setInterval(function() {
BonziHandler.needsUpdate = true;
}, 1000);
this.stageFramerate = 1.0/60.0;
this.resize = function() {
setTimeout(this.resizeCanvas.bind(this), 1);
};
this.intervalTick = setInterval(function() {
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].update();
}
BonziHandler.stage.tick();
}, this.framerate * 1000);
this.needsUpdate = true;
this.intervalMain = setInterval(function() {
if (BonziHandler.needsUpdate) {
BonziHandler.stage.update();
BonziHandler.needsUpdate = false;
}
}, this.stageFramerate * 1000);
} else {
$(this.selCanvas).remove();
this.resize = function() {
setTimeout((function() {
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].move();
}
}).bind(this), 1);
};
this.intervalHelper = setInterval((function() {
this.needsUpdate = true;
}).bind(this), 1000);
this.intervalHelper = setInterval(function() {
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].needsUpdate = true;
}
}, 1000);
this.intervalTick = setInterval((function() {
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].update();
}
this.stage.tick();
}).bind(this), this.framerate * 1000);
this.intervalMain = setInterval((function() {
if (this.needsUpdate) {
this.stage.update();
this.needsUpdate = false;
}
}).bind(this), 1000.0 / 60.0);
this.intervalMain = setInterval(function() {
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].update();
}
}, this.framerate * 1000);
}
$(window).resize(function() {
BonziHandler.resize();
});
$(window).resize(this.resize.bind(this));
if (isMobileApp)
this.intervalFixAuCtx = setInterval((function() {
BonziHandler.fixAuCtx();
}), 1000);
this.fixAuCtx();
}).bind(this), 1000);
// ========================================================================
// SPEECH
@@ -191,6 +149,9 @@ window.BonziHandler = new (function() {
}
};
// UH OH
// HACK ALERT
this.checkAuCtx = function() {
var keys = Object.keys(this.speakList);
var allInitialized = true;
@@ -223,6 +184,29 @@ window.BonziHandler = new (function() {
}
};
$("#btn_tile").click(function() {
var winWidth = $(window).width();
var winHeight = $(window).height();
var minY = 0;
var addY = 80;
var x = 0, y = 0;
for (var i = 0; i < usersAmt; i++) {
var key = usersKeys[i];
bonzis[key].move(x, y);
x += 200;
if (x + 100 > winWidth) {
x = 0;
y += 160;
if (y + 160 > winHeight) {
minY += addY;
addY /= 2;
y = minY;
}
}
}
});
return this;
})();
2 src/www/js/loader.js
@@ -7,6 +7,7 @@ var loadNeeded = [
"bonziGreen",
"bonziPurple",
"bonziRed",
"bonziPink",
"topjej"
];
@@ -25,6 +26,7 @@ function loadBonzis(callback) {
{id: "bonziGreen", src:"./img/bonzi/green.png"},
{id: "bonziPurple", src:"./img/bonzi/purple.png"},
{id: "bonziRed", src:"./img/bonzi/red.png"},
{id: "bonziPink", src:"./img/bonzi/pink.png"},
{id: "topjej", src:"./img/misc/topjej.png"}
]);
loadQueue.on("fileload", function(e) {
6 src/www/js/main.js
@@ -148,6 +148,12 @@ function setup() {
b.asshole(data.target);
});
socket.on("owo", function(data) {
var b = bonzis[data.guid];
b.cancel();
b.owo(data.target);
});
socket.on("triggered", function(data) {
var b = bonzis[data.guid];
b.cancel();
15 src/www/js_ext/lib/easeljs.min.js
Large diffs are not rendered by default.
1 src/www/js_ext/platform.js
@@ -1,4 +1,3 @@
var isChromeApp = false;
var isMobileApp = false;
var isApp = false;
var isDesktop = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) == null;
0 comments on commit e18770d
Please sign in to comment.
© 2019 GitHub, Inc.
Terms
Privacy
Security
Status
Help
Contact GitHub
Pricing
API
Training
Blog
About