返回介绍

应用纹理、背面剔除以及一些 WebGL 相关

发布于 2025-02-18 12:46:47 字数 1113 浏览 0 评论 0 收藏 0

下面是本系列的最后一个章节了。我们将看到如何从 Blender 中导出贴图和纹理坐标来使我们的网格应用纹理。如果你已经成功的了解了之前的教程,应用一些纹理对你来说应该是小菜一碟。主要概念依旧是在每个顶点间插补一些数据。在本章的第二部分中,我们将看到如何提高我们的渲染算法性能。为此,我们将使用背面剔除来使得只有我们能看到的部分被绘制。但是更进一步,我们会用最后的秘密武器:GPU。那么你将会明白为什么 OpenGL/WebGL 和 DirectX 这些技术对实时 3D 游戏非常重要。它们有助于利用 GPU 而不是 CPU 来渲染我们的 3D 对象。想要真正的看到差异,我们将在加载一个名为 Babylon.js 的 WebGL 3D 引擎中使用完全相同的模型 JSON 文件。渲染 FPS 将会好的多,尤其是在低端设备!

在本教程的最后,你将可以在自己的 3D 软件渲染引擎中看到这样的渲染效果:

点击运行

进一步深入:我和 David Catuhe 做了一个免费的拥有 8 个单元的课程供你学习基础 3D 知识,比如 WebGL 和 Babylon.js 。第一个模块是包含本系列教程的 40 分钟的视频版本: 介绍 WebGL 3D、Html5 和 Babylon.js 。你将学习到很多关于如何使用 WebGL 制作浏览器中运行的 3D 游戏!一探究竟。它是免费并且充满乐趣的。

纹理映射

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文