在这篇微信小程序开发教程中，我们将介绍如何使用微信小程序开发2048小游戏。
本文主要分为两个部分，小程序主体部分及小游戏页面部分
一、小程序主体部分
一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：
1. 小程序逻辑
onLaunch: function() {
// Do something initial when launch.
onShow: function() {
// Do something when show.
onHide: function() {
// Do something when hide.
globalData: 'I am global data'
2. 小程序公共设置
主要注册一个页面，即2048游戏主页
"pages/index/index"
"window":{
"navigationBarBackgroundColor":"#ffffff",
"navigationBarTextStyle":"#1AAD16",
"navigationBarTitleText":"2048游戏",
"backgroundColor":"#eeeeee",
"backgroundTextStyle":"light"
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
"debug": false
二、小游戏页面部分
2048游戏小程序页面主要由以下文件组成。
1. 页面结构
其页面结构代码如下
&view class="container"&
&view class="game-body"&
&loading hidden="{{hidden}}"&
&/loading&
&view class="heading"&
&text class="title"&2048&/text&
&view class="scores-container"&
&view class="score-container"&{{score}}&/view&
&view class="best-container"&{{highscore}}&/view&
&view class="above-game"&
&text class="game-intro"&你能拿到2048吗？&/text&
&text class="restart-button" bindtap="restart"&新游戏&/text&
&view class="game-container"&
&view class="game-message game-{{over ? (win ? 'won' : 'over') : ''}}"&
&text class="over-msg"&{{overMsg}}&/text&
&view class="lower"&
&!-- &text class="keep-playing-button"&继续&/text& --&
&text class="retry-button" bindtap="restart"&再试一次&/text&
&view class="grid-container" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd"&
&view wx:for="{{grids}}" wx:for-index="rowIdx" wx:for-item="row" class="grid-row"&
&view wx:for="{{row}}" wx:for-index="colIdx" wx:for-item="cell" class="grid-cell"&
&view class="tile tile-{{cell.value}}"&
&view wx:if="{{cell}}" class="tile-inner"&
{{cell.value}}
&!-- &view class="game-explanation"&
&view class="important"&如何开始：&/view& 手指上下左右滑动
&/view& --&
样式代码如下所示
.container {
margin: 0;
padding: 20px 0;
background: #faf8ef;
color: #776e65;
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 18px;
.heading:after {
content: "";
display: block;
clear: both;
font-size: 80px;
font-weight: bold;
margin: 0;
display: block;
float: left;
.scores-container {
float: right;
text-align: right;
.score-container, .best-container {
position: relative;
display: inline-block;
background: #bbada0;
padding: 15px 25px;
font-size: 25px;
height: 25px;
line-height: 47px;
font-weight: bold;
border-radius: 3px;
color: white;
text-align: center;
margin: 8px 0 0 8px;
.score-container:after, .best-container:after {
position: absolute;
width: 100%;
top: 10px;
text-transform: uppercase;
font-size: 13px;
line-height: 13px;
text-align: center;
color: #eee4da;
.score-container .score-addition, .best-container .score-addition {
position: absolute;
right: 30px;
color: red;
font-size: 25px;
line-height: 25px;
font-weight: bold;
color: rgba(119, 110, 101, 0.9);
z-index: 100;
.score-container:after {
content: "Score";
.best-container:after {
content: "Best";
margin-top: 0;
margin-bottom: 10px;
line-height: 1.65;
color: #776e65;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
strong.important {
text-transform: uppercase;
border: none;
border-bottom: 1px solid #d8d4d0;
margin-top: 20px;
margin-bottom: 30px;
.game-container {
margin-top: 40px;
position: relative;
padding: 15px;
cursor: default;
-webkit-touch-callout: none;
-ms-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-ms-touch-action: none;
touch-action: none;
background: #bbada0;
border-radius: 6px;
width: 500px;
height: 500px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.game-container .game-message {
/*display:*/
position: absolute;
bottom: 0;
background: rgba(238, 228, 218, 0.5);
z-index: 100;
text-align: center;
.game-container .game-message p {
font-size: 60px;
font-weight: bold;
height: 60px;
line-height: 60px;
margin-top: 222px;
.game-container .game-message .lower {
display: block;
margin-top: 59px;
.game-container .game-message a {
display: inline-block;
background: #8f7a66;
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: #f9f6f2;
height: 40px;
line-height: 42px;
margin-left: 9px;
.game-container .game-message .keep-playing-button {
display: none;
.game-container .game-message.game-won {
background: rgba(237, 194, 46, 0.5);
color: #f9f6f2;
.game-container .game-message.game-won .keep-playing-button {
display: inline-block;
.game-container .game-message.game-won, .game-container .game-message.game-over {
display: block;
.grid-container {
position: absolute;
z-index: 1;
.grid-row {
margin-bottom: 15px;
.grid-row:last-child {
margin-bottom: 0;
.grid-row:after {
content: "";
display: block;
clear: both;
.grid-cell {
width: 106.25px;
height: 106.25px;
margin-right: 15px;
float: left;
border-radius: 3px;
background: rgba(238, 228, 218, 0.35);
.grid-cell:last-child {
margin-right: 0;
.tile-container {
position: absolute;
z-index: 2;
.tile, .tile .tile-inner {
width: 107px;
height: 107px;
line-height: 107px;
.tile.tile-position-1-1 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
.tile.tile-position-1-2 {
-webkit-transform: translate(0px, 121px);
-moz-transform: translate(0px, 121px);
-ms-transform: translate(0px, 121px);
transform: translate(0px, 121px);
.tile.tile-position-1-3 {
-webkit-transform: translate(0px, 242px);
-moz-transform: translate(0px, 242px);
-ms-transform: translate(0px, 242px);
transform: translate(0px, 242px);
.tile.tile-position-1-4 {
-webkit-transform: translate(0px, 363px);
-moz-transform: translate(0px, 363px);
-ms-transform: translate(0px, 363px);
transform: translate(0px, 363px);
.tile.tile-position-2-1 {
-webkit-transform: translate(121px, 0px);
-moz-transform: translate(121px, 0px);
-ms-transform: translate(121px, 0px);
transform: translate(121px, 0px);
.tile.tile-position-2-2 {
-webkit-transform: translate(121px, 121px);
-moz-transform: translate(121px, 121px);
-ms-transform: translate(121px, 121px);
transform: translate(121px, 121px);
.tile.tile-position-2-3 {
-webkit-transform: translate(121px, 242px);
-moz-transform: translate(121px, 242px);
-ms-transform: translate(121px, 242px);
transform: translate(121px, 242px);
.tile.tile-position-2-4 {
-webkit-transform: translate(121px, 363px);
-moz-transform: translate(121px, 363px);
-ms-transform: translate(121px, 363px);
transform: translate(121px, 363px);
.tile.tile-position-3-1 {
-webkit-transform: translate(242px, 0px);
-moz-transform: translate(242px, 0px);
-ms-transform: translate(242px, 0px);
transform: translate(242px, 0px);
.tile.tile-position-3-2 {
-webkit-transform: translate(242px, 121px);
-moz-transform: translate(242px, 121px);
-ms-transform: translate(242px, 121px);
transform: translate(242px, 121px);
.tile.tile-position-3-3 {
-webkit-transform: translate(242px, 242px);
-moz-transform: translate(242px, 242px);
-ms-transform: translate(242px, 242px);
transform: translate(242px, 242px);
.tile.tile-position-3-4 {
-webkit-transform: translate(242px, 363px);
-moz-transform: translate(242px, 363px);
-ms-transform: translate(242px, 363px);
transform: translate(242px, 363px);
.tile.tile-position-4-1 {
-webkit-transform: translate(363px, 0px);
-moz-transform: translate(363px, 0px);
-ms-transform: translate(363px, 0px);
transform: translate(363px, 0px);
.tile.tile-position-4-2 {
-webkit-transform: translate(363px, 121px);
-moz-transform: translate(363px, 121px);
-ms-transform: translate(363px, 121px);
transform: translate(363px, 121px);
.tile.tile-position-4-3 {
-webkit-transform: translate(363px, 242px);
-moz-transform: translate(363px, 242px);
-ms-transform: translate(363px, 242px);
transform: translate(363px, 242px);
.tile.tile-position-4-4 {
-webkit-transform: translate(363px, 363px);
-moz-transform: translate(363px, 363px);
-ms-transform: translate(363px, 363px);
transform: translate(363px, 363px);
position: absolute;
-webkit-transition: 100ms ease-in-out;
-moz-transition: 100ms ease-in-out;
transition: 100ms ease-in-out;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
.tile .tile-inner {
border-radius: 3px;
background: #eee4da;
text-align: center;
font-weight: bold;
z-index: 10;
font-size: 55px;
.tile.tile-2 .tile-inner {
background: #eee4da;
box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);
.tile.tile-4 .tile-inner {
background: #ede0c8;
box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);
.tile.tile-8 .tile-inner {
color: #f9f6f2;
background: #f2b179;
.tile.tile-16 .tile-inner {
color: #f9f6f2;
background: #f59563;
.tile.tile-32 .tile-inner {
color: #f9f6f2;
background: #f67c5f;
.tile.tile-64 .tile-inner {
color: #f9f6f2;
background: #f65e3b;
.tile.tile-128 .tile-inner {
color: #f9f6f2;
background: #edcf72;
box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.2381), inset 0 0 0 1px rgba(255, 255, 255, 0.14286);
font-size: 45px;
@media screen and (max-width:520px) {
.tile.tile-128 .tile-inner {
font-size: 25px;
.tile.tile-256 .tile-inner {
color: #f9f6f2;
background: #edcc61;
box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.31746), inset 0 0 0 1px rgba(255, 255, 255, 0.19048);
font-size: 45px;
@media screen and (max-width:520px) {
.tile.tile-256 .tile-inner {
font-size: 25px;
.tile.tile-512 .tile-inner {
color: #f9f6f2;
background: #edc850;
box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.39683), inset 0 0 0 1px rgba(255, 255, 255, 0.2381);
font-size: 45px;
@media screen and (max-width:520px) {
.tile.tile-512 .tile-inner {
font-size: 25px;
.tile.tile-1024 .tile-inner {
color: #f9f6f2;
background: #edc53f;
box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.28571);
font-size: 35px;
@media screen and (max-width:520px) {
.tile.tile-1024 .tile-inner {
font-size: 15px;
.tile.tile-2048 .tile-inner {
color: #f9f6f2;
background: #edc22e;
box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.55556), inset 0 0 0 1px rgba(255, 255, 255, 0.33333);
font-size: 35px;
@media screen and (max-width:520px) {
.tile.tile-2048 .tile-inner {
font-size: 15px;
.tile.tile-super .tile-inner {
color: #f9f6f2;
background: #3c3a32;
font-size: 30px;
@media screen and (max-width:520px) {
.tile.tile-super .tile-inner {
font-size: 10px;
.tile-merged .tile-inner {
z-index: 20;
.above-game:after {
content: "";
display: block;
clear: both;
.game-intro {
float: left;
line-height: 42px;
margin-bottom: 0;
.restart-button {
display: inline-block;
background: #8f7a66;
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: #f9f6f2;
height: 40px;
line-height: 42px;
display: block;
text-align: center;
float: right;
.game-explanation {
margin-top: 50px;
@media screen and (max-width:520px) {
html, body {
font-size: 15px;
margin: 20px 0;
padding: 0 20px;
font-size: 27px;
margin-top: 15px;
/*.container {
width: 280
.score-container, .best-container {
margin-top: 0;
padding: 15px 10px;
min-width: 40px;
.heading {
margin-bottom: 10px;
.game-intro {
width: 55%;
display: block;
box-sizing: border-box;
line-height: 1.65;
.restart-button {
width: 42%;
padding: 0;
display: block;
box-sizing: border-box;
margin-top: 2px;
.game-container {
margin-top: 17px;
position: relative;
padding: 10px;
cursor: default;
-webkit-touch-callout: none;
-ms-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-ms-touch-action: none;
touch-action: none;
background: #bbada0;
border-radius: 6px;
width: 280px;
height: 280px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.game-container .game-message {
display: none;
position: absolute;
bottom: 0;
background: rgba(238, 228, 218, 0.5);
z-index: 100;
text-align: center;
.game-container .game-message .over-msg {
display: block;
font-size: 30px;
font-weight: bold;
height: 30px;
line-height: 30px;
/*margin-top: 222*/
margin-top: 59px;
.game-container .game-message .lower {
display: block;
margin-top: 59px;
.game-container .game-message .retry-button {
display: inline-block;
background: #8f7a66;
border-radius: 3px;
padding: 0 20px;
text-decoration: none;
color: #f9f6f2;
height: 40px;
line-height: 42px;
margin-left: 9px;
.game-container .game-message .keep-playing-button {
display: none;
.game-container .game-message.game-won {
background: rgba(237, 194, 46, 0.5);
color: #f9f6f2;
.game-container .game-message.game-won .keep-playing-button {
display: inline-block;
.game-container .game-message.game-won, .game-container .game-message.game-over {
display: block;
.grid-container {
position: absolute;
z-index: 1;
.grid-row {
margin-bottom: 10px;
.grid-row:last-child {
margin-bottom: 0;
.grid-row:after {
content: "";
display: block;
clear: both;
.grid-cell {
width: 57.5px;
height: 57.5px;
margin-right: 10px;
float: left;
border-radius: 3px;
background: rgba(238, 228, 218, 0.35);
.grid-cell:last-child {
margin-right: 0;
.tile, .tile .tile-inner {
width: 58px;
height: 58px;
line-height: 58px;
.tile.tile-position-1-1 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
.tile.tile-position-1-2 {
-webkit-transform: translate(0px, 67px);
-moz-transform: translate(0px, 67px);
-ms-transform: translate(0px, 67px);
transform: translate(0px, 67px);
.tile.tile-position-1-3 {
-webkit-transform: translate(0px, 135px);
-moz-transform: translate(0px, 135px);
-ms-transform: translate(0px, 135px);
transform: translate(0px, 135px);
.tile.tile-position-1-4 {
-webkit-transform: translate(0px, 202px);
-moz-transform: translate(0px, 202px);
-ms-transform: translate(0px, 202px);
transform: translate(0px, 202px);
.tile.tile-position-2-1 {
-webkit-transform: translate(67px, 0px);
-moz-transform: translate(67px, 0px);
-ms-transform: translate(67px, 0px);
transform: translate(67px, 0px);
.tile.tile-position-2-2 {
-webkit-transform: translate(67px, 67px);
-moz-transform: translate(67px, 67px);
-ms-transform: translate(67px, 67px);
transform: translate(67px, 67px);
.tile.tile-position-2-3 {
-webkit-transform: translate(67px, 135px);
-moz-transform: translate(67px, 135px);
-ms-transform: translate(67px, 135px);
transform: translate(67px, 135px);
.tile.tile-position-2-4 {
-webkit-transform: translate(67px, 202px);
-moz-transform: translate(67px, 202px);
-ms-transform: translate(67px, 202px);
transform: translate(67px, 202px);
.tile.tile-position-3-1 {
-webkit-transform: translate(135px, 0px);
-moz-transform: translate(135px, 0px);
-ms-transform: translate(135px, 0px);
transform: translate(135px, 0px);
.tile.tile-position-3-2 {
-webkit-transform: translate(135px, 67px);
-moz-transform: translate(135px, 67px);
-ms-transform: translate(135px, 67px);
transform: translate(135px, 67px);
.tile.tile-position-3-3 {
-webkit-transform: translate(135px, 135px);
-moz-transform: translate(135px, 135px);
-ms-transform: translate(135px, 135px);
transform: translate(135px, 135px);
.tile.tile-position-3-4 {
-webkit-transform: translate(135px, 202px);
-moz-transform: translate(135px, 202px);
-ms-transform: translate(135px, 202px);
transform: translate(135px, 202px);
.tile.tile-position-4-1 {
-webkit-transform: translate(202px, 0px);
-moz-transform: translate(202px, 0px);
-ms-transform: translate(202px, 0px);
transform: translate(202px, 0px);
.tile.tile-position-4-2 {
-webkit-transform: translate(202px, 67px);
-moz-transform: translate(202px, 67px);
-ms-transform: translate(202px, 67px);
transform: translate(202px, 67px);
.tile.tile-position-4-3 {
-webkit-transform: translate(202px, 135px);
-moz-transform: translate(202px, 135px);
-ms-transform: translate(202px, 135px);
transform: translate(202px, 135px);
.tile.tile-position-4-4 {
-webkit-transform: translate(202px, 202px);
-moz-transform: translate(202px, 202px);
-ms-transform: translate(202px, 202px);
transform: translate(202px, 202px);
.tile .tile-inner {
font-size: 35px;
.game-message p {
font-size: 30px !important;
height: 30px !important;
line-height: 30px !important;
margin-top: 90px !important;
.game-message .lower {
margin-top: 30px !important;
3、 页面逻辑处理
var app = getApp();
var Grid = require('./grid.js');
var Tile = require('./tile.js');
var GameManager = require('./game_manager.js');
var config = {
hidden: false,
// 游戏数据可以通过参数控制
grids: [],
over: false,
win: false,
highscore: 0,
overMsg: '游戏结束'
onLoad: function() {
this.GameManager = new GameManager(4);
this.setData({
grids: this.GameManager.setup(),
highscore: wx.getStorageSync('highscore') || 0
onReady: function() {
var that = this;
// 页面渲染完毕隐藏loading
that.setData({
hidden: true
onShow: function() {
// 页面展示
onHide: function() {
// 页面隐藏
onUnload: function() {
// 页面关闭
// 更新视图数据
updateView: function(data) {
// 游戏结束
if(data.over){
data.overMsg = '游戏结束';
if(data.win){
data.overMsg = '恭喜';
this.setData(data);
// 重新开始
restart: function() {
this.updateView({
grids: this.GameManager.restart(),
over: false,
won: false,
touchStartClienX: 0,
touchStartClientY: 0,
touchEndClientX: 0,
touchEndClientY: 0,
isMultiple: false, // 多手指操作
touchStart: function(events) {
// 多指操作
this.isMultiple = events.touches.length & 1;
if (this.isMultiple) {
var touch = events.touches[0];
this.touchStartClientX = touch.clientX;
this.touchStartClientY = touch.clientY;
touchMove: function(events) {
var touch = events.touches[0];
this.touchEndClientX = touch.clientX;
this.touchEndClientY = touch.clientY;
touchEnd: function(events) {
if (this.isMultiple) {
var dx = this.touchEndClientX - this.touchStartClientX;
var absDx = Math.abs(dx);
var dy = this.touchEndClientY - this.touchStartClientY;
var absDy = Math.abs(dy);
if (Math.max(absDx, absDy) & 10) {
var direction = absDx & absDy ? (dx & 0 ? 1 : 3) : (dy & 0 ? 2 : 0);
var data = this.GameManager.move(direction) || {
grids: this.data.grids,
over: this.data.over,
won: this.data.won,
score: this.data.score
var highscore = wx.getStorageSync('highscore') || 0;
if(data.score & highscore){
wx.setStorageSync('highscore', data.score);
this.updateView({
grids: data.grids,
over: data.over,
won: data.won,
score: data.score,
highscore: Math.max(highscore, data.score)
Page(config);
除此之外，还引用了原Web版2048游戏的一些js文件。
游戏管理 &game_manager.js
格子管理 &grid.js
本地存储管理 &local_storage_manager.js
瓦片管理 &tile.js
三、程序效果图
四、源代码下载
扫描下方二维码并关注公众账号，回复 &1239& 获取
源代码使用方法，请参考 &
阅读(...) 评论()微信好玩的小程序游戏有哪些 微信小程序有哪些好玩的游戏
时间： 15:30:10来源：作者：佚名(0)
想知道微信有哪些好玩的小程序游戏吗？可以来微信小游戏大全看一看，微信小游戏大全这里为感兴趣的用户整理超多微信好玩的小程序游戏，无需下载App即可一键畅玩。随着微信6.6.1的上线，越来越多的微信用户加入了微信小游戏的行列，微信平台的小程序小游戏最大的特色就是不用下载App，想玩什么点进去即可畅玩，非常方便又省空间，小编在这里也集合了超多好玩的小游戏，让你可以一次性了解最全的微信小游戏类目。微信小游戏怎么添加？微信小游戏怎么找？1、打开微信App最新版本，找到【发现】-【小程序】模块；2、在当前小程序页面点击右上角【搜索】图标，即可搜索你想要玩的小游戏程序啦。&3、当然，你还可进入【微信小游戏】进入官方平台畅玩微信官方推出的小游戏。&下面来正式看看有哪些好玩的微信小游戏吧。【休闲类】1、跳一跳游戏介绍：在「跳一跳」游戏中，玩家需要扮演一个「黑色」小人，在不同的跳板方块间进行跳跃。玩家需要「按住」屏幕选定跳跃力度，按住时间越长，小人会跳得越远。而且，每个跳板间的间距并非是固定的。这使得这款游戏成为「看上去简单，精通却很难」的游戏。2、星途WeGoing&游戏介绍：行星与行星之间就好像数学里面的并集，他们之间有一个交点，在小火箭到达交点时一定要手疾眼快的点击一下屏幕，那么小火箭就可安全抵达下一个星球了……左右滑动屏幕控制小飞船在内外圈转换要是不小心让火箭在别的地方变换轨道的话，那小火箭就会挂掉，游戏也就结束了……3、悦动音符&游戏介绍：一款音乐节奏类游戏，玩家在开始游戏后需要跟着音乐的节奏，通过点击屏幕来改变小球的位置，在此过程中还要躲避随时都有可能出现的障碍，这款游戏绝对是节奏控的福音。4、拳皇命运ko不服&游戏介绍：拳皇命运KO不服游戏在开始前需要大家先分享群，玩家随意分享到一个群中就可以，因为游戏中刚出现的头像会是刚刚分享群中的成员。玩家在点击头像时不能点击到格斗家，这样游戏就会结束。（p.s就是个打地鼠游戏）5、保卫萝卜迅玩版游戏介绍：游戏机制和保卫萝卜一样，会出现许多危害萝卜生命值的便便、石头之类的东西，而玩家要做的，就是在这些东西的路途上设置小炮台，让这些能够威胁到萝卜生命值的东西在路上就被打死，一旦积分足够，并且萝卜完好无损，就能进入下一关，并且每关游戏都会有1到3星的游戏等级评比，也就是说，如果这一关通过了，但是评分不满意，那么我们就再来一关，直到分数满意为止，但是注意有体力限制哦。6、挑战智力游戏介绍：你能准确无误的用阿拉伯数字从1写到500吗？这款小程序游戏就是如此一款挑战智力，开发大脑的益智类小程序，规则简单，玩法层出不穷，挑战成功还有娃娃拿。另外还有几款休闲小游戏值得玩家玩玩：全民大乐斗、爱消除乐园、大家来找茬腾讯版、欢乐消消消、欢乐坦克大战。【棋牌类】1、欢乐斗地主游戏介绍：还是很经典的可以开房间也可以快速匹配等玩儿法，先快速匹配，然后进入了初级场，还是熟悉的配方，还是熟悉的味道，然后就开始吧!2、天天德 州&游戏介绍：点击开始游戏即可使用虚拟金币与更多玩家精彩博弈了，而点击创建房间则可以与亲朋好友在轻松愉悦的氛围中玩耍。系统首先会赠送1000金币。天天德 州分为手牌和公共牌，每位玩家发2张作为手牌，七选五组成最大牌型。3、广东麻将游戏介绍：微信小游戏广东麻将和其他电子竞技类小游戏相比在画面设计上区别不大，提示出牌是不错的亮点。4、腾讯中国象棋&游戏介绍：【棋力评测】广大棋友公认的棋力评测系统。【棋友系统】约战、聊天、交友。【棋谱收藏】海量古谱可供下载，如：教你学开局、实用残局、适情雅趣、橘中秘、梅花谱、自出洞来无敌手。另外还有几款微信小游戏也不错：贵州麻将、四川麻将。【答题类】1、头脑王者&游戏介绍：一款由知乎官方推出的答题竞赛类小游戏，在这里用户可随机与平台用户进行答题竞技，也可以发送邀请与好友参加对战，答题类别涉及广泛，如地理、语文、生活、科技等方面都有涉略，答题难易程度也是随机的。2、天才冲冲冲游戏介绍：这款天才冲冲冲和上面的头脑王者答题模式一样，只是题目有些涉及脑筋急转弯，会有点莫名其妙。3、成语猜猜看游戏介绍：根据各种提示的意思，来猜测其意义所对应的成语，达到巩固知识，又能学习新的成语。4、画画猜猜游戏介绍：你画我猜，看谁的脑洞更大？弹幕互动式画画抢答，逗趣间让彼此距离更近，活跃气氛神器。5、挑战答题王游戏介绍：答题拿娃娃啦，在这里你只需要挑战答题，只要答对全部题目就能领娃娃啦，答题就有奖品，真是福利满满。6、猜歌达人游戏介绍：全国人民都在玩的猜歌小程序，听音乐，猜歌名，我是歌手！嘻哈，怀旧，POP，快来跟好友一起猜歌！这一批微信总共推出了17款小游戏。小编总结了一下列在下面：1、微信小游戏――跳一跳微信跳一跳小程序是一款来自腾讯官方打造的小游戏小程序，跳一跳游戏小程序即点即玩，无需下载安装，并且微信跳一跳小程序体验轻便，在跳一跳游戏小程序里用户可以和微信内的好友一起玩，比如PK、围观等，享受小游戏带来的乐趣。
2、微信小游戏――拳皇命运KO不服微信四川麻将小游戏是一款结合四川本地特色提供的麻将游戏小程序，四川麻将小游戏融合多种经典玩法，让用户随时能购找到好友打麻将，每天都有精彩的比赛。早就看好友不爽，来SNK正版授权格斗手游【拳皇命运】，用拳头KO一切不服。
3、微信小游戏――腾讯中国象棋腾讯中国象棋小游戏是来自天天象棋出品的中国象棋对弈平台的小程序，腾讯中国象棋小游戏包含棋力评测、好友对战核心玩法，并且腾讯中国象棋小游戏即点即玩，无需下载安装，当然腾讯中国象棋小游戏还可以和微信内的好友一起PK哦。加入腾讯中国象棋小游戏，好友对弈，感受棋中乐趣。腾讯中国象棋小游戏楚河汉界，共聚微信小游戏，烽烟起。
4、微信小游戏――贵州麻将贵州麻将小程序游戏是一个贵州捉鸡麻将合集，贵州麻将小游戏是贵州人的专属牌友圈，贵州麻将小游戏拥有贵州当地原滋原味的麻将特色和玩法，相信玩过麻将游戏的玩家们都能够轻松上手贵州麻将小游戏。
5、微信小游戏――四川麻将微信四川麻将小游戏是一款结合四川本地特色提供的麻将游戏小程序，四川麻将小游戏融合多种经典玩法，让用户随时能购找到好友打麻将，每天都有精彩的比赛。
6、微信小游戏――广东麻将广东麻将小游戏是一款全新上线的广东麻将微笑小程序小游戏，广东麻将小游戏90秒一局千倍胡牌，并且广东麻将小游戏安全稳定绝无外挂，你爱玩的广东麻将，广东麻将小游戏这都有！广东麻将小游戏是一款极具创新的小程序棋牌小游戏，广东麻将小游戏融合了多种竞技比赛模式，加入角色养成系统，将网络游戏元素与棋牌游戏特点合二为一，带给你全新的体验感和丰富的游戏乐趣。
7、微信小游戏――悦动音符悦动音符小游戏是一款音乐节奏类游戏，微信悦动音符小游戏玩家在开始游戏后需要跟着音乐的节奏，悦动音符小游戏通过点击屏幕来改变小球的位置，在此过程中还要躲避随时都有可能出现的障碍，感觉这悦动音符小游戏绝对是节奏控的福音。另外悦动音符小游戏还有好友排行榜，想知道谁是你朋友圈里的节奏达人，不妨添加这个悦动音符小游戏看看。
8、微信小游戏――全民大乐斗全民大乐斗小游戏是一款回合制挑战小程序游戏，全民大乐斗校友简单易上手，不同的主题有不同的副本关卡非常有趣，并且每天都有丰厚的奖励。
9、微信小游戏――星途WeGoing广东麻将小游戏是一款全新上线的广东麻将微笑小程序小游戏，广东麻将小游戏90秒一局千倍胡牌，并且广东麻将小游戏安全稳定绝无外挂，你爱玩的广东麻将，广东麻将小游戏这都有！广东麻将小游戏是一款极具创新的小程序棋牌小游戏，广东麻将小游戏融合了多种竞技比赛模式，加入角色养成系统，将网络游戏元素与棋牌游戏特点合二为一，带给你全新的体验感和丰富的游戏乐趣。
10、微信小游戏――大家来找茬腾讯版小程序大家来找茬腾讯版是一款微信小程序游戏，为用户带来经典的找茬小游戏玩法，通过两张照片快速寻找不同，还能自己制作关卡让朋友挑战，简单又有趣，引爆朋友圈。找茬小游戏，快速找出两张照片的不同，还可以邀请好友一起玩游戏哦。晒张美照挑战好友，找茬全新设计玩法等你来。
11、微信小游戏――保卫萝卜迅玩版保卫萝卜讯玩版是微信小游戏中的一款塔防类小游戏，保卫萝卜讯玩版主要以极地冒险为主，画面精致，萝卜呆萌可爱，保卫萝卜讯玩版首次上线共有3个主题，50个关卡，紫水晶任务奖杯，丰厚的宝石奖励，更多刺激，闯关关卡为地图的形式，更加简洁明了。
12、微信小游戏――爱消除乐园爱消除乐园小游戏是一款打开即玩的消除类小游戏，爱消除乐园小游戏以换位三连消除为基础玩法，加入了各种可爱“萌宠”形象，创新的闯关玩法更刺激！
13、微信小游戏――欢乐斗地主欢乐斗地主小游戏是一款打开就能和好友斗地主的微信小程序游戏，欢乐斗地主小游戏一秒打开快速匹配开始游戏，玩法多功能全，并且还有微信欢乐斗地主残局玩法等你来参与刺激的挑战。国民经典棋牌游戏轻装蜕变，免下载马上玩！大家众乐乐，好友开放一起斗地主！一人独乐乐，快速匹配，残局闯关任你选！
14、微信小游戏――欢乐消消消微信欢乐消消消小游戏是一款置换式消除游戏，微信欢乐消消消小游戏全新消除体验、多种趣味关卡、宠物与消除的完美结合，加入微信欢乐消消消小游戏让玩法更新颖、体验更爽快。欢乐消消消小游戏是休闲消除小游戏，欢乐消消消小游戏在传统消除游戏玩法的基础上，加入萌宠收集，欢乐消消消小游戏更有百变宠物时装，酷炫来袭，欢乐消消消小游戏创新性的将传统消除游戏与养成融合在一起，打造另类消除手游，相信欢乐消消消小游戏可给你带来不一样的置换消除新体验。
15、微信小游戏――欢乐坦克大战欢乐坦克大战是一款类似于单机游戏坦克大战类似的小游戏。欢乐坦克大战可以邀请你的好友一起玩，玩法和我们小时候玩的坦克大战一样。赶紧和好友一起来玩欢乐坦克大战，找回童年时的记忆！微信最近更新的版本中加入了几款小游戏，其中就有一款叫欢乐坦克大战的，非常好玩，玩家用轮盘控制你的坦克，打爆敌人的老家就能获得胜利，可以邀请微信群里的小伙伴一起来玩。
16、微信小游戏――天天德 州天天德 州小游戏以德 州扑克为主题，结合主流的多种扑克玩法，天天德 州小游戏致力于让玩家享受纯正的扑克休闲游戏，天天德 州小游戏玩法来源于风靡全球的德 州扑克，在沿袭经典玩法的基础上融入了中国元素，加入天天德 州小游戏，用风靡世界的德 州扑克，测试你不为人知的另一面。
17、微信小游戏――纪念碑谷2x给自己的成长语录纪念碑谷2小程序是一款非常神秘的微信游戏小程序。纪念碑谷2X给自己的成长语录是根据经典游戏纪念碑谷2改编而来的小程序，纪念碑谷2小程序无需下载，随时随地想玩就玩！纪念碑谷2x给自己的成长语录，是基于经典解谜游戏《纪念碑谷2》制作而成的小游戏，在这里你将经历一段独特的奇幻唯美之旅！
每一款小游戏都绝对让你玩的过瘾。这一次微信推出的小游戏都是微信开发团队开发的，估计后面就会对所有开放，每个人都可以制作自己的小游戏，想必不久以后，魂斗罗，忍着龟，管道工......这些童年的游戏就会在微信小游戏里面出现了。你们还有什么经典的小游戏想上架吗？