微信小游戏开发教程-新建项目

1. 新建小游戏项目

我们这回使用空项目，不要勾选使用模板创建。

2. 添加小游戏必要文件

项目创建好以后我们发现缺少一些必要的文件，我们手动添加即可：

game.json

这个文件是小游戏的配置文件，我们只做如下设置即可：
```
{"deviceOrientation": "portrait","showStatusBar": false
}
```
这个文件需要在项目根目录下；
詳細的其他配置参数，请查看微信的官方文档。
game.js

这个是小游戏的入口文件，相当于main函数，这里我们先新建一个空文件放着这里，稍后添加必要代码。

3. 导入必要的库

为了让游戏引擎感知不到运行js的环境变化，微信提供了 weapp-adapter.js 用来适配微信内置浏览器不知道的 dom api。当然这个适配器不是必须的，你可以不适用这个适配器。

项目根目录下新建 src/libs文件夹；
将 weapp-adapter.js文件复制到 src/libs目录下；

还有一个库，为了模拟 ES6 中的私有变量，可是可选添加，代码如下：

// symbol.js/*** 对于ES6中Symbol的极简兼容* 方便模拟私有变量*/let Symbol  = window.Symbol
let idCounter = 0if (!Symbol) {Symbol = function Symbol(key) {return `__${key}_${Math.floor(Math.random() * 1e9)}_${++idCounter}__`}Symbol.iterator = Symbol('Symbol.iterator')
}window.Symbol = Symbol

在 game.js中导入这两个库

// file: game.js
import './src/libs/weapp-adapter'
import './src/libs/symbol'

4. 添加资源文件夹

目录结构如下：

├─audio              // 方音频资源文件
├─images            // 方图片资源文件
└─src               // 代码资源文件├─base         // 基类├─libs         // 库└─runtime       // 运行时组建

我们在 src 目录下添加代码资源入口文件 main.js，并创建一个类：

// filename: main.jsexport default class Main {}

在 game.js 中应用这个类，这样整个工程就算创建好啦。

微信小游戏开发教程-新建项目相关推荐

微信小游戏开发教程-游戏实现1
微信小游戏开发教程-游戏实现1 概述微信开发者工具官方提供一个飞机大战的游戏Demo,这里我们不再使用这个demo,我们以FlappyBird为例,为了让读者更加容易理解. 源码 https://g ...
微信小游戏开发教程-游戏实现3
微信小游戏开发教程-游戏实现3 对象池由于游戏过程中会创建很多临时对象,这些对象很快又不再使用,垃圾回收器也能帮我们主动回收这部分垃圾,但是回收时间不可控制,同时增大了创建对象的开销,所以我们使用对 ...
微信小游戏开发教程-游戏实现2
微信小游戏开发教程-游戏实现2 绘制地面类似于绘制背景,读者自行完成代码.src/runtime/land.js 简易View系统坐标布局对于复杂的页面来说维护相当困难,因此这里我们引入布局的概念 ...
微信小游戏开发教程-2D游戏原理讲解
微信小游戏开发教程-2D游戏原理讲解原理为了更加形象的描述,这里先上一张图: 背景 a. 首先,我们看到背景好像是一张无限长的图片在向下移动.实际则不然,这是一张顶部和底部刚好重叠的图片.这是一种 ...
微信小程序开发教程：项目一微信小程序入门课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简述微信开发者工具中调试器功能. 2.请简述微信小 ...
微信小程序开发教程：项目二微信小程序开发基础课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简单描述页面样式的单位rpx与px的关系. 2.简 ...
微信小程序开发教程：项目四组件布局课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简单地介绍微信小程序flex布局的使用. 2.如何 ...
微信小程序开发教程：项目三表单组件课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题 1.请简单描述搭建node后台服务器的过程. 2.在调查 ...
微信小程序开发教程：项目六媒体组件课后习题
<微信小程序开发教程>主编/黄寿孟易芳陶延涛湖南大学出版社目录一.单选题二.多选题三.判断题四.填空题五.简答题请简单列举音频接口API创建的InnerAudioCon ...

微信小游戏开发教程-新建项目

微信小游戏开发教程-新建项目

1. 新建小游戏项目

2. 添加小游戏必要文件

3. 导入必要的库

4. 添加资源文件夹

微信小游戏开发教程-新建项目相关推荐

最新文章

热门文章