Untitled diff
创建于 差异永不过期
$(function() {
$(function() {
$(window).resize(function() {
$(window).resize(function() {
var width = $(window).width();
var width = $(window).width();
});
});
var b1 = document.querySelector('.backgroundOne');
var b1 = document.querySelector('.backgroundOne');
var b2 = document.querySelector('.backgroundTwo');
var b2 = document.querySelector('.backgroundTwo');
var b3 = document.querySelector('.backgroundThree');
var b3 = document.querySelector('.backgroundThree');
function setTranslate3d(element, y, x) {
function setTranslate3d(element, y, x) {
element.style['webkitTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
element.style['webkitTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
element.style['mozTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
element.style['mozTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
}
}
function handleOrientation(event) {
function handleOrientation(event) {
var x = Math.max(Math.min(event.beta, 90), -90);
var x = Math.max(Math.min(event.beta, 90), -90);
var y = event.gamma;
var y = event.gamma;
setTranslate3d(b1, y / 3, x / 3);
setTranslate3d(b1, y / 3, x / 3);
setTranslate3d(b2, y / 15, x / 15);
setTranslate3d(b2, y / 15, x / 15);
setTranslate3d(b3, y / 30, x / 30);
setTranslate3d(b3, y / 30, x / 30);
}
}
window.addEventListener('deviceorientation', handleOrientation);
window.addEventListener('deviceorientation', handleOrientation);
setInterval(function() {
setInterval(function() {
magicEightBall();
magicEightBall();
}, 3500);
}, 5500);
var inputArgs = [
var inputArgs = [
['sashimi', 'emoji1'],
['#trivia', 'emoj'],
['bikeguy', 'emoji2'],
['#bigbang', 'emoj'],
['libby', 'emoji3']
['#history', 'emoj']
];
];
var currentIdx = 0;
var currentIdx = 0;
function typeCurrent() {
function typeCurrent() {
performTyping(inputArgs[currentIdx][0], inputArgs[currentIdx][1], function() {
performTyping(inputArgs[currentIdx][0], inputArgs[currentIdx][1], function() {
currentIdx++;
currentIdx++;
if (currentIdx >= inputArgs.length) { currentIdx = 0; }
if (currentIdx >= inputArgs.length) { currentIdx = 0; }
setTimeout(function() { typeCurrent(); }, 3000);
setTimeout(function() { typeCurrent(); }, 5000);
});
});
}
}
typeCurrent();
typeCurrent();
});
});
function magicEightBall() {
function magicEightBall() {
var screens = $('#screens');
var screens = $('#screens');
var screen = $('#screen');
var screen = $('#screen');
var emoji = $('.animate');
var emoji = $('.animate');
var wash = $('.wash');
var wash = $('.wash');
screens.css({ '-webkit-animation-name' : 'dip', '-moz-animation-name' : 'dip' });
screens.css({ '-webkit-animation-name' : 'dip', '-moz-animation-name' : 'dip' });
setTimeout(function() {
setTimeout(function() {
screens.css({'-webkit-animation-name' : '', '-moz-animation-name' : '' });
screens.css({'-webkit-animation-name' : '', '-moz-animation-name' : '' });
}, 300);
}, 300);
var roomClasses = ['room1', 'room2', 'room3'];
var roomClasses = ['room1', 'room2', 'room3'];
setTimeout(function() {
setTimeout(function() {
for (var idx = 0; idx < roomClasses.length; idx++) {
for (var idx = 0; idx < roomClasses.length; idx++) {
if (screen.hasClass(roomClasses[idx])) {
if (screen.hasClass(roomClasses[idx])) {
break;
break;
}
}
}
}
screen.removeClass();
screen.removeClass();
idx++;
idx++;
idx = idx >= roomClasses.length ? 0 : idx;
idx = idx >= roomClasses.length ? 0 : idx;
setTimeout(function() { screen.addClass(roomClasses[idx]); }, 0);
setTimeout(function() { screen.addClass(roomClasses[idx]); }, 0);
}, 100);
}, 400);
setTimeout(function() {
setTimeout(function() {
emoji.css({'-webkit-animation-name' : 'like', '-moz-animation-name' : 'like'});
emoji.css({'-webkit-animation-name' : 'like', '-moz-animation-name' : 'like'});
wash.css({'-webkit-animation-name' : 'opacity', '-moz-animation-name' : 'opacity'});
wash.css({'-webkit-animation-name' : 'opacity', '-moz-animation-name' : 'opacity'});
setTimeout(function() {
setTimeout(function() {
emoji.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
emoji.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
wash.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
wash.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
}, 2000);
}, 4000);
}, 800);
}, 2000);
}
}
function performTyping(nameStr, emoji, callback) {
function performTyping(nameStr, emoji, callback) {
var name = $('#name');
var name = $('#name');
name.html(' ');
name.html(' ');
name.removeClass();
name.removeClass();
var idx = 0;
var idx = 0;
function typeChar() {
function typeChar() {
setTimeout(function() {
setTimeout(function() {
if (idx < nameStr.length) {
if (idx < nameStr.length) {
name.html(nameStr.substr(0, ++idx));
name.html(nameStr.substr(0, ++idx));
typeChar();
typeChar();
} else {
} else {
name.addClass(emoji);
name.addClass(emoji);
if (callback) { callback(); }
if (callback) { callback(); }
}
}
}, idx === 0 ? 300 : 100);
}, idx === 0 ? 300 : 100);
}
}
typeChar();
typeChar();
};
};