game&watch 网页版超级马里奥时钟

从提出想法开始,历时一年,现在终于上线了。这一年,囤积了不知道多少个创意,有天马行空的,有小打小闹的,都在脑子里。这一年,太忙了,忙工作,忙结婚,忙家庭,忙装修,忙买车,当然还有忙生娃。最近稍微空点,找个周末突击下,终于搞出来了,虽然只做了一个开头,但总体是不错的。

game&watch预览图

使用须知

  1. 代码全部自己写的,素材网上找的,创意借鉴(抄)任天堂的。
  2. 绝无恶意代码,可放心使用。
  3. 永久维护,永久免费,永久支持。
  4. 目前只做了一个开头,后续功能都会陆续开发上线。
  5. 手头设备有限,kindle开发环境实在太挫,目前仅自测了iOS7、kindle PW4设备兼容性,如有遗漏的问题,欢迎反馈。
  6. 有任何问题,或新功能建议,可在本页面下方直接评论,或者加群,或者邮件联系。
  7. 维护网站+研究各种设备兼容性也是很耗费时间精力的,如果你觉得好用,不妨请我喝杯咖啡或吃包辣条,或支持下服务器费用。
  8. 全站支持 HTTPS,为了防止运营商劫持、网络安全,建议使用 HTTPS 访问本网站:https://k.timor.tech
  9. 此项目仅供个人研究学习,不得用于商用,game&watch及所有资源,版权都归任天堂,任何纠纷与本站无关。

最近一次更新

更新于 2021-11-21 16:13:27

  1. 增加画布软件旋转功能,可调整4个方向,适应不同设备。

术语说明

本教程可能会使用专业术语来描述,没关系,不懂也不要紧,可以提问,当然了,如果你能自己百度或Google一下,稍微学习下,那更好了。

查询参数:它指的是跟在 URL(俗称链接)问号后面的字符,看起来像是这样的:k.timor.tech?ts=0.5,前面的 k.timor.tech 是域名,问号后面的 t=0.5 就是查询参数了,t 表示它的名字(我们叫key),0.5 表示它的值(我们叫value)。它支持多个,使用 & 符号连接起来。比如像下面这样:

k.timor.tech?ts=0.5&t=HH:mm 它有2个查询参数,分别是 ts 和 t。

所以,后面我们说查询参数时,你应该就知道什么意思了,你可以自己拼接多个参数,但是一定要注意:我们都是使用半角哦(俗称英文输入法),中文输入法是不支持的,虽然字看起来一样,但它在程序看来,是不认识的哦。

已知的问题

  1. 首次打开会比较慢,因为需要加载资源(包括js,html,图片素材等),界面会提示当前加载进度,请耐心等待。

因为本网站流量较大(99%都是来自于黑客),所以加了一层 CDN(我的服务器小水管流量就这么大,要钱啊),如遇到打不开,请多刷新几次。

  1. 在kindle中,方向为2时会白屏,只有dt=0,1,3时正常,原因不明,还在解决中。

支持的设备

只要有浏览器的设备都支持,目前针对kindle等墨水屏、iPhone4S等小屏手机、主流大屏手机横屏竖屏、电脑等超大屏设备,都做了专门的适配,也就是说,目前的设备99%都可以适配。

并且还贴心的提供了各种设置项,让你能用在剩下的1%设备中,或者定制自己想要的效果。

注意:IE6、7、8、9 不支持,IE 浏览器受 JavaScript 运行时环境限制,暂时无法运行本程序。为了开发体验+功能升级维护,以及回归测试,我决定暂时放弃 IE。等我有空了再专研,目前以完善功能为先。

使用方法

打开浏览器,输入 k.timor.tech 就可以。为了保护你的隐私数据,请使用更安全的 HTTPS 协议访问,本站已全面支持 HTTPS,地址 https://k.timor.tech

功能介绍

欢迎提示

第一次打开会有个欢迎提示,目前仅展示一些必要说明,后续会增加设置面板,功能初始化等。点击“我知道了”即可关闭,以后不会再弹出。

