ITman彪叔 - 博客园

WebGL实践之半透阴影

摘要：楔子相信很多人都知道，通过ShadowMap可以产生阴影，通过渲染阴影可以增加场景渲染的对比度，增加渲染的真实效果。如下图所示：但是对于透明或者半透明的对象，WebGL在处理阴影效果的时候，会把他当成一个不透明的对象来处理，这也渲染的阴影效果就显得很假。比如下面树得阴影效果：真实物理得效果阅读全文

posted @ 2022-07-11 16:21 ITman彪叔阅读(209) 评论(0) 推荐(0)

JS数组at函数(获取最后一个元素的方法)介绍

摘要：本文介绍js中数组的at函数，属于比较简单的知识普及性文章，难度不大。 0x00 首先，我们可以思考如下一个问题，如果要获取一个数组的最后一个元素(这是很常用的操作)，我们应该怎么做？相信大部分人能够想到的代码是这样的： let last = array[ array.length - 1]; 嗯阅读全文

posted @ 2022-06-15 14:28 ITman彪叔阅读(482) 评论(0) 推荐(1)

webgl未使用独立显卡报告2

摘要：楔子在上一篇文章《# [https://juejin.cn/post/7074771064286347301] webgl未使用独立显卡报告》发表后，有读者在公众号给我发了一段评论，如下图所示：我通过找电脑测试，发现确实有这个情况，而我之前的文章没有提到这种情况：“在windows下面进行图阅读全文

posted @ 2022-05-12 13:42 ITman彪叔阅读(107) 评论(0) 推荐(0)

WebGL加载本地模型

摘要：前言大部分的webgl框架，比如threejs和babylon等，都可以加载obj和gltf模型。我们的引擎，基于three封装，同样有加载模型的loader，因此加载obj和gltf模型也是很简单就可以实现的。不过加载文件都是在线的文件，也就是通过url的形式进行加载。团队开发的三维可视化阅读全文

posted @ 2022-05-06 13:55 ITman彪叔阅读(159) 评论(0) 推荐(0)

webgl未使用独立显卡报告

摘要： 0x00 楔子最近客户在使用我们的的三维可视化平台的时候，总是会出现浏览器崩溃，webgl context lost的情况。这种请一般出现在电脑配置很低的电脑上，比如没有独显，只有很小现存的集成显卡的电脑。但是客户的电脑大部分都是配置还不错，有独立的显卡。经过摸索和分析，最终发现了问题所在：阅读全文

posted @ 2022-03-14 10:15 ITman彪叔阅读(771) 评论(0) 推荐(0)

使用IndexedDB缓存给WebGL三维程序加速

摘要：前言使用webgl开发三维应用的时候，经常会发现三维场景加载比较慢，往往需要等待挺长时间，这样用户的体验就很不友好。造成加载慢的原因，主要是三维应用涉及到的资源文件会特别多，这些资源文件主要是模型及其图片，往往这些模型和图片都会比较大。为了加快三维场景的加快速度，可以使用IndexedDB在客阅读全文

posted @ 2022-02-09 15:58 ITman彪叔阅读(697) 评论(0) 推荐(1)

threejs 贴图动画总结

摘要：引言在三维可视化中，会涉及到很多动画，其中贴图动画是其中很重要的一种，本文介绍几种贴图动画的思路，供大家一起探讨。流动动画流动动画通过设置贴图的repeat属性，并不断改变贴图对象的offset让贴图产生流动效果。这种动画不难实现，首先加载贴图，如下所示： let img = new Ima 阅读全文

posted @ 2021-12-17 12:14 ITman彪叔阅读(1297) 评论(0) 推荐(0)

三维引擎导入obj模型不可见总结

摘要：最近有客户试用我们的三维平台，在导入模型的时候，会出现模型全黑和不可见的情况。上一篇文章说了全黑的情况。此文说下不可见的情况。经过测试，发现可能有如下两种情况。导入的模型不在镜头视野内导入的模型不在镜头视野内，所以看不到模型。有可能模型就不在视野内，也有可能模型位置超过了镜头的far参数值。阅读全文

posted @ 2021-12-14 10:25 ITman彪叔阅读(429) 评论(0) 推荐(0)

三维引擎导入obj模型全黑总结

摘要：最近有客户试用我们的三维平台，在导入模型的时候，会出现模型全黑和不可见的情况。本文说下全黑的情况。经过测试，发现可能有如下几种情况。 obj 模型没有法线向量如果obj模型导出的时候没有导出法线向量，会导致模型不能接受光照，从而导出的模型是全黑的。此种情况下，高光反射也没有。解决方案上，一种阅读全文

posted @ 2021-12-09 14:59 ITman彪叔阅读(440) 评论(0) 推荐(0)

使用SVG做模型贴图的思路

摘要：大多数情况下，三维模型使用PNG，JPG作为模型的贴图，当然为了性能优化，有时候也会使用压缩贴图来提高渲染效率和较少GPU压力。今天提供一种新的思路，使用SVG作为模型的贴图，可以达到动态调整图片精度的效果。使用svg作为贴图的思路，有两种。 #直接作为贴图直接使用贴图，其实和png jpeg 阅读全文

posted @ 2021-11-20 14:51 ITman彪叔阅读(259) 评论(0) 推荐(0)