写点什么

WebGL

2 人感兴趣 · 59 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/d0/d06945a35668585fab5a595fea425846.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

GLTF 编辑器实现逼真的石门模型

用户头像
3D建模设计
2023-12-29

凹凸贴图(bump mapping)是一种常用的计算机图形技术,用于在表面上模拟微小凹凸的效果。通过增加法线贴图或位移贴图,可以实现给平坦的表面增加实际凹凸感。

https://static001.geekbang.org/infoq/9c/9c4c0d95be61f11b63ac87a8f92d113f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

GLTF 编辑器 - 位移贴图实现破碎的路面

用户头像
3D建模设计
2023-12-29

位移贴图是一种非常实用的技术,可以在不增加模型复杂度的同时,为3D模型增加真实、细致、立体的效果。它不仅可以改善视觉效果,还能提升渲染效率,对于需要高品质细节和低多边形模型的场景非常有用。

https://static001.geekbang.org/infoq/66/660c020ec770718276f93704a6e2dc0c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

GLTF 编辑器实现逼真 3D 动物毛发效果

用户头像
3D建模设计
2023-12-29

要实现逼真的3D动物毛发效果,需要综合运用建模、分布、渲染、着色、光照、优化和后期处理等多种技术和方法。具体应用时,还需根据动物的特征和场景需求进行进一步调整和优化。

https://static001.geekbang.org/infoq/5e/5ea9d5344e7533a8a68f946f6d3b914f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

写实风格 3D 模型材质贴图

用户头像
3D建模设计
2023-12-29

写实3D模型是指使用计算机图形学技术创建的具有高度逼真效果的三维模型。它能够模拟现实世界中物体的外观、材质和动画效果,使观察者产生身临其境的感觉。写实3D模型通常用于电影、游戏、虚拟现实、建筑可视化等领域。

https://static001.geekbang.org/infoq/25/25ed0baa372134d5d3d06cb3440aeccd.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

3D 渲染如何帮助电商促进销售?

用户头像
3D建模设计
2023-12-29

在亚马逊上竞争如此激烈的情况下,保持领先地位对您来说确实具有挑战性。这就是 3D 产品渲染发挥作用的地方。这可能是提高产品转化率的主要原因之一。

https://static001.geekbang.org/infoq/fa/fa0b0ab6941fffb537bc3ff2c054da70.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何使用凹凸贴图和位移贴图制作逼真的模型

用户头像
3D建模设计
2023-12-27

GLTF 编辑器 -NSDT 不仅可以设置3D模型纹理贴图,还可以设置模型的几何原点、以及对有相同材质属性的mesh进行合并,实现模型轻量化,是一款不可多得的实用型在线模型编辑工具。

https://static001.geekbang.org/infoq/a4/a4e49926d289232f3abd7b941aba3a19.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

GLB 模型的热门行业用例

用户头像
3D建模设计
2023-12-27

技术进步通常取决于引入创新产品或方法,从而彻底改变现有市场。3D 设计文件格式就是这种情况,其中 GLB 文件格式已成为关键参与者。这种形式迅速展示了其优越性和效率,成为行业内的新标杆。

https://static001.geekbang.org/infoq/9d/9dd99c56c73509c19e948bbe5b2f5f5e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

3D 换肤在服装行业的应用

用户头像
3D建模设计
2023-12-27

争夺客户注意力的战斗正在进行中,每个品牌都在努力找出最佳策略。在演示文稿中集成 3D 建模服务已成为使复杂数据和想法更易于理解和吸引人的有力工具。在时尚和零售领域,利用服装 3D 模型可以显着增强视觉吸引力和对产品线的理解。

https://static001.geekbang.org/infoq/85/85f006f9078e938bd62f66528f66bdb9.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 WebGL 为 HTML5 游戏创建逼真的地形

用户头像
3D建模设计
2023-09-06

在本文中,我将分享我们应对这些有趣挑战之一的方法:一种创建逼真的大型地形的简单方法。

https://static001.geekbang.org/infoq/2d/2da3e1f078baac5bef13fab7b1b2a084.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

WebGL:基于 web 的交互式 2D/3D 图形引擎

用户头像
3D建模设计
2023-08-30

WebGL(Web图形库)是一个JavaScript应用程序编程接口(API),用于实现交互式Web图形。

https://static001.geekbang.org/infoq/6e/6e7ff148a5f26e403c764fe5d5702af8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

WebGpu VS WebGL

用户头像
3D建模设计
2023-08-29

首先是Web 和 WebGPU 上的图形简史.如果您还没有阅读,请阅读 - 这篇文章在很大程度上是从那篇文章开始的。我将介绍WebGPU在实践中与WebGL的比较,我在Web游戏引擎Construct中添加WebGPU支持时学到的东西,以及它对未来的意义。

https://static001.geekbang.org/infoq/b3/b348e7bd0e37a1c6282839464a13a552.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器

用户头像
3D建模设计
2023-08-25

如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器

