three.js项目:高维几何体的可视化
SdtEE2021/02/15原创 软件综合 IP:安徽
中文摘要
高维几何图形的理解和诠释一直是一件难事,缺乏有效的工具和方法。此项目试图通过采用投影法实现的可视化来探索高维几何体的特点。
Abstract
The comprehension and interpretation of high-dimensional geometries are always a tough process and lack the effective tools and methods. This project attempts to explore the characteristics of the high-dimensional geometries via employing a visual method implemented via projection.
关键词
高维几何JavaScriptWebthree.js
High-dimensionalJavaScriptWebthree.js

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX/Visualization-of-Hyper-Geometries/src/XXXXXXXXml#?Demo2

这是一年多以前楼主作为线性代数课程设计的项目,不过当时没有写创建几何体的界面,全靠在console里手动传参给构造函数然后new出来。结课之后一直觉得这个项目就这样凉掉有点可惜了,这两天抽空写了个更具操作性的UI,发出来展示一下。值得一提的是,写完新的UI的switch、toggle等交互之后,我发现js源码并没有新增一行,这个新UI的导航和切换效果几乎是靠纯粹的HTML+CSS实现的,除了一行内联的事件绑定。后续会更新可视化的方法(高维向平面投影)以及生成高维几何体(目前其实只有任意维超立方体是生成的)的算法。

提示1:本项目大量使用CSS3、H5、ES6特性,请使用一个不太上古的浏览器打开。

提示2:本项目是prove of concept性质的,几乎没有做任何性能优化的考量(实际上由于几乎全部的循环都是用声明式语法写的,所以相对命令式的语法可以说是逆优化了)。实测在楼主8300H的笔记本上,播放5维超立方体旋转动画+拖动视角时平均帧率在20-30FPS,所以不要尝试在移动设备上体验本项目。

5Hycb1.png

在两个平面上旋转的5维超立方体,中心投影

4Hycb1.png

静态的4维超立方体,中心投影

Simp1.png

在一个平面上旋转的4维棱锥,平行投影

Vec1.png

矢量场的可视化,目前暂不支持在UI中自定义创建。

来自:计算机科学 / 软件综合
4
4
已屏蔽 原因:{{ notice.reason }}已屏蔽
{{notice.noticeContent}}
~~空空如也
SdtEE 作者
3年9个月前 IP:安徽
890918

UI介绍:

好像没啥好介绍的,我感觉我写的界面应该还挺符合直觉的(

UI1.png

鼠标移动到…按钮上弹出操作选项,由左至右分别是:

显示/隐藏网格,旋转/固定摄像机,旋转/固定几何体,清屏

UI2.png

点击+按钮创建新几何体,目前总共可以创建三种:任意维超立方体,四维棱锥,二阶张量;以及可以选择8种预设的Demo进行展示。

引用
评论
1
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论
SdtEE作者
3年9个月前 IP:安徽
890919

目前实现的UI功能有限,更多接口可以在项目的Wiki里看到(然而Wiki也是一年多以前写的,有很多缺失的地方。以后可能会更新吧,咕咕咕)。之后也许会添加自定义创建高维平面的功能。

XXXXXXXXXXXXXXXXXX/SdtElectronics/Visualization-of-Hyper-Geometries

引用
评论
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论
信仰は儚き人間の為に
3年9个月前 IP:广东
891014

这个好玩

引用
评论
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论
UICalc
3年9个月前 IP:浙江
891045

手机稳定60fps啊

引用
评论(1)
加载评论中,请稍候...
200字以内,仅用于支线交流,主线讨论请采用回复功能。
折叠评论

想参与大家的讨论?现在就 登录 或者 注册

所属专业
所属分类
上级专业
同级专业
SdtEE
进士 机友 笔友
文章
12
回复
129
学术分
0
2014/05/11注册,2个月3天前活动

XXXXXXXXXXXXXXXXXXXXXXXX

主体类型:个人
所属领域:无
认证方式:手机号
IP归属地:未同步
文件下载
加载中...
{{errorInfo}}
{{downloadWarning}}
你在 {{downloadTime}} 下载过当前文件。
文件名称:{{resource.defaultFile.name}}
下载次数:{{resource.hits}}
上传用户:{{uploader.username}}
所需积分:{{costScores}},{{holdScores}}下载当前附件免费{{description}}
积分不足,去充值
文件已丢失

当前账号的附件下载数量限制如下:
时段 个数
{{f.startingTime}}点 - {{f.endTime}}点 {{f.fileCount}}
视频暂不能访问,请登录试试
仅供内部学术交流或培训使用,请先保存到本地。本内容不代表科创观点,未经原作者同意,请勿转载。
音频暂不能访问,请登录试试
支持的图片格式:jpg, jpeg, png
插入公式
评论控制
加载中...
文号:{{pid}}
投诉或举报
加载中...
{{tip}}
请选择违规类型:
{{reason.type}}

空空如也

加载中...
详情
详情
推送到专栏从专栏移除
设为匿名取消匿名
查看作者
回复
只看作者
加入收藏取消收藏
收藏
取消收藏
折叠回复
置顶取消置顶
评学术分
鼓励
设为精选取消精选
管理提醒
编辑
通过审核
评论控制
退修或删除
历史版本
违规记录
投诉或举报
加入黑名单移除黑名单
查看IP
{{format('YYYY/MM/DD HH:mm:ss', toc)}}