魔方游戏可自定义多个切换步骤

  • 819
  • 0
  • 0
魔方游戏说明

1.引入此js;

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

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

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

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

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

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

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

常用的一些方法:

  • 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);//设置魔方扭动速度- 毫秒时间。




魔方游戏可自定义多个切换步骤
  • 元气赵老师 刚刚下载了一个素材
  • 百运渡化工 刚刚下载了一个素材
  • 麦克斯韦的银色锤子 刚刚下载了一个素材
  • 韩跑跑 刚刚下载了一个素材
  • ayaaff 刚刚下载了一个素材
  • qq作怪ErO 刚刚下载了一个素材
  • qqMilesNpP 刚刚下载了一个素材
  • qqWatergnn 刚刚下载了一个素材
  • 平安喜樂 刚刚下载了一个素材
  • 哆啦A梦9 刚刚下载了一个素材
  • 通境 刚刚下载了一个素材
  • qq哈喽c6X 刚刚下载了一个素材
  • 伴梦伴醒 刚刚下载了一个素材
  • 墨言555 刚刚下载了一个素材
  • 丰祺 刚刚下载了一个素材
分享者:
分享者头像
小编
热门素材推荐
HTML素材网,HTML5模板,网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题