使用纯JS还原小时候游戏厅里的水果机

“

这份小游戏原型代码写于2018年，当时是想基于区块链做一个菠菜小游戏，后来因为种种原因没有做完。今天把这份代码拿出来分享下这类游戏的设计思路。

”

效果预览

动图

在线试玩

开发准备

pixi.min.js

“

一个适用于所有设备的快速轻量级2D库

”

sound.js

“

一个使用WebAudio API用代码创作音效的框架

”

tweenlite.js

“

非常著名和流行的一个补间动画库

”

界面搭建

绘制方形转盘界面

“

这里我使用一个二维数组来配置转盘，可以很方便的更改配置。代码也非常直观。

”

var arr=[
    [13,09,02,01,15,16,11],
    [10,00,00,00,00,00,07],
    [15,00,00,00,00,00,08],
    [17,00,00,00,00,00,18],
    [05,00,00,00,00,00,15],
    [06,00,00,00,00,00,14],
    [11,12,15,03,04,09,13]
   ];
 
 var tsquares=[];
 for(var i=0;i<arr.length;i++){
  for(var j=0;j<arr[i].length;j++){
   var itemKey=parseInt(arr[i][j]);
   var citem={};
   if(itemKey>0){
    citem=cr