×

使用WebG设计3D地球系的详细资料说明

消耗积分:4 | 格式:pdf | 大小:2.84 MB | 2020-03-15

发烧友_刚

分享资料个

  浏览器作为人们日常学习生活中常用到的重要信息搜索工具,而且最近几年中,浏览器的功能变得愈发强大,已经成为展现复杂的应用和图形的软件平台。以前的浏览器大部分只支持标准的二维图形,不过现在的浏览器基本已经支持 WebGL。WebGL(Web Graphics Library)是一种 3D 绘图协议,这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL 技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计 3D 网页游戏等等。所以我们不仅可以在浏览器上创建二维应用和图形,而且可以通过 GPU 的功能创建好看并且能够流畅运行的三维应用和三位模型。然而直接使用 WebGL 编程是很复杂的。Three.js 提供一个非常简单的关于 WebGL 特性的 JavaScript API,所以用户不要详细的学习 WebGL,就能在浏览器上创作处好看的三维图形和三维动画。本文主要介绍如何使用 HTML 脚本和 JavaScript 调用 Three.js 库 API 在浏览器上绘制简单的三位动画。制作的三维动画是地球、太阳、月球三者之间的运动关系。动画清晰的描绘出了三者的运动轨迹以及自转和公转,可谓中线学生学习天文知识所用。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

评论(0)
发评论

下载排行榜

全部0条评论

快来发表一下你的评论吧 !