魔方插件,魔方游戏(原创)

所属分类:其他-游戏

 1536  22  查看评论 (7)
魔方插件,魔方游戏(原创) ie兼容10

更新时间:2017/5/19 下午5:37:58

更新说明:

1. 新增加了 random(n)方法,随机打乱魔方。n为随机步数。不填默认30

2. 将扭动速度与批量操作的扭动速度分离。避免批量扭动时等待时间太长。默认批量扭动时扭动一次200毫秒。可在建立对象时 在opts里的oneTimeBatch属性填写速度。也可通过调用setOneTimeBatch(n)方法更改。

3. 更新了展示的页面。


魔方游戏说明

1.引入此js;

2.准备一个有id的块标签。假设是id是 box

3.写入 var cube=new Cube('box');

4.你的魔方已经好了。此时只是静态的,可以拖拽方向,但是没法扭动,扭动需要调用此对象上的方法,以下详解。

该插件使用的是面向对象,纯原生插件,使用时需要new出来一个对象

例如 var cube=new Cube(id,opts);

//opts参数:
opts:{
   borderLength:num 魔方边长, 默认240px
   vColor:color,魔方材料颜色 ,默认#999
   colors:[[][][][][][]],魔方各个面的颜色,默认正常魔方的颜色
   order:num 魔方阶乘 ,默认3阶
   mouseSen 拖拽时鼠标灵敏度 , 默认0.5
   oneTime 转动一下时需要的毫秒时间,默认500
}

此对象的方法: (如上建立魔方后,也是静态的魔方,想要扭动他必须调用方法)

常用的一些方法:

  • turn(coor,num,dir,comebackfn);//基础的扭动方法,参数coor:扭动哪个轴方向的魔方,num:扭动这个轴的第几层的魔方,dir:方向,正方向turn 反方向false,combackfn:扭动完成后的回掉函数

  • turn3(t);//仅限于3阶魔方的扭动,t可为 u,u',b,b'……(三阶魔方的指令,'是反方向的意思);

  • turn3s(ts);//仅限于3阶魔方,ts是三阶魔方指令的组合。例如 var ts='uu\'bb\'lr\'f';注意字符串中的'要转义

  • initColor();//初始化魔方最开始的样子。步数同步清零

  • initL();//初始化魔方旋转的角度

  • getFoots();返回当前已经扭的步数

不常用的方法:

  • delColor();//干掉颜色。只剩材料颜色

  • setColor(colors);//自己设定颜色,colors为2维数组

  • setMouseSen(n);//设置鼠标拖拽魔方的灵敏度

  • setOneTime(time);//设置魔方扭动速度- 毫秒时间。

相关插件-游戏

贪吃蛇

jquery贪吃蛇
  游戏
 5689  4

HTML5 Canvas圆盘抽奖应用

HTML5 Canvas圆盘抽奖应用
  游戏
 8819  69

大转盘插件(zepto)

很实用的大转盘插件,配置简单易用,各种回调,方便快捷
  游戏
 9188  66

基于HTML5的单机版游戏坦克大战

基于HTML5的单机版游戏坦克大战
  游戏
 9205  36

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    kmh0228 0
    2017/5/25 11:53:30

    端午过后我会重新更新一版。在魔方上点击扭动的。想下载的朋友可以先不要下载,先关注一下。等我更新之后再下载!!

        Gentleman0
        2017/5/26 13:45:26

        已经下载了怎么办

    回复
    离愁扼喉 0
    2017/5/22 9:49:50
    ①GZX① 0
    2017/5/19 8:57:26

    999999

        kmh02280
        2017/5/19 11:32:24

        thanks

    回复
    yBoy 0
    2017/5/19 6:59:06
    挺6的,但是操作不是很方便
        kmh02280
        2017/5/19 11:31:19

        此按钮是临时写的。插件只生成魔方。可以以任何方式调动魔方的扭动方法。但目前无法拖拽魔方的块 实现扭动。后续有空了我会研究下。。。。谢谢回复

    回复
取消回复