mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
Remove copyrighted assets from codebase
Summary: We don't own the copyright to (or have a license to distribute) this media file. Also improve performance. Test Plan: ↑↑↓↓←→←→BA <Enter> Reviewers: codeblock Reviewed By: codeblock CC: aran Differential Revision: https://secure.phabricator.com/D4176
This commit is contained in:
parent
883829e667
commit
7b09b4d7e7
2 changed files with 25 additions and 117 deletions
Binary file not shown.
Before Width: | Height: | Size: 58 KiB |
|
@ -9,9 +9,12 @@ JX.behavior('konami', function() {
|
|||
var seen = [];
|
||||
|
||||
JX.Stratcom.listen('keyup', null, function(e) {
|
||||
if (!sequence)
|
||||
if (!sequence) {
|
||||
return;
|
||||
}
|
||||
|
||||
seen.push(e.getRawEvent().keyCode);
|
||||
|
||||
while (seen.length) {
|
||||
var mismatch = false;
|
||||
for (var i = 0; i < seen.length; ++i) {
|
||||
|
@ -25,6 +28,7 @@ JX.behavior('konami', function() {
|
|||
}
|
||||
seen.shift();
|
||||
}
|
||||
|
||||
if (seen.length == sequence.length) {
|
||||
sequence = seen = null;
|
||||
activate();
|
||||
|
@ -32,7 +36,6 @@ JX.behavior('konami', function() {
|
|||
});
|
||||
|
||||
var prefixes = { '-webkit-': 1, '-moz-': 1, '-o-': 1, '-ms-': 1, '': 1 };
|
||||
var body_rule, all_rule, top_rule;
|
||||
|
||||
function generateCSS(selector, props) {
|
||||
var ret = selector + '{';
|
||||
|
@ -41,6 +44,7 @@ JX.behavior('konami', function() {
|
|||
}
|
||||
return ret + '}';
|
||||
}
|
||||
|
||||
function generateAllCSS(selector, props) {
|
||||
var more_props = {};
|
||||
for (var key in props) {
|
||||
|
@ -50,147 +54,51 @@ JX.behavior('konami', function() {
|
|||
}
|
||||
return generateCSS(selector, more_props);
|
||||
}
|
||||
|
||||
function modifyCSS(rule, key, value) {
|
||||
rule.setProperty(key, value, '');
|
||||
}
|
||||
|
||||
function modifyAllCSS(rule, key, value) {
|
||||
for (var prefix in prefixes) {
|
||||
modifyCSS(rule, prefix + key, value);
|
||||
}
|
||||
}
|
||||
|
||||
var characters = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];
|
||||
for (var i = 0x3041; i < 0x3097; ++i) {
|
||||
characters.push(String.fromCharCode(i));
|
||||
}
|
||||
|
||||
function spawnText() {
|
||||
if (Math.random() > 0.10) {
|
||||
return;
|
||||
}
|
||||
|
||||
var text = [];
|
||||
var length = parseInt(Math.random() * 16) + 10;
|
||||
for (var i = 0; i < length; ++i) {
|
||||
text.push(characters[parseInt(Math.random() * characters.length)]);
|
||||
}
|
||||
text = text.join(' ');
|
||||
|
||||
var element = document.createElement('div');
|
||||
var z = Math.random() * 400 - 40;
|
||||
element.className = 'matrix';
|
||||
element.textContent = text;
|
||||
modifyCSS(element.style, 'left',
|
||||
Math.random() * document.body.clientWidth + 'px');
|
||||
modifyAllCSS(element.style, 'transform',
|
||||
'translateZ(' + z + 'px) rotateY(180deg)');
|
||||
document.body.appendChild(element);
|
||||
|
||||
var height = element.clientHeight;
|
||||
var y = -height;
|
||||
modifyCSS(element.style, 'top', y + 'px');
|
||||
|
||||
var timer = setInterval(function() {
|
||||
y += 5;
|
||||
modifyCSS(element.style, 'top', y + 'px');
|
||||
if (y > document.body.clientHeight) {
|
||||
clearInterval(timer);
|
||||
document.body.removeChild(element);
|
||||
}
|
||||
}, 20);
|
||||
}
|
||||
|
||||
function spawnCat() {
|
||||
if (Math.random() > 0.05) {
|
||||
return;
|
||||
}
|
||||
|
||||
var element = document.createElement('img');
|
||||
var z = Math.random() * 400 - 40;
|
||||
element.setAttribute('src', '/rsrc/image/nyan.gif');
|
||||
element.className = 'nyan';
|
||||
modifyCSS(element.style, 'top',
|
||||
Math.random() * document.body.clientHeight + 'px');
|
||||
modifyAllCSS(element.style, 'transform', 'translateZ(' + z + 'px)');
|
||||
document.body.appendChild(element);
|
||||
|
||||
var width = Math.random() * 200 + 100;
|
||||
var x = -width;
|
||||
modifyCSS(element.style, 'width', width + 'px');
|
||||
modifyCSS(element.style, 'left', x + 'px');
|
||||
|
||||
var timer = setInterval(function() {
|
||||
x += 3;
|
||||
modifyCSS(element.style, 'left', x + 'px');
|
||||
if (x > document.body.clientWidth) {
|
||||
clearInterval(timer);
|
||||
document.body.removeChild(element);
|
||||
}
|
||||
}, 20);
|
||||
}
|
||||
|
||||
var counter = 0;
|
||||
var body_translate = '';
|
||||
var body_rotate = '';
|
||||
|
||||
function zoomOut() {
|
||||
if (counter >= 20) {
|
||||
return;
|
||||
}
|
||||
++counter;
|
||||
|
||||
body_translate = 'translateZ(' + (-16 * counter) + 'px)';
|
||||
modifyAllCSS(body_rule, 'transform', body_translate + ' ' + body_rotate);
|
||||
modifyAllCSS(all_rule, 'transform', 'translateZ(' + counter + 'px)');
|
||||
modifyAllCSS(top_rule, 'transform', 'translateZ(' + (counter * 15) + 'px)');
|
||||
modifyCSS(document.documentElement.style, 'background-color',
|
||||
'rgba(0,0,0,' + (counter / 20) + ')', '');
|
||||
modifyCSS(document.getElementById('base-page').style, 'background-color',
|
||||
'rgba(255,255,255,' + (1 - counter / 20) + ')', '');
|
||||
setTimeout(zoomOut, 20 + counter * 3);
|
||||
}
|
||||
var top_rule;
|
||||
|
||||
function activate() {
|
||||
var matrix = document.createElement('style');
|
||||
matrix.textContent = [
|
||||
generateAllCSS('html', {
|
||||
perspective: '500px'
|
||||
background: '#000'
|
||||
}),
|
||||
generateAllCSS('body', {
|
||||
transform: 'translateZ(0px)'
|
||||
perspective: '2048px',
|
||||
background: 'transparent'
|
||||
}),
|
||||
generateAllCSS('*', {
|
||||
'transform-style': 'preserve-3d'
|
||||
}),
|
||||
generateAllCSS('body>[class|=jx],.phabricator-notification-menu', {
|
||||
transform: 'translateZ(0px)'
|
||||
}),
|
||||
generateCSS('.matrix', {
|
||||
position: 'fixed',
|
||||
width: '0',
|
||||
'font-size': '20pt',
|
||||
color: 'chartreuse',
|
||||
'text-shadow': '0 0 1em limegreen,0 0 1em limegreen,0 0 1em limegreen'
|
||||
}),
|
||||
generateCSS('.nyan', {
|
||||
position: 'fixed'
|
||||
generateAllCSS('body > *', {
|
||||
})
|
||||
].join('\n');
|
||||
document.head.appendChild(matrix);
|
||||
|
||||
body_rule = matrix.sheet.cssRules[1].style;
|
||||
all_rule = matrix.sheet.cssRules[2].style;
|
||||
top_rule = matrix.sheet.cssRules[3].style;
|
||||
|
||||
document.addEventListener('mousemove', function(e) {
|
||||
var x = e.screenX / window.innerWidth - 0.5;
|
||||
var y = -e.screenY / window.innerHeight + 0.5;
|
||||
body_rotate = 'rotateY(' + x + 'rad) rotateX(' + y + 'rad)';
|
||||
modifyAllCSS(body_rule, 'transform', body_translate + ' ' + body_rotate);
|
||||
}, false);
|
||||
var first_event = null;
|
||||
document.body.addEventListener('mousemove', function(e) {
|
||||
if (!first_event) {
|
||||
first_event = {x: e.screenX, y: e.screenY};
|
||||
}
|
||||
var dx = (e.screenX - first_event.x);
|
||||
var dy = (e.screenY - first_event.y);
|
||||
|
||||
zoomOut();
|
||||
setInterval(spawnText, 100);
|
||||
setInterval(spawnCat, 250);
|
||||
var x = -(dx / window.innerWidth) * (Math.PI / 2);
|
||||
var y = (dy / window.innerHeight) * (Math.PI / 2);
|
||||
var body_rotate = 'rotateY(' + x + 'rad) rotateX(' + y + 'rad)';
|
||||
modifyAllCSS(top_rule, 'transform', body_rotate);
|
||||
}, false);
|
||||
}
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue