0%

s最近sw.js 这个东西,啊这2016年的,时刻提醒我是个废物。Service Workers 是用来缓存网站静态与动态资源,截取用户的所有网络请求,根据缓存配置来决定是从缓存还是网络获取相应资源,这样就可以极大提升网站加载速度啦。
优点:可定制、无需服务端、效果显著。
缺点:只支持HTTPS,因为截取请求必须要一个安全的环境。

  • 首先在主页添加注册代码
1
2
3
4
5
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js');
}
</script>

https://alphayang.github.io/sw.js保存到你的网站根目录下

  • 修改不缓存的域名及离线状态页面

在你的sw.js中修改

1
2
3
4
5
6
const ignoreFetch = [
/https?:\/\/cdn.bootcss.com\//,
/https?:\/\/static.duoshuo.com\//,
/https?:\/\/www.google-analytics.com\//,
/https?:\/\/dn-lbstatics.qbox.me\//,
];

打开Chrome Dev Tools->Source,看看自己的blog都引用了哪些第三方资源,逐个加到忽略列表里。

在根目录下添加offline.html、offline.svg,在没有网络且缓存中也没有时使用。

古风经营浪潮

这个月在TapTap独家上线的一个经营类游戏,铺天盖地的话题映入眼帘。B站、微博、知乎、各大游戏社区,都是关于这款游戏的相关信息。我对TapTap平台的印象也挺好的,最后我也下载了这款游戏来体验。也不看它是在App Store出道即颠峰的排名,是的,就以这独特的画面就足够让我去下载了。什么?画风独特?那叫五彩斑斓的黑,可能是我太久没见过这样画面的游戏了吧。

img
画风和立绘的探索

椰岛CEO Wesley 对艺术的不确定性的意志,给了美术无尽的遐想。在团队们地不断尝试,不断吸取传承的艺术积淀。

在预研的第三个月确定了建筑风格和角色立绘。画风诚意感受到了,那么有画风就成功了吗?不对,虽然Wesley给了美术足够多地创意自由认可,但还要看体验如何。

游戏背景

image-20200731042247908

先来给大家介绍下游戏背景,讲的是一个神话故事,古有法宝名为山河社稷图,被一居士机缘巧合觅得,在其中绘江南百景。历年后天降大火,此图也卷入其中。而图中灵魂苏醒,既是开始游戏中的界面。以图中世界苏醒的文徵明一角色开始经营焚烧后的江南百景图。

无论故事如何,一开始画面真的是惊艳到我了。有种让国人自豪的感觉,壮哉我大中华。情怀?不错,可以做游戏情怀,但这款游戏做到了人文情怀。游戏情怀针对的是某些游戏老玩家,但人文情怀不同,它是大众广为接受的,体量的级别就不一样。

再下来分析,先实际video体验一下吧(补:video game designer 译为 电子游戏设计师)

《江南百景图》体验

录屏画面有些许卡顿现象

从画面实际体验中,操作过程画面切换行云流水般的圆滑。从设计一张画轴里完美呈现出江南百景图的主题,不仅切题还突出。UI/UE的贡献不可忽视,游戏界面与主体本身融合度非常的高,且加载拖动动效都特别平滑。按钮控件主题样式选的也很好,红色印章式,不仅传统还凸显按钮控件,但不突兀。做的非常的好,总体体验没有感受到生硬。整体代入感分数就明显了,造就了这款游戏前期现象级的表现,在机制玩法上没有太大的创新。至于后期表现如何还是蛮期待的。