https://static001.geekbang.org/infoq/19/19334b20281f6b96290e2c614544ddf5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 three.js 与 WebGL 相比有什么优势?

用户头像
3D建模设计
2023-08-21

简单的说Three.js是WebGL的框架。封装和简化了WebGL的方法。three.js在它的基础上进行了进一步的封装和简化开发开发过程,个人认为类似于jQuery对原生js的关系。下面我们一点一点来了解下。

https://static001.geekbang.org/infoq/26/26047a90cef39fc369d589a1d5774472.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

WebGPU 令人兴奋的 Web 发展

用户头像
devpoint
2023-04-15

WebGPU 在不同行业和应用程序中有许多潜在用例,可以创建在网络浏览器中运行的高性能、跨平台游戏。开发人员可以使用光线追踪和异步计算等现代图形硬件功能来创建与桌面游戏类似的更具沉浸感和逼真的游戏体验。到目前为止,游戏是非常特定于平台的。

https://static001.geekbang.org/infoq/8b/8b7ea4752c91c4d6963feb255f10d5f6.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 前端开发最好用的几个 WebGL 框架

JavaScript是创建Web最有用的编程语言之一,尤其是在WebGL库的支持下。有了WebGL,可以很方便地使用 HTML5 Canvas 元素动态生成图形。因此,设计师和开发人员很容易创建流畅的2D和3D效果。

https://static001.geekbang.org/infoq/dc/dc5bcb9211d8b09ac72106e644654c76.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于 Web 的 6 个完美 3D 图形 WebGL 库

现代前端、游戏和Web开发正是WebGL可以转化为数字杰作的东西。使用GPU绘制在浏览器屏幕上生成的矢量元素,WebGL创建交互式Web图形,从而获得用户体验。视觉元素的质量和复杂性使该工具在HTML或CSS等其他方法中脱颖而出。

https://static001.geekbang.org/infoq/16/166bdb4d0e6fbcc5b349f50f31931808.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

3D 可视化:18 个 WebGL 框架和 Web3D 图形库

WebGL是基于OpenGL的JavaScript API库,允许Web浏览器在浏览器中渲染3D / 2D图形,而无需安装额外的插件、桌面应用程序。WebGL允许通过浏览器使用机器GPU将3D图形渲染成HTML页面。WebGL目前在大多数浏览器(如Google Chrome,Mozilla Firefox和Safari)中都受支

https://static001.geekbang.org/infoq/c0/c0e6e2a31cbe6534fdd60359b92bc1e8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

WebGL 入门之基于 WebGL 的 Sovit3D 可视化平台

WebGL是一种开放的Web标准,用于在任何兼容的浏览器上渲染图形,而无需额外的插件。它能够使用 HTML5 Canvas 元素动态生成图形,使网页设计师和开发人员可以轻松创建流畅的 2D 和 3D 效果。

https://static001.geekbang.org/infoq/85/85b655a61b81d94aa15c02ec589c145a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

干货|为什么说开源基金会的选择很关键?(下)

用户头像
Orillusion
2022-09-02

认知了解基金会的运行规则以及如何选择加入合适的基金会,是企业开源生态发展非常关键一环,对此我们整体做了梳理,会分两期内容分享给大家~

https://static001.geekbang.org/infoq/85/85b655a61b81d94aa15c02ec589c145a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

干货|为什么说开源基金会的选择很关键?(上)

用户头像
Orillusion
2022-08-25

认知了解基金会的运行规则以及如何选择加入合适的基金会,是企业开源生态发展非常关键一环,对此我们整体做了梳理,回粉两期内容分享给大家~

https://static001.geekbang.org/infoq/31/31156e7a9c8bb6a9fd68a7ec42188257.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

元宇宙 - 原来挺简单

用户头像
刘旭东
2022-08-12

最近工作比较忙碌,重新开始了数字孪生项目,很多年前数字孪生作为一个新名词出现在工业互联领域,经过几年的发展,很多二维的展示界面被三维的界面所代替,很多现代化的工作场景也都进行了虚拟的建模。在工业互联网领域,3D的模型已经成为了很多项目追求的方

https://static001.geekbang.org/infoq/b3/b35481e5d42fdf084e1db7266f24fd70.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

开源生态|超实用开源 License 基础知识扫盲帖(下)

用户头像
Orillusion
2022-06-20

选择开源许可证(Open Source License)是非常重要的,来聊一下License的那些事儿

https://static001.geekbang.org/infoq/b3/b35481e5d42fdf084e1db7266f24fd70.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

开源生态|超实用开源 License 基础知识扫盲帖(上)

用户头像
Orillusion
2022-06-06

选择开源许可证(Open Source License)是非常重要的。来聊一下License的那些事儿。

https://static001.geekbang.org/infoq/42/42361f2347d3d51e84ecfeccf15ff39b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

开源生态|打造活力开源社区,共建开源新生态!

用户头像
Orillusion
2022-05-26

先告诉大家一个好消息,我们马上就要开源啦,期待一下哦

WebGL_WebGL技术文章_InfoQ写作社区