微信小游戏开发(8)-模块化

模块化

小程序提供了CommonJS风格的模块API,可以通过module.expotrs和exports导出模块,通过require引入模块。
我们在根目录下新建文件夹src,再在src中新建文件夹util,在util中新建module.js。

|----src
|   |----util
|       |----module.js

在module.js中编写一个方法,将hero.png放到页面的指定位置:

module.exports = function(canvas,x,y){
  var image = wx.createImage();
  image.onload = function(){
    var context = canvas.getContext('2d');
  context.drawImage(image,x,y);
  }
  image.src='images/hero.png'
}

再在game.js中通过require引入该文件,并调用。

var module = require('src/util/module.js');
module(canvas,0,0);

可以看到在页面的左上角就出现了这个hero.png的图片。
关于模块化的内容就为大家介绍到这里,下一节将为大家介绍分包加载的相关内容。
学习是一条令人时而喜极而泣,时而郁郁寡欢的道路。如果您觉得这篇文章对您有所帮助,请您酌情赞赏!


微信小游戏开发(8)-模块化_第1张图片

你可能感兴趣的:(微信小游戏开发(8)-模块化)