迫于无聊,写了个魔方.

[rabbbit]

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

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

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

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

还可以加点什么功能呢?

预览
Github 地址

[winmer]

不对 正面顶端横行一转背面就会出现白块
我复原不了了 我要打楼主(滑稽
当然有可能是本来计算六色的公式直接拿来套双色忘了改参数就是了

[linxiaojialin]

666，给 LZ 加个星。有二、四、五阶版本吗？

[8629]

@imdong 绿色少一个正中的

[xcatliu]

实现上帝之数的解法

[rabbbit]

@winmer

上面那个全红的少两个颜色, 下面这样就不会有白的了.

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

其实写的时候根本就没考虑到有人会手动改 URL ...
所以就各种 Bug 了. 😂

[shuax]

加上光追效果

[rabbbit]

@shuax
试了下光追,不太可行,手机带不动.

[rockjike]

你这个配置我试了一下 4s 多, 没有办法减小,
把 ForkTsCheckerWebpackPlugin 去掉能达到 2s,
你的 1s 秒我没遇见过

[rabbbit]

我这偶尔改动少的时候, 速度很快.能到 1s.

[charten]

万向节死锁警告

[DEVN]

牛逼 哈哈

[chenz197]

niub

[gaigechunfeng]

@rockjike webpack 大神

[gaigechunfeng]

楼主写的不错。我还没有用过 three.js ，看来要学习一下了。

[fkue587]

不是国内服务器??加载太慢了.

[rabbbit]

@fkue587 预览也在 Github 上,估计被干扰了吧.

[t298]

不能 360 旋转

[rabbbit]

@t298
可以详细描述下不能旋转的问题吗?
如果是指相机上下方向不能 360 度旋转的话, 这个是相机控制插件的限制.

[fuwu1245]

收藏一波 挺好玩的

[huoxingren]

找到工作了嘛，我有些产品上的想法，不知道你有没有兴趣