跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 迫于无聊,写了个魔方.
未分類
14 6 月 2020

迫于无聊,写了个魔方.

迫于无聊,写了个魔方.

資深大佬 : rabbbit 7

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

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

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

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

还可以加点什么功能呢?

预览
Github 地址

迫于无聊,写了个魔方.

大佬有話說 (30)

  • 資深大佬 : 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 次之后,另选一行转一圈就会多出两格白色
    正面中间竖行直接向下转一圈之后 下方横行逆时针转一圈也会出现白格
    怀疑计算公式有问题

  • 資深大佬 : 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

    万向节死锁警告

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具