没有合适的资源？快使用搜索试试~ 我知道了~

首页html5 webGl

html5 webGl

webGl

需积分: 13 44 下载量 180 浏览量更新于2023-03-16 评论收藏 3.19MB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

试读

64页

WebGL基础，WebGL中的骑兵Three.js，Three.js的简单实例

资源详情

资源评论

资源推荐

第 1 章开启 Threejs 之旅(一)

内容摘要

1、介绍 WebGL 基础。

2、介绍 WebGL 中的骑兵 Three.js。

3、了解 Three.js 的简单实例。

 1、WebGL 简介

 2、下载本教程源码

 3、What is Three.js

 4、Threejs 能做什么

 5、Threejs 源自何方

 6、剖析源目录结构

 7、配置你的开发环境

 8、第一个例子

1、WebGL 简介

技术在进步，如果半年不学习新技术，那么我就落后了。本教程将带你进

入一个全新的技术世界，它叫做 WebGL。

我非常激动，WebGL 给了我很多灵感。让我去创造一个三维的世界，去

创造一个神奇的网站或者游戏。最为神奇之处是它能够在浏览器上运行。

随着数月的流逝，我们想一想 90 年代的浏览器，它只能显示简单的文字

和图片；大约在 2000 左右，浏览器已经能够显示丰富的多媒体信息了；但是

相对与传统的桌面程序来说，它还是有一些不足，例如，很难写出高质量的三

维程序。

但是现在，有了 WebGL 规范，一切都成为可能。越来越多的浏览器开始

全方位的支持 WebGL 了。使用 Chrome 浏览器打开下面的例子看一看，你就

会知道我要告诉你什么了。（http://aleksandarrodic.com/p/jellysh/）

此例子如此精彩，以至于我们深深的被其吸引。看了这个例子后，你也许

急于想知道这个效果是怎么实现的，别急，在以后的课程中我们会这其原理进

行剖析。

最后，我们用自己的话总结一下，什么是 WebGL。WebGL 是在浏览器中

实现三维效果的一套规范。

使用 WebGL 原生的 API 来写 3D 程序是一件非常痛苦的事情，幸好，有

很多同行花业余时间写了一些 WebGL 开源框架，其中 three.js 就是非常优秀

的一个，它掩盖了很多麻烦的细节，那么，就让我们一起来看看，什么是

three.js 吧

2、下载本教程源码

你可以从 WebGL 中文网的的网盘下载本教程的示例文件，地址是：

http://yunpan.cn/QNYzBDJnf4P6a 访问密码 b658

在示例文件中，包含了本教程的所有示例代码和 3D 模型。在学习每一课

之前，建议你运行一下那一课的代码。

3、What is Three.js

什么是 threejs，很简单，你将它理解成 three + js 就可以了。three 表

示 3D 的意思，js 表示 javascript 的意思。那么合起来，three.js 就是使用

javascript 来写 3D 程序的意思。

Javascript 是运行在网页端的脚本语言，那么毫无疑问 Three.js 也是运行

在浏览器上的。

看到这里，也许你就开始有很多疑问了，那么让我来猜猜你的疑问吧。

疑问

1、javascript 能写高效率的 3D 程序吗？

能。技术在进步，几年前也许这是不行，写 3D 程序，最好是用 c++，这

样才能保证效率，但是现在，世界改变了。javascript 的计算能力因为

google 的 V8 引擎得到了迅猛的增强，做 3D 程序，做服务器都没有问题。如

果你对服务器感兴趣，你可以看看 nodejs，当然，不是现在。现在，你最好保

持热情，将 Three.js 学精深，在以后的工作学习中做出更大的成绩。

2、javascript 不是在浏览器上运行的吗，那怎么能写 3D 程序呢？

是的，不错 javascript 是在浏览器里运行的，但是没有说 3D 程序就不能

在浏览器上运行。

浏览器对 3D 的支持，是一个激动人心的特性，现在，是的，就是现在，

你可以写基于浏览器的 3D 应用了。

提示：好的 3D 应用，在腾讯开放平台上，会有一个不错的收入。腾讯开

发平台是通过广告和访问量来收费的，你可以写一个好的 3D 应用，就能够挣

一些钱了。

4、Threejs 能做什么

一言以蔽之，它能写出在浏览器上流畅运行的 3D 程序。

在美的文字，也比不上图片，所以我们喜欢看美女，而不是美文，嘿嘿。

相信读这篇文章的男性是多于女性的，所以，我不撒谎，美女我也喜欢。

让我们看一些图，来领会一下，Threejs 能做什么？

这些就是 Threejs 能做的事情，我向你保证，完成这些事情，会比 c++用

更少的代码。而且更容易，更酷。在本课程中，我们将由浅入深的讲解这些效

果的实现，这能让你迅速提高开发技能，在职场中处于不败之地。

5、Threejs 源自何方

它源自 github 的一个开源项目，发展相当迅速，现在已经发展到 r58 版

了。(读者阅读时，可能更新)

1、下载

先去下载代码，它的地址是： https://github.com/mrdoob/three.js。

如图所示：

如果你觉得慢，也可以在 WebGL 中文网的网盘下载，地址为：

http://yunpan.cn/Q5QaHhznwJQbM

6、剖析源目录结构

剩余63页未读，继续阅读

ocean00008899

粉丝: 0
资源: 4

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

会员权益专享

html5 webGl

评论0

会员权益专享

最新资源

html5 webGl

评论0

WebGL编程指南中文高清85M版本+源码

WebGL for IE 软件

HTML5 Games Creating Fun with HTML5, CSS3, and WebGL

基于html5的webgl场景漫游源代码,基于HTML5 WebGL技术校园全景漫游系统研究.doc

基于 html5 webgl 的 3d 现代化仓储管理系统

html5 webgl

html 嵌套webgl3d地图

unity-webgl如何在vue3中加载unity的webgl

webgl工作原理流程

html2canvas 无法截webgl

unity中使用webgl

webgl编程指南 pdf csdn

unity webgl中视频发布webgl端的方式有哪些，怎么操作

unity怎么导出webgl

Unity WebGL 创建IIS

webgl video 视频加速

webGl应用场景有哪些

2d webview for webgl

unity webgl m3u8

electron教程 + WEBGL

会员权益专享

最新资源