candy_tity的博客

在微信官方给出的文档中，小程序是可以调出多窗口的： 这样就不用每次都去修改app.json来将现在调试的页面放在首位。 但是笔者找了好久，差点儿吐了，原来是需要一个跳转的链接才能调出多窗口。 比如在inde.wxml文件中添加如下代码：<!--index.wxml--><view class="container"> <view bindtap="bindViewTap" class=

文件系统文件系统是小程序提供的一套以小程序和用户维度隔离的存储以及一套响应的管理接口。通过wx.getFilesSystemManager()可以获取到全局唯一的文件管理器，所有文件管理操作通过FileSystemManager来调用。 ··· var fs = wx.getFileSystemManager(); ··· 文件主要分为两大类： 代码包文件：代码包文件指的是在项目目...

小游戏内只有一种音频播放的方式，即使用InnerAudioContext来播放。使用InnerAudioContext播放通过wx.createInnerAudioContext()接口可以创建一个音频实例innerAudioContext，通过这个实例可以播放音频。 ··· var audio = wx.createInnerAudioContext(); audio.src ...

模块化小程序提供了CommonJS风格的模块API，可以通过module.expotrs和exports导出模块，通过require引入模块。 我们在根目录下新建文件夹src，再在src中新建文件夹util，在util中新建module.js。|----src| |----util| |----module.js在module.js中编写一个方法，将hero.pn...

一、支持情况基本上所有基于HTML5的游戏引擎都是依赖于浏览器环境提供的BOM和DOM API，但是小程序是一个不同于浏览器的JavaScript运行环境，没有BOM和DOM API。因此如果要在小游戏中使用引擎，需要对引擎进行改造。 目前，Cocos，Egret，Laya 已经完成了自身引擎及其工具对小游戏的适配和支持，对应的官方文档也对接入小游戏的开发做了介绍，具体可查阅官方文档。 U...

一、全局对象window对象是浏览器环境下的全局对象。 小游戏运行环境中没有BOM API，因此没有window对象。 但是小游戏提供了全局对象GameGlobal，所有全局定义的变量都是GameGlobal的属性。console.log(GameGlobal.setTimeout === setTimeout);console.log(GameGlobal.requestAni...

随着小游戏的玩法越来越丰富，开发者对于扩大包大小的需求越来越强烈，所以微信推出了小游戏分包加载这一个功能。 所谓的分包加载，即把游戏内容按照一定的规则拆分成几个包，在首次启动时先下载必要的包，这个必要的包我们称为【主包】，开发者可以在主包内触发其他分包的下载，从而把首次下载的耗时分散到游戏运行中。分包加载包大小限制目前小游戏分包大小有如下限制： 整个小游戏所有包大小不超过8M ...

一、文件结构 在上一节中，我们已经看到了小程序开发的界面。在界面中的中间部分，为文件结构区域： 可以看到该项目中有： audio文件夹：用来存放音频文件； images文件夹：用来存放图片文件； js文件夹：用来存放脚本文件； .game.js文件； .game.json文件； .project.config.json文件。 其中，只有两个是小程序的必要文件： ① game...

Adapter 小游戏的运行环境在IOS上是JavaScriptCore，在Android上是V8，都是没有BOM和DOM的运行环境，没有全局的document和window对象。 但通过调用微信官方提供的Adapter后，就可以调用BOM和DOM的方法了。 所谓的Adapter是一个抽象的代码层，并不特指某一个适配小游戏的第三方的库。它是使用wx API 模拟BOM和DOM的代码组成的库，...

一、动画在JavaScript中，一般通过setInterval、setTimeout、requestAnimationFrame来实现动画效果。 微信小游戏对这些API提供了支持：setInterval()setTimeout()requestAnimationFrame()clearInterval()clearTImeout()cancelAnimationF...

一、wx API 我们只能用JavaScript来编写小游戏。 小游戏的运行环境是一个绑定了一些方法的JavaScript VM。不同于浏览器，这个运行环境没有BOM和DOM API，只有wx API。 接下来我们将介绍如何用wx API 来完成创建画布、绘制图形、显示图片的基础功能。 二、创建Canvas 调用wx.createCanvas() 接口，可以创建一个Canvas对象。 ...

单行文字超出后隐藏首先容器需要有固定的宽高，其次加入以下代码即可。view { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}多行文字超出后隐藏容器不需要有固定的宽高，只需加入以下代码即可。无需指定高度，只需指定最多显示几行，属性 -webkit-line-clamp。本示例中最多显示3行...