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

所属分类:其他-游戏

魔方插件,魔方游戏(原创) ie兼容10

更新时间:2017/6/21 下午4:02:58

更新说明:

1. 增加了两个参数

     a) cache:true  是否缓存魔方信息,以便下次打开此浏览器继续,默认是

     b) turnBack:fn  每次扭动后的回掉函数,参数为扭动的轴,列,方向 {coor:,num:,dir:}

2. 增加了一个方法

    back()   撤销一步


更新时间:2017/6/2 下午3:15:43

更新说明:解决了非三阶魔方中心不对称问题。更新了展示页面。。不改了,最终版了,如有BUG留言区解决!


更新时间: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老虎机抽奖插件

jquery老虎机抽奖插件
  游戏
 18031  82

jQuery h5老虎机

jQuery h5老虎机demo
  游戏
 13365  28

贪食蛇小游戏

贪食蛇小游戏
  游戏
 4287  14

html5 canvas简易版捕鱼达人游戏源码

html5利用canvas写的一个js版本的捕鱼,有积分统计,鱼可以全方位移动,炮会跟着鼠标移动,第一次打开需要鼠标移出背景图,再移入的时候就可以控制炮的转动,因为是用的mouseover触发的。
  游戏
 10628  53

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

    Alex660 0
    2017/8/15 14:03:20
    Leo 0
    2017/7/26 18:46:12
    下雨天321 0
    2017/7/24 9:49:36
    让我感激你、曾予我欢颜 0
    2017/7/6 10:07:01
    SiriBen 0
    2017/6/18 9:46:02

    这个真心的牛逼了,如果魔方还能3D的转动朝面的方位就更好了,目前是单一的显示一个面,这样几乎是还不了原的

        kmh02280
        2017/6/19 13:22:09
        点住魔方,拖拽鼠标试下。你说的是不是这个意思
        独单あ心事い0
        2017/7/13 9:16:48

        这个是支持3D旋转的  只是你没用鼠标拖拽魔方吧

    回复
    浅如初夏 0
    2017/6/15 16:04:11
    kmh0228 0
    2017/6/3 11:04:48

    点击扭动已添加,最终版了!不再改了。   想把jq币调高点,,不知道怎么调。嘿嘿……

    回复
    90后大叔 0
    2017/6/2 17:55:40
    惊无命 0
    2017/5/31 13:58:34
    kmh0228 0
    2017/5/25 11:53:30

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

        Gentleman0
        2017/5/26 13:45:26

        已经下载了怎么办

        kmh02280
        2017/6/4 16:11:56

        email留下,给你发版

    回复
取消回复