注意:iOS7 中,Safari 浏览器因为 localstorage 无法写,会导致无法记住弹出,每次刷新都会提示欢迎语,这个后面再修复。

kindle等刷新率慢的墨水屏适配

程序默认是每秒刷新一次屏幕,时间格式是时分秒,对于kindle等墨水屏设备,每秒刷新一次屏幕还是太快了,会增加耗电量,此时可以设置为每分钟刷新一次屏幕。

设置方法为:在 URL 中加入查询参数 t=HH:mm,注意是英文冒号。

t 表示时间的格式,支持完整的 YYYY-MM-DD HH:mm:ss,分别表示年月日时分秒替换,其余字符原样展示。

这种方法是通过设置时间格式为分来达到的,有同学想时间格式还是时分秒,只是刷新变成每分钟一次。这个功能后续升级实现,如果秒不变,看起来像卡住了一样,所以就没做。

适配 kindle 链接: k.timor.tech?t=HH:mm

屏幕缩放

程序会自动检测屏幕大小,并以最佳效果缩放至全屏。此选项也可以用户手动设置。

设置方法为:在 URL 中加入查询参数 ts=1

ts 表示缩放比例,它的值需要大于0,等于1表示不缩放,以 1366 * 768 屏幕为参考基准。

旋转屏幕

默认的画布方向是垂直方向,有些设备需要用横屏观看比较好,此选项可以让你手动设置画布的方向。

设置方法为:在 URL 中加入查询参数 dt=3

dt 表示旋转的方向,默认为0,即设备的默认方向,1 表示旋转90度,2 表示旋转180度,3 表示旋转270度,分别表示4个方向,顺时针旋转。

时间位置

默认的时间位置是:左右居中,上下居中,在kindle中是左右居中,高度70%。此选项可以用户手动设置。

设置方法为:在 URL 中加入查询参数 th=70vh

th 支持的单位有:vh 表示屏幕高度参考,100vh 等于屏幕高度。vw 表示屏幕宽度,100vw 等于屏幕宽度。

此外,它的值还可以是 center,表示自动计算(会加入ts缩放因素)使它上下居中。

其它配置

本程序所有元素都是可配置的,包括程序的各种参数、图片素材、时间字体等等,鉴于时间关系,没放出来,等我后面程序完善放出来。

更新记录

更新于 2021-11-21 16:13:27

  1. 增加画布软件旋转功能,可调整4个方向,适应不同设备。

更新于 2021-11-07 21:38:58

  1. 第一版正式发布,兼容kindle和iPhone4、电脑、手机等99%设备。
  2. 解决兼容性问题,可以运行在iOS7和kindle等低端浏览器环境中。

赞助列表

长期维护一个服务,对个人来说,除掉运营费用,最难的是耐心和坚持,尤其是看更新日志,基本都是凌晨24点,就知道维护起来不是那么容易,为了尽量不影响白天的使用,当然还有一个原因是只有晚上才有空,白天还是需要搬砖的( ̄ー ̄)。

此服务长期维护。长期是多久?至少维护个100年吧!并免费提供给大家使用,如果你觉得用的好,我会很高兴,有钱的捧个钱场,没钱的捧个人场,尽量别大量无意义的调用就行了。

如果此服务对你有用,并打算长期使用,你可以赞助个1块不嫌少,2块不嫌多,3块可以买包辣条,10块来者不拒。

所有赞助的资金将用于此服务的服务器、流量、带宽、域名方面的费用。目前最缺的是带宽、域名解析提速、HTTPS。

付款支持支付宝和微信,扫下面的二维码,付款时请一定确认对方账号,赞助的金额无论大小,一律不退。有任何问题,请随时根据此页面的联系方式联系作者!

微信、支付宝收钱二维码,有疑问请联系作者!

  • *飞: 赞助了 ¥10 元并留言: kindle终于有个好看的时钟了,支持。 站长回复: 后面会越来越好看,越来越花里胡哨。

有想说的评论一句吧!