基于WebGL的3D家居设计与展示

基于WebGL的3D家居设计与展示山东财经大学计算机学院命题评审组一、题目背景WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。WebGL完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持;第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。什么是家居设计呢？简单的说，就是家庭居住环境、办公场所、公共空间或者是商业空间的整体家具陈设布局、风格以及饰品设计搭配。随着生活水平的提高，人们对于家居设计个性化需求的提高，越来越多的人们希望能够参与到家居装修设计中。智能家居（英文：smarthome,homeautomation）是以住宅为平台，利用综合布线技术、网络通信技术、安全防范技术、自动控制技术、音视频技术将家居生活有关的设施集成，构建高效的住宅设施与家庭日程事务的管理系统，提升家居安全性、便利性、舒适性、艺术性，并实现环保节能的居住环境。（来自百度百科“智能家居”）二、题目说明本题目的目标就是基于WebGL搭建一个可进行在线设计、操作简单直观的3D家居设计与展示系统（网站），浏览器打开相关网页即可进行家居设计与展示，无需任何插件的支持。面向群体主要是设计师或者普通业主，用户通过浏览器打开网址即可使用该系统体验实时的家居在线交互设计和展示。系统主要功能包括：基本家居设计功能，主要包括：样板间，户型设计与修改，调整陈设布局，添加家具电器模型，修改家具风格、大小尺寸以及材质纹理、添加和修改光源属性等；基本家居展示功能，主要包括：平面布局展示、典型视角照片展示、三维鸟瞰展示和三维漫游展示等；家居设计案例的保存、展示与浏览等。提高功能主要在两方面：一方面是可在未来家居、智能家居方向发挥想象力，因为本题目不涉及具体硬件，可不受硬件的制约，充分发挥想象力、创造力，设想一下未来家居会变成什么样子，智能家居会是怎样的情形，然后做出展示；另一方面是在技术实现方面有新技术或者新突破（比如在虚拟现实VR、增强现实AR或者混合现实MR等方面做尝试和探索）。需要注意的几个问题：1、上述对于系统主要功能的说明主要目的是给予大家启发与引导，不具有强制性，各参赛队可根据自己对家居设计的理解实现和补充相应的功能，作品要有创意，有特色和亮点；2、基于WebGL的开发中，可以使用three.js等WebGL库或者其他引擎，但需要给出技术来源说明，严禁抄袭、剽窃。3、可以参考的实例：一个在线室内家装设计网站，酷家乐/三、提交说明具体提交方式和提交时间，在报名结束后参见大赛官方网站通知。需要提交的具体内容如下：1、将最终展示作品包括源码放在【作品】文件夹，并附设置使用说明；（作品须完整，包含必要的素材，按照设置使用说明可正常运行，如不能正常运行将直接淘汰。）2、将Word2003格式的技术文档、管理文档和系统说明文档（必需软件安装、主要功能使用说明书等）都放到【开发文档】文件夹中。3、将视频演示、作品特色报告（必须包含整体架构、主要部分关键技术实现、特色、技术来源或者借鉴情况）放在【演示】文件夹。四、作品评比1.提交的材料完整、齐全、可读性好。如果所提交的文档不完整，仍可以参加评比，但要适当扣分。2.评比首先要看是否能正常运行，即运行中出现的错误不能导致系统崩溃。如果出现上述情况，可以重新运行，但要根据情况适当扣分。3.在正常运行基础上，以功能评比为主