基于Web系统的三维太阳系交互系统的设计与实现

新闻来源:竞赛组委会
发布时间:2021年06月25日


1.作品描述

利用web平台制作的三维的可交互系统。主要采用的技术是HTML、CSS、JS三种前端语言,代码框架使用three.js,threejs封装的js图形框架包含基本计算机图形学上需要的所有的实体和非实体内容封装对象。该系统以浏览器作为平台通过三维的形式展示太阳系的行星系统并逐个进行交互和介绍,最终在画面上形成更加的立体,空间感更好,整体浏览效果更加生动地太阳系系统,除此之外,用户更是可以以各个星体作为中心旋转观看整个宇宙。 作品的是太阳系中各行星在宇宙中运行状况的三维动画系统(动态生成模型和相机移动),并且针对每一个行星都会有对应的介绍和基础模型展示,在这个基础上用户还可以根据控制按钮控制整个星系的星球运行。

 

2.创意来源

现代浏览器拥有高兼容性、优秀的三维渲染机制、方便等特点;通过对计算机图形学知识的学习,我希望能在更加方便的平台上展示可交互的三维作品,而且目前关于太阳系的科普知识确实不多,我想有必要在浏览器这个平台上制作一款可以让人感受宇宙,学习相关知识的系统,这个想法等到我真正了解到three.js之后变得愈发强烈;与此同时在现代浏览器的快速发展下,浏览器的功能越来越强,越来越复杂,我们都有机会把更多的作品通过浏览器呈现,这将让用户更加方便的同时也能体验到不差于应用软件的作品。

 

3.运行环境

本作品为网站作品,在windows系统的浏览器(推荐使用谷歌、火狐、edge三种浏览器,因为兼容性比较好)浏览效果。


声明:此文版权归原作者所有,若有来源错误或者侵犯您的合法权益,您可通过邮箱与我们取得联系,我们将及时进行处理。邮箱地址:dmt_competition@vip.163.com
竞赛获奖作品
回到顶部