151 lines
5.4 KiB
JavaScript
151 lines
5.4 KiB
JavaScript
define(['loadlive2d', 'axios'], function(loadlive2d, axios) {
|
|
function render(template, context) {
|
|
var tokenReg = /(\\)?\{([^\{\}\\]+)(\\)?\}/g;
|
|
return template.replace(tokenReg, function (word, slash1, token, slash2) {
|
|
if (slash1 || slash2) {
|
|
return word.replace('\\', '');
|
|
}
|
|
var variables = token.replace(/\s/g, '').split('.');
|
|
var currentObject = context;
|
|
var i, length, variable;
|
|
for (i = 0, length = variables.length; i < length; ++i) {
|
|
variable = variables[i];
|
|
currentObject = currentObject[variable];
|
|
if (!currentObject) return '';
|
|
}
|
|
return currentObject;
|
|
});
|
|
}
|
|
String.prototype.render = function (context) {
|
|
return render(this, context);
|
|
};
|
|
|
|
var re = /x/;
|
|
console.log(re);
|
|
re.toString = function() {
|
|
showMessage('哈哈，你打开了控制台，是想要看看我的秘密吗？', 5000);
|
|
return '';
|
|
};
|
|
|
|
document.addEventListener('copy', function(){
|
|
showMessage('你都复制了些什么呀，转载要记得加上出处哦', 5000);
|
|
})
|
|
|
|
var tips = document.querySelector('.waifu-tips');
|
|
function showMessage(text, timeout){
|
|
if(Array.isArray(text)) text = text[Math.floor(Math.random() * text.length + 1)-1];
|
|
// $tips.stop();
|
|
// $tips.html(text).fadeTo(200, 1);
|
|
//TODO 使用原生动画库
|
|
tips.innerHTML = text;
|
|
tips.style.opacity = 1;
|
|
hideMessage(timeout);
|
|
}
|
|
function hideMessage(timeout){
|
|
timeout = timeout || 5000;
|
|
// $tips.stop().css('opacity',1);
|
|
// $tips.delay(timeout).fadeTo(200, 0);
|
|
setTimeout(function(){
|
|
tips.style.opacity = 0;
|
|
}, timeout);
|
|
}
|
|
var text;
|
|
if(document.referrer){
|
|
var referrer = document.createElement('a');
|
|
referrer.href = document.referrer;
|
|
text = 'Hello! 来自 <span style="color:#0099cc;">' + referrer.hostname + '</span> 的朋友';
|
|
var domain = referrer.hostname.split('.')[1];
|
|
if (domain == 'baidu') {
|
|
text = 'Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&wd=')[1].split('&')[0] + '</span> 找到的我吗？';
|
|
}else if (domain == 'so') {
|
|
text = 'Hello! 来自 360搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&q=')[1].split('&')[0] + '</span> 找到的我吗？';
|
|
}else if (domain == 'google') {
|
|
text = 'Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';
|
|
}
|
|
}else {
|
|
if (window.location.href == 'https://www.colorfulsweet.site/') { //如果是主页
|
|
var now = new Date().getHours();
|
|
if (now > 23 || now <= 5) {
|
|
text = '你是夜猫子呀？这么晚还不睡觉，明天起的来吗';
|
|
} else if (now > 5 && now <= 7) {
|
|
text = '早上好！一日之计在于晨，美好的一天就要开始了';
|
|
} else if (now > 7 && now <= 11) {
|
|
text = '上午好！工作顺利吗，不要久坐，多起来走动走动哦！';
|
|
} else if (now > 11 && now <= 14) {
|
|
text = '中午了，工作了一个上午，现在是午餐时间！';
|
|
} else if (now > 14 && now <= 17) {
|
|
text = '午后很容易犯困呢，今天的运动目标完成了吗？';
|
|
} else if (now > 17 && now <= 19) {
|
|
text = '傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~';
|
|
} else if (now > 19 && now <= 21) {
|
|
text = '晚上好，今天过得怎么样？';
|
|
} else if (now > 21 && now <= 23) {
|
|
text = '已经这么晚了呀，早点休息吧，晚安~';
|
|
} else {
|
|
text = '嗨~ 快来逗我玩吧！';
|
|
}
|
|
}else {
|
|
text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split('|')[0] + '』</span>';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 页面中元素触发的看板娘消息
|
|
*/
|
|
function createTrigger(tips) {
|
|
return function(){
|
|
var text = tips.text;
|
|
if(Array.isArray(tips.text)) text = tips.text[Math.floor(Math.random() * tips.text.length + 1)-1];
|
|
text = text.render({text: this.textContent});
|
|
showMessage(text, 3000);
|
|
}
|
|
}
|
|
function bindElementEvent(url) {
|
|
axios.get(url).then(function(res){
|
|
res.data.mouseenter.forEach(function(tips){
|
|
var mouseenterTrigger = createTrigger(tips);
|
|
document.querySelectorAll(tips.selector).forEach(function(item){
|
|
item.addEventListener("mouseenter", mouseenterTrigger);
|
|
})
|
|
});
|
|
res.data.click.forEach(function(tips){
|
|
var clickTrigger = createTrigger(tips);
|
|
document.querySelectorAll(tips.selector).forEach(function(item){
|
|
item.addEventListener("click", clickTrigger);
|
|
})
|
|
});
|
|
});
|
|
}
|
|
|
|
// 一言
|
|
function getHitokoto(){
|
|
axios.get('https://v1.hitokoto.cn/?encode=json&charset=utf-8&c=b&c=a&c=e').then(function(res){
|
|
showMessage(res.data.hitokoto, 5000);
|
|
setTimeout(getHitokoto, 20000);
|
|
}).catch(function(){
|
|
setTimeout(getHitokoto, 30000);
|
|
})
|
|
}
|
|
|
|
return function(){
|
|
//加载看板娘模型
|
|
axios.get('/resource/model.json').then(function(res){
|
|
var randomIndex = Math.floor(Math.random() * res.data.textures.length);
|
|
//随机皮肤
|
|
if(window.location.href.startsWith('http://localhost') || ("ActiveXObject" in window)) {
|
|
//本地开发调试或者是IE浏览器
|
|
res.data.textures = ['/resource/model/skin/'+res.data.textures[randomIndex]];
|
|
} else {
|
|
//服务器部署运行(使用网易蜂巢对象存储)
|
|
res.data.textures = ['https://blog-cdn.nos-eastchina1.126.net/live2D/'+res.data.textures[randomIndex]];
|
|
}
|
|
loadlive2d('live2d', '/resource/', '', res.data);
|
|
// loadlive2d("live2d", "/resource/model.json");
|
|
});
|
|
// 定时显示"一言"
|
|
setTimeout(getHitokoto, 10000);
|
|
// 按照json当中的配置给页面元素绑定事件
|
|
bindElementEvent("/resource/waifu-tips.json");
|
|
showMessage(text, 6000);
|
|
}
|
|
}); |