迫于无聊,写了个魔方.

2020 年 6 月 17 日
 rabbbit

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

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

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

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

还可以加点什么功能呢?

预览
Github 地址

8901 次点击
所在节点    分享创造
43 条回复
Jackeriss
2020 年 6 月 17 日
1. 自动打乱
2. 自动解
kop1989
2020 年 6 月 17 日
拖动某层的时候有时候魔方那层会出现和预期不匹配的惯性（ pc chrome 浏览器 鼠标操作）。大概描述就是松手后反而会在自己转几圈。
coderluan
2020 年 6 月 17 日
支持自定义图片? 我感觉除非你贴图换成小黄图, 否则应该没人会想这样玩魔方的.
ezrealinxh
2020 年 6 月 17 日
https://aaron-bird.github.io/rubiks-cube/?fd=null
😂
ashong
2020 年 6 月 17 日
不错， 应该加上 步骤口诀， 以便新手练习 👍
meisen
2020 年 6 月 17 日
@Lin0936 #4 这个难度刚刚好，楼主的太简单。
rabbbit
2020 年 6 月 17 日
@kop1989
是不是鼠标移动到视口外面了,可以录个 Gif 复现一下过程吗?
rabbbit
2020 年 6 月 17 日
@coderluan
这个可以有,把颜色换成随机的贴图.
di1012
2020 年 6 月 17 日
太难用了
kop1989
2020 年 6 月 17 日
@rabbbit #7 找到 bug 的触发点了，转 355 度以上必出。
kop1989
2020 年 6 月 17 日
@rabbbit #7 355 度到 360 度之间，然后松手，魔方会反转
rabbbit
2020 年 6 月 17 日
@di1012
能说说哪里不好用吗,是操作起来不舒服吗?
rabbbit
2020 年 6 月 17 日
@kop1989
这种 bug 都能找出来...厉害
kop1989
2020 年 6 月 17 日
@rabbbit #13 只能说明上班划水划的走心😄
rabbbit
2020 年 6 月 17 日
@Lin0936
没加判断, 出 bug 变空白魔方了 😂
imdong
2020 年 6 月 17 日
稍稍改了一下，

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

emm 这个 你们绝对会拼，无法复原的来打我...
imdong
2020 年 6 月 17 日
https://aaron-bird.github.io/rubiks-cube/?fd=RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR 应该是这个
rabbbit
2020 年 6 月 17 日
@imdong
呃,看来得加个 URL 颜色校验...
aguesuka
2020 年 6 月 17 日
可以加一个《魔方和数学建模》
winmer
2020 年 6 月 18 日
那个全红的状态任意一行往一个方向连续转 6 次之后，另选一行转一圈就会多出两格白色
正面中间竖行直接向下转一圈之后 下方横行逆时针转一圈也会出现白格
怀疑计算公式有问题

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/682382

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX