当前位置:首页 > 小程序 > 正文内容

微信小程序,一个滑块拼图游戏

nrta1101年前 (2022-02-25)小程序581

滑块拼图小游戏

简介

一个微信小程序游戏,基于 pixi.js 和 JetLua/fish 微信小游戏适配库实现。滑动进行方块拼接

screenshot.png

如何使用

使用 npm i 安装依赖包

使用 npm run build 进行项目构建

使用 npm run dev 进行动态构建

打开微信开发者工具,选择 dist 目录导入项目文件进行开发

源码目录介绍

./src
├── conponents                           // 定义游戏内组件
│   ├── help.js                          // 帮助界面
│   ├── hint.js                          // 预览界面
│   ├── index.js
│   ├── info.js                          // 结束信息
│   ├── menu.js                          // 菜单界面
│   ├── piece.js                         // 拼图块组件
│   ├── puzzle.js                        // 拼图组件
│   └── timer.js                         // 计时器组件
├── core                                 // 适配器组件
│   ├── index.js                         
│   ├── layout.js                        // 适配容器
│   └── sound.js                         // 全局音效管理器
├── scenes
│   ├── game.js                          // 游戏主界面
│   ├── index.js
│   ├── preload.js                       // 载入界面
│   └── prepare.js                       // 资源加载类
├── utils
│   ├── constants.js                     // 常量
│   ├── functions.js                     // 通用方法
│   ├── gamemap.js                       // 用于提供游戏的随机地图
│   ├── index.js
│   └── swipelistener.js                 // 用于处理游戏内划动事件
├── app.js                               // 游戏入口主函数
└── config.js                            // 游戏配置

源码下载:

点击下载(提取码:ojp7)

qrcode_for_gh_95ec6d40e739_258.jpg

扫描二维码关注公众号

如在微信端,长按二维码即可关注

版权声明:本文由蚂蚁开源_H5游戏,微信小程序,蚂蚁大喇叭发布,如需转载请注明出处。

本文链接:http://www.zzfriend.com/post/30.html

分享给朋友:

相关文章

2048小游戏

2048小游戏

效果图:算法:该程序主要难度在用户滑动屏幕时值相同的cell合并 将空格标为0(我代码中是用的""表示空格),假设棋盘如下:0 2 0 20 0 0 00 0 0 20 0 0 0步骤:通过touch相关的事件函数确定用...

微信招聘小程序

微信招聘小程序

微信小程序——微招聘简介只有前端,功能基本如图所示,部分功能可能有BUG,仅限学习交流使用。源码下载:点击下载...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。