迫于无聊,写了个魔方.

[rabbbit]

找不着工作,闲的无聊找事干.于是拿 Three.js 写了个魔方.

手势部分意外的比想象中难搞,写游戏是真难啊.

支持 PC/移动端,可用鼠标 /手指头操作.
按住空白区域移动可旋转整体.
按住魔方移动可旋转对应的层.

魔方的颜色会同步到 URL 里.如果想分享当前的颜色状态给别人的话, 直接拷贝 URL 即可.

还可以加点什么功能呢?

预览
Github 地址

[Jackeriss]

1. 自动打乱
2. 自动解

[kop1989]

拖动某层的时候有时候魔方那层会出现和预期不匹配的惯性（ pc chrome 浏览器 鼠标操作）。大概描述就是松手后反而会在自己转几圈。

[coderluan]

支持自定义图片? 我感觉除非你贴图换成小黄图, 否则应该没人会想这样玩魔方的.

[Lin0936]

https://aaron-bird.github.io/rubiks-cube/?fd=null
😂

[ashong]

不错， 应该加上 步骤口诀， 以便新手练习 👍

[meisen]

@Lin0936 #4 这个难度刚刚好，楼主的太简单。

[rabbbit]

@kop1989
是不是鼠标移动到视口外面了,可以录个 Gif 复现一下过程吗?

[rabbbit]

@coderluan
这个可以有,把颜色换成随机的贴图.

[di1012]

太难用了

[kop1989]

@rabbbit #7 找到 bug 的触发点了，转 355 度以上必出。

[kop1989]

@rabbbit #7 355 度到 360 度之间，然后松手，魔方会反转

[rabbbit]

@di1012
能说说哪里不好用吗,是操作起来不舒服吗?

[rabbbit]

@kop1989
这种 bug 都能找出来...厉害

[kop1989]

@rabbbit #13 只能说明上班划水划的走心😄

[rabbbit]

@Lin0936
没加判断, 出 bug 变空白魔方了 😂

[imdong]

稍稍改了一下，

https://aaron-bird.github.io/rubiks-cube/?fd=BURDRBLLDLRFLRDLRDBBFBRFDDFRRUURFFDLRLURRURLBDFUBRUBFU

emm 这个 你们绝对会拼，无法复原的来打我...

[imdong]

https://aaron-bird.github.io/rubiks-cube/?fd=RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR 应该是这个

[rabbbit]

@imdong
呃,看来得加个 URL 颜色校验...

[aguesuka]

可以加一个《魔方和数学建模》

[winmer]

那个全红的状态任意一行往一个方向连续转 6 次之后，另选一行转一圈就会多出两格白色
正面中间竖行直接向下转一圈之后 下方横行逆时针转一圈也会出现白格
怀疑计算公式有问题