魔方吧·中文魔方俱乐部

 找回密码
 注册
搜索
热搜: 魔方
查看: 433|回复: 27

Fenz 的第二代在线魔方程序 [复制链接]

红魔

魔方思者

Rank: 4

积分
2868
帖子
1790
精华
5
UID
102191
性别
保密
兴趣爱好
理论
结构
破解

四年元老

发表于 2018-11-2 21:56:33 |显示全部楼层
本帖最后由 Fenz 于 2018-11-13 00:47 编辑

本程序为 Web 程序,可在线玩。地址为:
https://mc.fenzland.com

操作方式:
电脑端:拖动中键(滚轮)旋转视角;滚动滚轮缩放;在面上点击鼠标左键和右键拧动魔方;加上 Ctrl、Shift、Alt 的不同组合,在不同的魔方下,不同的面上,都会有不同的转动效果。
手机端:单指划动为旋转视角;双指划动为缩放;点击魔方面为拧动魔方,每个面的操作与电脑端不同,以便在没有左右键和 Ctrl、Shift、Alt 的情况下实现更多操作。

已支持的魔方:
正四面体 2、3、4、5 阶魔方;
三棱柱 2 阶魔方;
正六面体 2、3、4、5 阶魔方,空心3阶魔方,带面块唯棱魔方,唯棱魔方;
正十二面体 2、3、4 阶魔方,空心3阶五魔,最深切的转面五魔;


小记:

四年前写过一个SVG版的在线魔方程序。受限于当时的设计,每个魔方的每个点的坐标都需要手动计算,所以非常不利于增加更多魔方。后来便也没有再更新。

直到最近,才终于下定决心继续搞起。过去这几年 Web 技术日新月异,我决定重新写一版,以便用上最棒的新技术。
这次,我选择了更加强大的 three.js 作为驱动,使用 WebGL 作为引擎,并且使用了 ES6 的新语法。
为此,放弃兼容任何落后的浏览器。支持的浏览器有:任何平台下的 Google Chrome、Opera,Windows 下的 360、QQ浏览器(最新版本极速模式),IOS12 下的 Safari 等。Android 可使用 Google Chrome,IOS 只要升级到 12 即可。暂不支持的浏览器有:火狐、Edge。

这次,我在原有设计上,改进了定义魔方的方式,使得创建新魔方更加方便,但仍然有优化的空间。我会持续优化,达到基本稳定后会将代码发布至 GitHub。届时会 JS 的朋友可以贡献魔方。我的远期目标是做到可以让任何人都能来构造魔方,当然目前看来还比较遥远。

目前这个程序还处于初期阶段,一直会有更新。我也会持续加入新魔方。

请多多支持

Screenshot_20181102_220514.png


Screenshot_20181102_220557.png


Screenshot_20181102_220624.png


Screenshot_20181102_220645.png


Screenshot_20181102_220700.png


==============================
更新记录

增加背面显示功能
在魔方的后方空间中显示背面的情况,便于观察,也可进行点击操作。

增加配置功能。
可配置坐标轴、魔方背面的显示和隐藏,场景雾的浓度,黑夜模式,显示分辨率(调高可防锯齿,调低可提升性能)。
可配置使用哪个鼠标键旋转视角,可配置魔方转动速度。

增加变形魔方 二阶三棱柱魔方。
此魔方为第一代在线魔方程序所支持的其中一个魔方。为变形魔方,现实中无法实现。在程序中实现也较难,目前仅处理到二阶。三阶及以上还没处理完毕。

正四面体、正六面体、正十二面体更新到 5 阶,所有种类的块都已经出现,这意味着已经可以方便地配出任意高阶。

增加限制魔方 单元魔方
此魔方为所有三阶魔方和百慕大魔方的基本单元。为了实现单元魔方,程序新增了限制转动和组合转动的支持。其中限制转动,是捆绑魔方,Jumble魔方,百慕大魔方等有转动限制的魔方的基础。组合转动,则是实现公式和宏的第一步。

增加 MixUp 以及其原形魔方
立方体的 MixUp 是一个变形魔方,不过我们可以通过切削找到其原形:小斜方截半立方体。这个形状不适用于按面着色,故采用了立方体,正八面体两种不同的着色方式。

