基于WEB的3D浏览交互系统(在线看房+智能装修)

该项目是由“第五届中国软件杯大赛”本科组命题,由本人所在团队开发的项目----Web3D在线浏览交互系统(在线看房+智能装修)。由于时间紧迫开发周期短未能取得佳绩,在此分享给大家交流参考。

1 项目介绍

1.1 项目开发说明

这个项目开始于2016年4月,开发和学习周期只有不到一个月的时间。该项目命题为“基于web的3D模型浏览与交互系统”,本团队现学现卖,采用了WEBGL技术,历经种种艰难以及半期考试的折磨,终于顺利提交了作品。

1.2 赛题介绍

第五届“中国软件杯”大学生软件设计大赛赛题

赛题名称: 基于web的3D模型浏览与交互系统

组类( A ): A 本科及以上

赛题简介:介绍整个赛题的思路和整体要求

3D模型文件一般需要通过特定的PC图形设计软件才能打开。这是目前影响3D内容在互联网中呈现与管理的最大卡点。在互联网+、制造业升级等国家政策背景下,能够以统一的接口呈现与管理不同格式3D数据的互联网系统定能在产业升级的浪潮起到关键性的作用。

系统整体要求:支持尽量多功能的基础上做到支持高并发,少延时。

赛题业务场景:描述赛题相关的真实企业业务背景。从真实场景中,适当简化或者提炼出适合比赛的赛题场景
传统的网页只能通过文字、图片、动画来呈现内容,近年来随着联网带宽、计算机图形能力、web技术的提升,在网页中呈现3D内容已成为可能,不久的将来势必会成为趋势。以下两点说明这样的系统在企业升级与信息管理上的作用:
电子商务:终端消费者不再满足于图片与文字形式的产品描述,希望有更逼真的产品展示。想象一下,如果淘宝网上所有的产品都用3D模型来展示是多么酷的一件事。
制造业:设计、生产、销售各个环节都可以通过这样的系统产生与获取产品相关信息,而不需要拿着U盘到处拷贝或印刷产品小册,从而可以减少产品信息的不对称与材料浪费。

功能性需求

基本功能:

1、支持格式:设计适合互联网传输与显示的自定义3D存储格式,支持VRML,STEP等主流3D数据格式导入转换。
2、图元拾取:框选,点选,基于颜色,体积等属性的拾取。
3、外观编辑:着色,材质、纹理等。
4、模型浏览:旋转,移动,缩放,剖切。
5、撤销恢复:编辑与浏览需要具备撤销与恢复能力,撤销与恢复的步数最少需要10步。

基本功能评分分配(65%):
支持格式40%,图元拾取功能10%,外观编辑功能5%,模型浏览功能5%,撤销恢复功能5%。

注:如果参赛队伍不能实现自定义的3D数据格式,可以选用一种标准格式作为系统的主格式,说明选用该格式的理由,但这部分的得分就会不高;如果设计了自定义的3D存储格式,要详细说明设计方案为什么能够符合互联网传输要求与web显示要求。支持的导入格式越多,“支持格式”部分的分数也会越高。

实用互联网功能:

详见该功能评分分配中的描述。

实用互联网功能评分分配(35%):

选手在实现基本功能的基础上,可以增加与互联网相关的实用功能项获取这部分的评分,例如多人在线参与方向:

1、理解模型所需材料(WORD、PPT,视频等)的管理。
2、模型批注。

注:实用互联网功能部分的内容只是建议,参赛队伍可以自由选取其他突出互联网特点的功能实现与其他参赛队伍的差异化。

非功能性需求:

虽然该系统的功能设计侧重于客户端,不过系统是基于互联网传输与显示的,所以服务器的设计必不可少。为了降低题目的难度,我们这里没有对系统的服务器架构进行要求。但参赛队伍需要从模型的存储格式方面优化系统的主格式以支持高并发。如尽量轻量化设计3D模型的格式,让3D模型各部分数据能够云化(如模型的几何数据可能存储在一台服务器,而拓扑数据存储在另一台服务器)。虽然系统的并发性主要取决于服务器架构。这里没有对服务器设计进行要求,但系统最少也要做到局域网内对1M模型数据100个以上的并发读取,延迟不能大于3秒。其他限制条件:开发环境、实验平台、开发语言、数据库、编译器等限制条件(请尽量明确)
1.避免使用浏览器插件技术,尽量使用Html5等前沿技术。
2.测试数据或平台:提供给参赛者的测试环境和测试数据。(可提供电子档)

测试平台:PC

开发所需设备及设备指标需求说明:

开发设备:PC

其他要求:

概要设计说明书、详细设计说明书。
完整可运行系统、源代码和测试数据。

文档要求:

概要设计说明书需要描述软件的设计思路、系统架构、逻辑架构、功能架构、部署结构;详细设计说明书需要描述关键技术、数据结构、系统模块接口、关键业务流程及时序图等

2 项目演示视频

优酷:http://v.youku.com/v_show/id_XMTYwNzQ3Nzg2OA==.html?spm=a2hzp.8244740.0.0

3 项目截图

  • 主界面

主界面

  • 编辑器

编辑器界面

  • Demo展示

demo演示

4 项目开发文档

  • 基于WEB的3D浏览交互系统(概要设计说明书)

  • 基于WEB的3D浏览交互系统(详细设计说明书)

5 源码下载

源码下载

下载地址:

The contents of this review need to be reviewed before reading.


版权声明:本文为原创文章,版权归 Geekerstar 所有。

本文链接:http://www.geekerstar.com/projects/120.html

除了有特殊标注文章外欢迎转载,但请务必标明出处,格式如上,谢谢合作。

Last modification:February 25th, 2018 at 11:46 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

One comment

  1. 1536589748

    顶一下