文件名称:minesweeper:一个跨平台跨终端的扫雷游戏
文件大小:4.39MB
文件格式:ZIP
更新时间:2024-02-24 05:49:28
electron game pwa cross-platform phaser
扫雷-扫雷 一款跨平台跨终端的扫雷游戏 项目说明 这款扫雷游戏是我对 , , 等相关技术的一次实践与总结。此项目具有如下特点: 跨平台-以Web前端技术(HTML5 + CSS + JavaScript)为核心,能运行在任何操作系统之上。 响应式-游戏使用了响应式的布局模式+变形形资源+动态生成图形资源(画布)+ DPI自适应方式实现了游戏分辨率的自适应,理论上能在任何容器尺寸(屏幕尺寸),分辨率, DPI上完美呈现。 可缩放-游戏在响应式的基础之上同时还支持DPI自适应模式的用户缩放功能(使用鼠标滚轮或双指捏合缩放),进一步优化了在小尺寸屏幕设备上的操作体验。 跨终端-游戏同时支持鼠标,触摸手势,手写笔多种交互模式,所以理论上能在任何桌面端,移动端,智能电视等设备上运行。 多客户端-由于游戏具有上面列出的几种特性,所以游戏除了可以运行在浏览器端之外,还可以通过各种Web客户端技术(实际上大多数还是基于浏览器)来创建多种客户端,例如,用或创建桌面版客户端。使用或创建移动版客户端。此项目目前使用了技术来生成桌面版客户端。 自动更新-浏览器端的自动更新自不必说,这是B / S架构的自然优
【文件预览】:
minesweeper-master
----updater.js(5KB)
----.babelrc(39B)
----build-assets()
--------icon.ico(270KB)
--------icons()
--------icon.png(41KB)
--------release-notes.md(138B)
--------icon.icns(660KB)
----package.json(3KB)
----.eslintrc.json(103B)
----assets()
--------images()
--------fonts()
--------icons()
--------sounds()
----manifest.json(842B)
----index.html(3KB)
----webpack.production.config.js(3KB)
----dist()
--------vendor.bundle.js(900KB)
--------bundle.js(142KB)
----minesweeper-service-worker.js(18KB)
----src()
--------config.js(723B)
--------utils.js(12KB)
--------sprites()
--------service-worker-registration.js(1KB)
--------states()
--------main.js(1KB)
----main.js(3KB)
----LICENSE.md(1KB)
----.gitignore(163B)
----webpack.config.js(2KB)
----README.md(4KB)
----yarn.lock(181KB)
----screenshot.jpg(400KB)
----favicon.ico(17KB)
----updater.html(2KB)