微信小程序致敬经典，这些小游戏你还记得几个？_凤凰科技
微信小程序致敬经典，这些小游戏你还记得几个？
用微信扫描二维码分享至好友和朋友圈
从最开始的新奇面世，到现在的广泛普及，微信小程序相信大家都已经不陌生了。拥有不占任何手机内存空间、即开即用、界面功能完善等特性的微信小程序如今已经渗透到了我们生活的方方面，为我们的出行、充值、饮食等提供了很大的便利。当然，内含多种游戏小程序的它，也成了很多用户的消遣利器。你知道微信小程序里有哪些堪称经典的小游戏吗？今天就为你介绍几款，与你共同回忆青春。
1.小程序版《是男人就下一百层》：就是比你多下一层
80、90 后在学生时代时接触到的电脑可不像现在这样有着丰富多样且可玩性十足的联机端游。那时候，一款制作精良的单机游戏就足够我们作为娱乐消遣上好长一段时间，《是男人就下一百层》就是其中的一款经典之作，它在那个年代的受欢迎程度以及知名度可不亚于现在的 PUBG。
微信小程序《就是比你多下一层》致敬经典，将这款游戏从电脑端转移到了手机端。从画面设计风格，到操作方式，再到音效等，《就是比你多下一层》相较于《是男人就下一百层》都没有发生太大的改变。作为层阶的板子也依旧有正常板子、跳板、传送带、钉子版等。游戏角色初始状态下有三点生命值，触碰到钉子板以及触顶时会失去一定量的生命值，而每成功跳跃十层则会恢复一点生命值，当游戏角色生命值耗尽时，游戏结束。
2.小程序版《扑克接龙》：纸牌接龙经典
初中电脑课教学之余的空档时间内，你应该没少用教室里没网的电脑玩一个叫做《扑克接龙》的游戏吧？如今纵横在各种大制作的手游和端游中你，会不会偶尔想起这个简单的电脑小游戏，然后有所回味呢？
为了让我们能够再感受一下这股青春、稚嫩的气息，微信小程序特地推出了《纸牌接龙经典》，还是那个带花纹的背景，还是一样的游戏规则，还时红黑花色相接的游戏模式。这个小游戏从内到外的都散发着怀旧气息，你确定不去玩玩，然后找找当年坐在电脑教室里的感觉？
3.小程序版《扫雷》：暴击联盟之扫雷
越是简单的，越是容易成为经典。提到电脑端的经典游戏，怎么能不说说《扫雷》这个益智类小游戏呢？这个既测试智商，又考验运气的小游戏曾是多少人的青春回忆。
Windows XP 时代能在电脑上轻松调出的小游戏，如今不知道藏在了哪里，不过没关系，用微信小程序《暴击联盟之扫雷》照样能无差别的重温这个游戏的乐趣。
跟扫雷的游戏一样，《暴击联盟之扫雷》的游戏区分为雷区、地雷计数器、和计时器三个板块，确定大小的雷区中随机分布着一定数量的地雷，玩家点击小方块即可获得数字提示，根绝游戏规则对地雷所在位置进行推断，最后避开所有雷区即获得成功，中途若不幸踩雷，则游戏结束。按照雷区大小和雷数分为简单、普通、困难三个模式，只有在完成上一层次难度的挑战之后，才可以解锁下一层次难度的游戏模式。
4.小程序版《坦克大战》：欢乐坦克大战
《坦克大战》是一款曾经风靡一时并最终成为经典的平面射击类游戏，以穿越关卡、对战敌人、保卫基地为游戏主题。
微信小程序《欢乐坦克大战》以此为游戏设计基础，在经典的基础上优化了画面设计和音效等，将手柄操作的方式改成了更直接的手机触屏操控，保留了拾取道具，火力攻击等游戏内容，并且加入了五人联机组队的房间模式，让游戏在传承经典的同时又拥有了现代化色彩，更符合现在的游戏玩家们的口味。
以上这些经典小游戏是否唤起了你埋在记忆深处的某些回忆呢？如果你有所触动的话，不妨上手玩玩，重温经典。时光荏苒，利用这些经典游戏消遣打磨时光的场景明明就在眼前，可是回首才发现我们已经走过了这么多年……
用微信扫描二维码分享至好友和朋友圈
凤凰网科技官方微信
播放数：1141
播放数：763
播放数：1200
播放数：16433714:23 提问
怎样把微信小游戏转换成微信小程序？
快纪念日了，于是找了个拼图微信小游戏把里面图片改了改想哄妹子开心，结果微信小游戏发布不了，只能发小程序，小游戏和小程序的哪点不同？怎么样才能把微信小游戏改成小程序呢？这些小游戏的代码都要放在小程序的哪些文件下？。。。ps我是菜鸟小白经朋友介绍找到了这里。。。
谢谢各位大神
button.js里的代码：
export default class Button {
constructor(src, x, y, width, height) {
this.img = new Image()
this.img.src = src
this.x = x
this.y = y
this.height = height
this.width = width
render(ctx) {
ctx.drawImage(this.img, this.x, this.y, this.width, this.height)
isTapped(x, y) {
if (x & this.x && x & (this.x + this.width) && y & this.y && y & (this.y + this.height)) {
return true
return false
eventUtil.js里的代码：
const __ = {
x: Symbol('x'),
y: Symbol('y'),
onTap: Symbol('onTap'),
onSwipe: Symbol('onSwipe'),
const SWIPEGAP = 40
const TYPE_TAP = 'tap'
const TYPE_SWIPE = 'swipe'
export default class EventUtil {
constructor(onTap = function () {}, onSwipe = function () {}) {
this[__.x] = 0;
this[__.y] = 0;
this[__.onTap] = onT
this[__.onSwipe] = onS
this.initEvent()
initEvent() {
canvas.addEventListener('touchstart', ((e) =& {
e.preventDefault()
this[__.x] = e.changedTouches[0].clientX
this[__.y] = e.changedTouches[0].clientY
}).bind(this))
canvas.addEventListener('touchend', ((e) =& {
e.preventDefault()
let deltaX = e.changedTouches[0].clientX - this[__.x]
let deltaY = e.changedTouches[0].clientY - this[__.y]
if (deltaX * deltaX + deltaY * deltaY & SWIPEGAP * SWIPEGAP) {
return this.fireEvent(TYPE_TAP)
if (Math.abs(deltaX) & Math.abs(deltaY)) {
if (deltaX & 0) {
return this.fireEvent(TYPE_SWIPE, 'right')
return this.fireEvent(TYPE_SWIPE, 'left')
if (deltaY & 0) {
return this.fireEvent(TYPE_SWIPE, 'down')
return this.fireEvent(TYPE_SWIPE, 'up')
}).bind(this))
fireEvent(type, direction) {
var event = {}
event.x = this[__.x]
event.y = this[__.y]
if (direction) {
event.direction = direction
switch (type) {
case TYPE_TAP:
return this[__.onTap](event)
case TYPE_SWIPE:
return this[__.onSwipe](event)
Symbol.js里的代码：
let Symbol
= window.Symbol
let idCounter = 0
if (!Symbol) {
Symbol = function Symbol(key) {
return __${key}_${Math.floor(Math.random() * 1e9)}_${++idCounter}__
Symbol.iterator = Symbol('Symbol.iterator')
window.Symbol = Symbol
main.js里的代码：
import EventUtil from './base/eventUtil'
import BackGround from './runtime/background'
import GameInfo from './runtime/gameinfo'
import DataBus from './databus'
let ctx = canvas.getContext('2d')
let databus = new DataBus()
游戏主函数
export default class Main {
constructor() {
this.bg = new BackGround(ctx)
this.gameInfo = new GameInfo()
let eventUtil = new EventUtil(((e) =& {
this.gameInfo.tap(e)
}).bind(this), ((e) =& {
this.movePieces(e.direction);
}).bind(this))
databus.reset()
window.requestAnimationFrame(
this.loop.bind(this),
databus.pieces.forEach((item, position) =& {
item.render(ctx);
移动方块的方法
@param {any} direction 移动方向
@memberof Main
movePieces(direction) {
let targetPiece
switch (direction) {
case 'up':
targetPiece = databus.emptyPosition + databus.stage
case 'down':
targetPiece = databus.emptyPosition - databus.stage
case 'left':
targetPiece = databus.emptyPosition + 1
if (Math.floor(targetPiece / databus.stage) !== Math.floor(databus.emptyPosition / databus.stage)) {
// 如果两个商不相等，说明左右滑动出现了换行现象，不能执行
case 'right':
targetPiece = databus.emptyPosition - 1
if (Math.floor(targetPiece / databus.stage) !== Math.floor(databus.emptyPosition / databus.stage)) {
databus.pieces.forEach((item) =& {
if (item.position === targetPiece) {
item.move(databus.emptyPosition)
databus.emptyPosition = targetPiece
checkGameOver() {
if (databus.gameOver || databus.pieces.length === 0) {
for (let i = 0; i & databus.pieces. i++) {
let piece = databus.pieces[i]
if (piece.index !== piece.position) {
return false
databus.gameOver = true
databus.finalTime = databus.getCurrentTime()
canvas重绘函数
每一帧重新绘制所有的需要展示的元素
render() {
ctx.clearRect(0, 0, canvas.width, canvas.height)
this.bg.render(ctx)
databus.pieces.forEach((item) =& {
item.render(ctx);
this.gameInfo.render(ctx)
// 游戏逻辑更新主函数
update() {
// 统计是否有动画正在播放
let isAniPlaying = false
databus.pieces.forEach((item) =& {
item.update();
if (item.ani !== 1) {
isAniPlaying = true
// 如果没有动画正在播放，查看游戏是否结束
if (!isAniPlaying) {
this.checkGameOver()
// 实现游戏帧循环
this.update()
this.render()
window.requestAnimationFrame(
this.loop.bind(this),
一个微信小程序游戏，滑动进行方块拼接
源码目录介绍
├── base
// 定义游戏开发基础类
├── button.js
// 游戏内可点击图片类
└── eventUtil.js
// 处理点击事件的类
├── libs
├── bezier.js
// 用于进行淡入淡出动画的类库 https://github.com/gre/bezier-easing
├── symbol.js
// ES6 Symbol简易兼容
└── weapp-adapter.js
// 小游戏适配器
├── models
└── piece.js
// 拼图方块类
├── runtime
├── background.js
├── gameInfo.js
// 游戏菜单、按钮和分数
├── gameMap.js
// 用于提供游戏的随机地图
└── music.js
// 全局音效管理器
├── databus.js
// 管控游戏状态
└── main.js
// 游戏入口主函数
按赞数排序
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐微信小程序游戏排行榜2018_微信小游戏官方
微信小程序游戏排行榜201844个软件微信已经成为我们生活中不可缺少的社交工具了，不论是聊天，分享，付款，以及一些生活中的内容，但是还有不少朋友不知道微信里面还有很多好玩的小游戏吧，比如最近很火的跳一跳，那么微信里面还有哪些好玩的呢
等级:v1.056.1M简体推荐理由:微信跳一跳是一款考验玩家反应能力的闯关游戏。力度要控制好，不能太大，也不能太小，不然不是飞远了，就是掉进坑里。获取高分可以在微信朋友圈晒一晒。版本：
等级:v9.1283.0M简体推荐理由:亿图图示设计软件Windows日语版是一款纯日语版本的图形图标设计软件，专为日语语境环境打造，方便日语语系用户更好的使用本软件而推出的版本。版本：
等级:v1.112M简体推荐理由:看到这个名字是不是感觉和天天爱消除和类似的样子呢，没错这就是专门为微信用户而做的姐妹版而已，一样的玩法不一样的排行榜版本：
等级:v1.213M简体推荐理由:丰富的游戏模式，多种游戏规则满足不同用户的习惯和需求，还有残局模式让喜欢挑战的朋友满足自己的乐趣，还有最重要的社交系统让玩家结交棋友版本：
等级:v1.0.223M简体推荐理由:坦克大战其实很早在红白机上就已经有了并且非常受欢迎，简单的操作加上风骚的走位就能让你不断闯关或者胜利，和微信好友一起来保卫基地吧版本：
等级:v1.0.153M简体推荐理由:看看究竟是你的小企鹅厉害还是我的小企鹅更厉害吧，在这里每个人都是一只qq，比等级，比属性，比装备，看看谁打的过谁版本：
等级:v1.2139M简体推荐理由:美妙的音乐响起后游戏开始，这时你只需点击音符所在位置即可，每次点击音符，就会相应的发出不同的音调，使你置身音乐殿堂之中版本：
等级:v1.2.115KB简体推荐理由:pubg战绩查一查手机版是为吃鸡玩家而生的社区，可以查询吃鸡资讯和攻略，想成为顶级玩家吗？下载pubg战绩查一查会助你一臂之力哦版本：
等级:v1.528KB简体推荐理由:种树？种花？NONO！石头也可以种！石头吸取日月精华，天地灵气长成斗战胜佛。最新手机版种石头等你来挑战，快邀上好朋友一起来连一连吧版本：
等级:v1.512KB简体推荐理由:最近风靡全国的益智类答题赢现金红包的游戏你是否加入过呢？冲顶大会，百万英雄，芝士超人历史题目，预测题目，模拟答题，答题提醒，开黑群，助您一臂之力，答题成功
等级:v1.512KB简体推荐理由:微信是一种生活方式 但 对于贪玩的人来说 其实 微信是我小时候插卡游戏机 用游戏码 就是把微信变成 即插即用的小霸王 嗯 就是这么的桀骜版本：
等级:v1.528KB简体推荐理由:脑力冲顶最新手机版是一款益智类全民竞答小程序，自动搜题、自动答题软件，答案精准，快速语音搜题，轻松答题赢现金，闯关成功就能赢走现金大奖。
等级:v5.2.128KB简体推荐理由:微信星途WeGoing游戏是最近微信小程序里面推出的全新游戏功能，自带十几款超有趣的休闲益智竞技小游戏，这款微信星途WeGoing游戏就是一款十分唯美向的休闲小游戏，想要抢先体验一下吗？版本：
等级:v4.255KB简体推荐理由:数字方块游戏手机版是一款非常有趣的益智小游戏。你需要根据提示移动方块吃到指定的数字方块即可过关，后面的关卡会越来越难，一个小小的差错就会导致满盘皆输。喜欢的朋友快来试试吧！版本：
等级:v1.528KB简体推荐理由:一分知识手机版2018是一款休闲益智小游戏，1分钟完成一次头脑洗礼，在线知识竞技的分享互动小程序，还可以邀请你的好朋友一起互动答题哦
等级:v1.0.218KB简体推荐理由:拳皇命运KO不服游戏听起来是一款格斗类的游戏，但其实这是一款以休闲风格为主的小游戏，玩法也是比较有趣的。在开始前需要大家先分享群，玩家随意分享到一个群中就可以，因为游戏中刚出现的头像会是刚刚分享群中的成员版本：
等级:v1.2.124KB简体推荐理由:保卫萝卜迅玩版带给大家不一样的玩法体验，喜欢玩塔防游戏的朋友，快来试试吧版本：
等级:v5.2.128KB简体推荐理由:王者的荣耀游戏圈手机版2018是玩家的游戏圈，来这里，找队友，找CP，找师徒，吐槽吧！王者荣耀99%的玩家都在这里！王者荣耀游戏圈，值得你停留！
等级:v5.2.128KB简体推荐理由:07073H5游戏在线玩为你提供最全最新h5游戏，手机网页游戏排行榜大全和h5游戏开服信息，以及热门小游戏不用下载免安装点开即玩。版本：
等级:v3.219KB简体推荐理由:成语碰词最新手机版玩家只需要输入任意含关键词词语接龙，即可获得红包。有单人红包或者团战功能，喜欢的朋友不要错过哦
等级:v1.512KB简体推荐理由:圈圈大作战是一款计步游戏小程序，可创建或加入战队，用户每日步数累计到自己所在的战队，提高战队排名，优秀战队可获得奖品，增加跑步运动的趣味性
等级:v3.227KB简体推荐理由:《悦豹成语接龙》小程序可以文字或者语音和好友进行成语接龙，也可以人机对战。在游戏和挑战中学习，让学习成为一种习惯，弘扬中国传统文化。君子豹变，其文蔚也。版本：
等级:v5.2.133KB简体推荐理由:欢乐消消消手机版2018是全球首创的置换式消除游戏。全新消除体验、多种趣味关卡、宠物与消除的完美结合，让玩法更新颖、体验更爽快。版本：
等级:v3.228KB简体推荐理由:谁是学霸最新官方版是一款智力小游戏，玩家需要开动大脑才能过关，包括开关灯，颜色大战，魔方，出车库，小球回家等。版本：
等级:v3.239KB简体推荐理由:Xbox游戏机的游戏比价小工具，自动出现该商品的历史价格走势，轻松识别先涨价再打折的虚假促销版本：
等级:v1.529KB简体推荐理由:趣味互动游戏手机版推荐聚会游戏、晚会游戏、年会游戏、团队游戏、晨会互动小游戏、培训游戏、趣味游戏、亲子游戏、娱乐游戏、互动游戏大全
等级:v5.2.138KB简体推荐理由:最全手机游戏玩法攻略，让菜鸟成为游戏大师只差一个攻略解读，最新热门手游攻略全部都有版本：
等级:v3.245KB简体推荐理由:急速接龙手机版2018是一款方便快速的接龙工具，快速发起，快速参与接龙，告别繁琐的群内复制粘贴，去除复杂的接龙步骤，一步创建，点击即可参加接龙。是一款简单，容易上手的实用小工具。适用于朋友聚餐，小型活动等帮助快速统计。版本：
等级:v5.2.129KB简体推荐理由:点鱼轻游官方版2018是一款微信自带小程序益智游戏，喜欢的朋友不要错过哦版本：
等级:v3.247KB简体推荐理由:贝壳Bekor+是集社交游戏+兑换商城的新型电子商务产品，旨在让生活更有趣，微信小程序应用微信小程序能做游戏吗？微信小程序可以做什么？
互联网 & 发布时间： 15:07:43 & 作者：佚名 &
历经一年的等待后，小程序在日凌晨终于揭开神秘面纱，正式上线，那么有不少网友朋友问微信小程序能做游戏吗？微信小程序可以做什么？微信小程序能提供/不提供什么功能？下面脚本之家的小编带来微信小程序相关内容供大家了解，一起来看看吧
历经一年的等待后，小程序在日凌晨终于揭开神秘面纱，正式上线，那么有不少网友朋友问微信小程序能做游戏吗？微信小程序可以做什么？微信小程序能提供/不提供什么功能？下面脚本之家的小编带来微信小程序相关内容供大家了解，一起来看看吧。
软件名称：微信小程序开发工具
(1.01.170901)
32位官方安装包软件大小：38MB更新时间：
微信小程序能做游戏吗？
随着小程序正式上线，用户现在可以通过二维码、搜索等方式体验到开发者们开发的小程序了。
用户只要将微信更新至最新版本，体验过小程序后，便可在发现页面看到小程序TAB，但微信并不会通过这个地方向用户推荐小程序。
值得一提的是，小程序提供了显示在聊天顶部的功能，这意味着用户在使用小程序的过程中可以快速返回至聊天界面，而在聊天界面也可快速进入小程序，实现小程序与聊天之间的便捷切换。
很多同学关心小程序到底能不能做游戏？小编给大家列出了微信小程序提供以及不提供的功能，一起看一下。
微信小程序能不提供什么功能？
微信小程序不提供的功能：
1.小程序在微信没有集中入口。
2.微信不会推出小程序商店，也不会向用户推荐小程序。
3.小程序没有订阅关系，没有粉丝，只有访问，只有访问量。
4.小程序不能推送消息。
5.小程序不能做游戏。
微信小程序提供什么功能？
微信小程序提供的功能：
1.提供小程序页概念：支持分享当前信息，例如分享00700股票页面，好友打开时看到的是00700股票的实时信息，而无需再次启动小程序。
2.对话分享：可以分享到对话，支持分享给单个好友及微信群。
3.搜索查找：小程序可以被搜索，但微信会极力限制搜索能力，目前提供的搜索功能是用户可直接根据名称或品牌搜索小程序。
4. 公众号关联：在小程序与公众号为同一开发主体的前提下，提供小程序与微信公众号之间的关联。
5.线下扫码：提供线下提示用户附近有哪些小程序存在的功能。用户可以通过线下扫码使用，这也是微信提倡的接入方式。
6. 小程序切换：小程序支持挂起状态，即多窗口概念，用户可以把小程序先挂起，然后做别的事情，在需要这个小程序的时候可以快速调用，回到最开始的状态。
7.消息通知：商户可以发送模板消息给接受过服务的用户，用户可以在小程序内联系客服，支持文字和图片，解决用户与小程序的沟通问题。
8.历史列表：用户使用过的小程序会被放入列表，方便下次使用。
微信小程序体验实测：
用户使用过的小程序，将以列表的方式呈现在小程序TAB中。
如此前微信团队介绍的一样，小程序可以分享至对话。
安卓版用户还可将小程序添加快捷方式至桌面。
从试用结果来看，小程序整体运行顺畅，而开发者也对小程序抱以很大热情，例如猫眼电影提供了小程序体验礼包。
在体验了自选股、美团外卖、猫眼电影、滴滴公交查询几个小程序后，可以感受出，开发者将APP中最核心的功能在小程序中做了保留，对一些功能则进行了舍弃。
比如滴滴出行小程序，仅保留了叫车功能，而APP中的地图、出行方式选择、用户界面、商城等功能都被舍弃掉了。
微信小程序会带来什么？
出于获得初期流量红利的想法，外界对于小程序抱以热切期待。但在日微信公开课的公开演讲中，张小龙却给出了一个可能会让部分人失望的答案。
&很多人看到微信开始内测小程序，说应该去获得一些流量上的红利，但是那就非常遗憾，公众号在微信里面其实也没有入口，小程序也是一样的。&
做出这样的安排，与张小龙对小程序要承担的能力有关，而小程序要承担哪些能力，又基于张小龙对未来网络世界的思考。
在微信公开课PRO版一个半小时的演讲中，张小龙把大部分时间都用在阐述移动互联网的下一站是什么、小程序的特性与定位以及开发小程序的原因上，而非简单的告诉大家：小程序的规则是什么，你们应该怎样做小程序。
在张小龙看来，移动互联网的下一站是&唾手可得&。
&我们想象在这样一个虚拟未来的智能眼镜里面，你会发现应用程序已经是完全不同的形态，跟现在手机里面的应用形态是不一样的，它是一种真正的所见即所得的形态，我说的所见即所得不同于在PC时代，我们在画图或者UI上面的所见即所得，而是说我们看到的任何具体的一些事物，它就包含了它的信息，包含了对信息的处理在里面。&
张小龙表示，这就是他对于未来应用程序形态的希望：无处不在，随时访问。
事实上，从微信小程序的功能设置上也能体现出这一理念，比如支持提供线下提示用户附近有哪些小程序存在的功能，通过二维码这一入口，打通小程序与线下服务之间的界限。通过线下的二维码，实现应用程序无处不在的愿景。
知名IT评论人认为，小程序的入口不是在微信，而是在现实生活中，比如医院的挂号小程序就在医院。微信将真正实现&一个生活方式&的目标，把不同的入口分散到不同的生活场景中，拓展微信母程序的边界，让微信的想象空间更大更广。
相关阅读：
以上就是对微信小程序能做游戏吗及微信小程序能提供/不提供什么功能详细介绍，更多精彩内容请继续关注脚本之家！
大家感兴趣的内容
12345678910
最近更新的内容