增加百慕大魔方
首先是三棱柱,即5轴的百慕大魔方(Emax=4)。这个魔方的原形由奥斯卡先生所制作,也是大烟头设计百慕大三角魔方的灵感来源之一。可以说是百慕大系列的序曲。
然后是楼主所设计的百慕大粽子(Emax=3)系列。由于面少,这个系列组合款式不多。严格地说,可玩的只有一种结构两个款式,即一个百慕大面、一个百慕大面一个移棱面。若增加到两个百慕大面,就已经无法完全打乱,三个百慕大面则直接锁死,无法转动。
已有 2 人评分经验 收起 理由
kexin_xiao + 20 赞一个!
cube_master + 20 很给力!

总评分: 经验 + 40   查看全部评分

Rank: 1

积分
147
帖子
147
精华
0
UID
1348194
性别
保密
居住地
大连市
兴趣爱好
破解
发表于 2018-11-2 22:37:39 |显示全部楼层
想玩,可惜没成功!

使用道具 举报

Rank: 1

积分
182
帖子
179
精华
0
UID
1347737
性别
保密
兴趣爱好
收藏
发表于 2018-11-3 00:23:28 |显示全部楼层
又多了几个魔方,谢谢

使用道具 举报

Rank: 10Rank: 10Rank: 10

积分
19713
帖子
4665
精华
33
UID
3
性别
兴趣爱好
结构
发表于 2018-11-3 01:12:01 |显示全部楼层
pCubes.zip 类似吗?
-,'''╭⌒╮⌒╮.',''',,',.'',,','',.,,'
.╱◥██◣''o┈ 魔方吧 ┄o.'',,',.
︱田︱田田︱ '',,',.o┈ 欢迎您光临 ┄o
╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬

使用道具 举报

Rank: 7Rank: 7Rank: 7

积分
9717
帖子
3032
精华
16
UID
101905
性别
兴趣爱好
收藏

收藏爱好者 八年元老

发表于 2018-11-3 01:45:06 |显示全部楼层
挺不錯的呢! 看起來不是用flash的, 是不是html5? 相對pcubes的鼠標拖動, 我更喜歡用鼠標左鍵和右鍵去動~

使用道具 举报

Rank: 5Rank: 5

积分
3247
帖子
3813
精华
0
UID
12324

魔方破解专家 十年元老

发表于 2018-11-3 07:00:19 |显示全部楼层
还是论坛高手多啊

使用道具 举报

红魔

魔方思者

Rank: 4

积分
2868
帖子
1790
精华
5
UID
102191
性别
保密
兴趣爱好
理论
结构
破解

四年元老

发表于 2018-11-3 10:56:01 |显示全部楼层
otischeng 发表于 2018-11-3 01:45
挺不錯的呢! 看起來不是用flash的, 是不是html5? 相對pcubes的鼠標拖動, 我更喜歡用鼠標左鍵和右鍵去動~

叫 WebGL,不知道算不算 HTML5 的一部分。flash 到 2020 年就得壽終正寢了,所以還是不用的好。

操作習慣,還有配色,有計劃做成可配置的,並且記錄在瀏覽器中,每次打開都記得。目前精力主要集中在加魔方,以及優化加魔方的方式。所以這些輔助功能會晚一點。到時候更新了給你回復。

使用道具 举报

红魔

Crazy

Rank: 4

积分
1938
帖子
2533
精华
2
UID
7888

十年元老

发表于 2018-11-3 11:09:15 来自手机 |显示全部楼层
加油,这是一个大工程。

使用道具 举报

红魔

魔方思者

Rank: 4

积分
2868
帖子
1790
精华
5
UID
102191
性别
保密
兴趣爱好
理论
结构
破解

四年元老

发表于 2018-11-3 11:39:30 |显示全部楼层
cube_master 发表于 2018-11-3 01:12
与 pCubes.zip 类似吗?

还没做到像 pCubes 这么成熟。pCubes 定义魔方的方式,以及操作风格都是值得我借鉴的。谢谢老大分享 pCubes。

不过我的程序也有一开始就超过 pCubes 的地方,就是跨平台。pCubes 只能在 Windows 下运行,而我的程序在 Windows、Linux、Mac OS、Chrome OS、IOS、Android 等操作系统下都是可以运行的。

使用道具 举报

红魔

魔方思者

Rank: 4

积分
2868
帖子
1790
精华
5
UID
102191
性别
保密
兴趣爱好
理论
结构
破解

四年元老

发表于 2018-11-3 11:48:54 |显示全部楼层
vip2018 发表于 2018-11-3 00:23
又多了几个魔方,谢谢

会一直持续更新新的魔方,请多多支持

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|魔方吧·中文魔方俱乐部

GMT+8, 2018-11-13 15:05

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部