C++HTML、CSS、JS打造Windows桌面版《2048》

C++ 1

前言:

受益于Node的出版,Javascript终于能够挣脱浏览器是规则的盒子。于是,Javascript能够开服务器应用了。既然Javascript能够运转在操作系统被,那是否为能够下Javascript像C/C++开发那些个桌面应用为。

在Google一番之后,果然都发出哲人实现了之想法了。

Node-WebKit,把浏览器的布局引擎WebKit和Node.js结合了以一齐。WebKit负责处理HTML5
UI相关的一对,而Node.js负责本地的API接口,比如文件系统,网络,设备等等。

一个内需特别提示的,Node-WebKit的开维护者正是国内的王文睿大大,中国丁呀,很自豪来麻痹有!!但是项目文档好想没有中文版的,只是英文版的,这或许是如果跟国际接轨的由吧。

路地址:https://github.com/rogerwang/node-webkit

话不多说,我们撸起袖子,开始尝试一下使前端技术开发桌面应用的意趣吧。

Windows桌面版《2048》

Step 1 预备材料

1、node-webkit(本文使用v0.8.6-win版本):
http://dl.node-webkit.org/v0.8.6/node-webkit-v0.8.6-win-ia32.zip

2、基于jQuery实现的2048游戏:
http://www.w3cfuns.com/blog-5446836-5399036.html(原文地址)
https://github.com/JerryC8080/My2048(下载地址)

node-webkit的别样版本,在项目地址(https://github.com/rogerwang/node-webkit)可以下载得到,不同操作系统是不同版本的。

冲jQuery实现之2048嬉戏,是自家前举行的一个稍微玩意儿,而就无异于不良就是完善移植到Windows桌面,哇嘎嘎嘎。

node-webkit下充斥并解压之后,如下:

C++ 2

文本说明:

  • nw.pak –核心Javascript库
  • incudt.dll –网络库
  • ffmpegsumo.dll –媒体库,为、或者其它媒体力量提供支持
  • libEGL.dll、libGLESv2.dll、D3DCompiler_43.dll、d3dx9_43.dll
    –拖欠四独dll,为WebGL、GPU、DirectX提供支撑

根据jQuery实现之2048闲逛戏下充斥并解压之后,如下:

C++ 3

Step 2 编写package.json文件

当《2048》游戏的目,新建一个package.json文件,输入内容:

{
  "name": "MyDemo",
  "main": "index.html",
  "window": {
    "toolbar": false,
    "resizable": false,
    "width": 660,
    "height": 800
  }
}

C++ 4

Step 3 压缩源程序

我们采用压缩工具,把已修好的../My2048-master目录里面的情减少。
减去需要留意的片触及:

  1. 压缩格式要吧zip;
  2. 文本后缀名要为.nw;

如图:

C++ 5

调减完成

C++ 6

Step 4 预览

将减少好之 My2048-master.nw 文件复制到node-webkit目录:

C++ 7

运行cmd,

走至node-webkit所于的目: cd + node-webkit所于的门径

运转命令:nw My2048-master.nw

C++ 8

即使会来看预览效果了

C++ 9

Step 5 生成exe执行文书

依然以node-webkit的目下

运行命令:copy /b nw.exe+My2048-master.nw My2048.exe

C++ 10

OK,我们得看看node-webkit目录下基本上矣一个My2048.exe的推行文书,我们双击它运行看效果:

C++ 11

C++ 12

Step 6 打包程序

若果想拿这程序关朋友,除了.exe文件以外,还亟需包括另外两单必备之文书:

  • icudt.dll(必要网络库)
  • nw.pak(核心javascript库)

马上片个凡是不过核心的文书,如果程序还含了其余力量,还待包含相对应之dll文件,各个文件功能说明文章开始就认证了。

所以,我们沾了太基本的发布版了:

C++ 13