ITman彪叔的博客

webgl未使用独立显卡报告2

webgl未使用独立显卡报告》发表后，有读者在公众号给我发了一段评论，如下图所示：我通过找电脑测试，发现确实有这个情况，而我之前的文章没有提到这种情况：“在windows下面进行图

chrome

微信

右键

原创点赞0 阅读23 收藏0 评论0 14 天前

WebGL加载本地模型

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

加载

数据

主文件

原创点赞0 阅读44 收藏0 评论0 14 天前

webgl未使用独立显卡报告

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

显卡驱动

电脑配置

应用程序

原创点赞0 阅读67 收藏0 评论0 23 天前

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

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

缓存

加载

数据

原创点赞0 阅读21 收藏0 评论0 2022-03-07

Linux命令对应的英文及整体学习法

linux命令注意一下内容收集与互联网，如果觉得有版权问题，请联系。用Linux命令的时候，如果熟悉对应英文的含义，更有助于理解相应的命令。man: Manual 意思是手册，可以用这个命令查询其他命令的用法。这个命令类似其他语言比如MATLAB中的help命令pwd：Print workin

linux命令

文件系统

公众号

原创点赞0 阅读17 收藏0 评论0 2021-12-28

春节过年见闻录

春节回老家过年，所见所思。随笔记录下一些看法和感悟。 home home 首先，开车的人越来越多。说明最近几年很多在外打工的人赚了钱。另外一个层面，车也变得越来越便宜。农村的公路基本到了每家每户。所以很多人都可以直接把车开到家，非常方便了。相比较而言，农村基本没什么公共交通，不像城市公共交通发达，

微信

支付宝

公众号

原创点赞0 阅读18 收藏0 评论0 2021-12-28

程序员进阶之道（一）

最近一个月都在在大厂华为出差跟进项目，工作一直是996或者997，所以最近一个月没怎么更新文章。周末抽点时间，争取把耽误的，想写的文章尽快补上。我本身做开发很多年，也算是一个资深的程序员。同时工作中也接触了很多的程序员，有优秀的，也有平庸的，接触下来，发现但凡优秀的程序员，都有很多优秀的通用特质。

解决方案

产品经理

职业规划

原创点赞0 阅读10 收藏0 评论0 2021-12-28

年轻程序员如何快速成长

最近公司招聘了一批初级前端工程师，招聘之后就是开始培训和实习指导，培训过程中，思考了一些问题，包括如何更好的培训指导以及管理新人。也思索了新人程序员自己应该如何快速成长。态度是第一位的态度用于是第一位的，不只是新员工，老员工也是如此。不过对于新员工来说，更加重要。没有好的态度的员工，能力再强

解决方案

发邮件

思维方式

mysql

原创点赞0 阅读97 收藏0 评论0 2021-12-28

nodejs的路径问题

最近公司的一个开发项目，后端用的是nodejs。这两天需要打包给客户演示，就让公司一个小伙把之前3D机房的打包工具移植过来。打包之后，发现原本在开发环境下的跑的好好的项目，不能访问了。出现项目的首页不能访问的问题： express.static 问题出在哪儿？nodejs后端的用了express，i

绝对路径

html

静态资源

mysql

原创点赞0 阅读72 收藏0 评论0 2021-12-28

分享两个故事

第一个故事前两天和写文档的小姑娘聊天。她说写文档的效率提高了差不多近一倍。让我感到挺惊喜。在此之前，一个项目负责人和说起最近文档的工作累计的比较多。我比较疑惑，所有的项目都需要文档吗？然后和负责人简单的聊了几句，大概了解了下相关的工作流程。觉得流程上有一定的问题，我就立马叫上了小姑娘过来

搜索

解决方案

字符串

mysql

原创点赞0 阅读37 收藏0 评论0 2021-12-28

JavaScript指定断点操作

什么是断点操作（Breakpoint action）做前端开发的小伙伴，或许对这个断点操作不是很熟悉。不过你要是问其他语言（比如C，C++ ，C #等）的开发者，他们应该都挺熟悉断点操作，这种断点操作在诸如XCode或者Visual Studio的IDE中都会有提供。以下一段话来自知乎断点操作

条件断点

javascript

chrome

mysql

原创点赞0 阅读100 收藏0 评论0 2021-12-28

前端内存泄漏的分析案例

在最近给客户交付的一个项目中，客户反映系统跑一段时间就会奔溃掉。我的第一直觉就是可能发生了内存泄漏。复现bug 为了能够让bug复现，我让开发的小伙，先把模拟系统在本地跑起来。要知道，bug复现是很重要的。bug复现，能够让开发人员直观的感受到bug发生的过程。另外如果bug不能复现，程序员的反应

内存泄漏

html

chrome

mysql

原创点赞0 阅读85 收藏0 评论0 2021-12-28

canvas高效绘制10万图形,你必须知道的高效绘制技巧

最近的一个客户项目中，简化的需求是绘制按照行列绘制很多个圆圈。需求看起来不难，上手就可以做,写两个for循环。原始绘制方法首先定义了很多Circle对象，在遍历循环中调用该对象的draw方法。代码如下：结果绘制出了按照行列排布的很多个圆圈了，如下图所示：原始方法绘制很多圆圈原始方法绘制很多

2d

数组

实线

mysql

原创点赞0 阅读3 收藏0 评论0 2021-12-28

WebGL2系列之实例数组(Instanced Arrays)

实例化数组实例化是一种只调用一次渲染函数却能绘制出很多物体的技术，它节省渲染一个物体时从CPU到GPU的通信时间。实例数组是这样的一个对象，使用它，可以把原来的的uniform变量转换成attribute变量，而且这个attribute变量对应的缓冲区可以被多个对象使用；这样在绘制的时候，可以减少

数据

偏移量

实例化

mysql

原创点赞0 阅读28 收藏0 评论0 2021-12-28

canvas反向裁剪技巧

我们都知道在canvas 可以通过clip来实现剪裁功能，其步骤一般是先设置要裁剪的区域（路径），然后通过ctx.clip()的实现裁剪，裁剪之后，后续的绘制只能在裁剪的区域显示效果，比如如下一段代码，实现了一个圆形裁剪：最终效果如下：裁剪裁剪有的时候，我们希望能够实现反向裁剪，比如上面例子

顺时针

示例代码

职业规划

mysql

原创点赞0 阅读39 收藏0 评论0 2021-12-28

canvas 绘制双线技巧

楔子最近一个项目，需要绘制双线的效果，双线效果表示的是轨道（类似铁轨之类的），如下图所示：负责这块功能开发的小伙，姑且称之为L吧，最开始是通过数学计算的方式来实现这种双线，也就是在原来的路径的基础上，计算出两条路径。但是这个过程的计算算挺复杂，而是最终实现的效果很耗性能，性能损耗估计主要在于路径

渐变色

背景颜色

css

mysql

原创点赞0 阅读29 收藏0 评论0 2021-12-28

如何优雅的构建排序公式

最近的一个项目中的需求要对一堆元素进行排序，排序的依据是元素在页面上面的坐标位置，然后按照顺序给所有元素一个编号。如下图所示：排序并编号排序并编号做这个需求的是一个新入职的小伙，思考摸索了很久，他也没有找到合适的方法。不得不说，部分新入职的小伙的思维能力还是有待提高啊。其实这个问题很简单，就是

排序

权值

数学公式

职业规划

mysql

原创点赞0 阅读21 收藏0 评论0 2021-12-28

JavaScript 转换数字为整数的方法

本文将会列举并说明JavaScript 把一个number（或者numerical的对象）转换成一个整数相关方法。使用parseInt parseInt的语法如下：parseInt(string, radix)参数string的表示要解析的字符串，也可以是一个对象，会自动调用对象的toString

位操作

javascript

字符串

mysql

原创点赞0 阅读8 收藏0 评论0 2021-12-28

给面试者的一点建议

最近是一个找工作的高峰期，所谓金三银四。相信很多人都在找工作的路上，当然肯定是要面试的。由于这些年，我做技术管理工作，也面试了很多人。感觉有一点经验，希望和找工作的朋友们分享。自我介绍一般来说，面试官在拿到应聘者简历之后，都会让应聘者做一个自我介绍。其实大部分时候是因为面试官没有提前看简历，他在

github

搜索

公众号

mysql

原创点赞0 阅读48 收藏0 评论0 2021-12-28

绕圆弧动画的向量解决方式

记得几年前，我的一个同事J需要做一个动画功能，大概的需求是实现球面上一个点到另外一个点的动画。当时他遇到了难度，在研究了一个上午无果的情况下，咨询了我。我就告诉他说，你先尝试一个简化的版本，就是实现圆环上一个点到另外一个点的动画。如下图所示，要实现点A插值渐变到B的动画过程。 image.png i

插值

解决方案

叉乘

原创点赞0 阅读43 收藏0 评论0 2021-12-28

JavaScript展开操作符(Spread operator)介绍

本文介绍JavaScript的展开操作符(Spread operator)...。本文适合ES6初学者。你可以通过展开操作符(Spread operator)...扩展一个数组对象和字符串。展开运算符（spread）是三个点（…）,可以将可迭代对象转为用逗号分隔的参数序列。如同rest参数的逆运算。用于数组以数组为例，首先创建一个数组，const a = [1, 2, 3],

数组

操作符

运算符

原创点赞0 阅读19 收藏0 评论0 2021-12-28

JavaScript 一元正号运算符

本文适合JavaScript初学者。一元正号介绍一元正号运算符(+)位于其操作数前面，计算其操作数的数值，如果操作数不是一个数值，会尝试将其转换成一个数值。尽管一元负号也能转换非数值类型，但是一元正号是转换其他对象到数值的最快方法，也是最推荐的做法，因为它不会对数值执行任何多余操作。转换字符

字符串

数组

操作数

原创点赞0 阅读19 收藏0 评论0 2021-12-28

FireFox下Canvas使用图像合成绘制SVG的Bug

本文适合适合对canvas绘制、图形学、前端可视化感兴趣的读者阅读。楔子所有的事情都会有一个起因。最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴，让他参照实现，第一种算法是操纵像素、第二种使用了

firefox

示例代码

2d

原创点赞0 阅读65 收藏0 评论0 2021-12-28

WebGL 着色器偏导数dFdx和dFdy介绍

本文适合对webgl、计算机图形学、前端可视化感兴趣的读者。偏导数函数（HLSL中的ddx和ddy，GLSL中的dFdx和dFdy）是片元着色器中的一个用于计算任何变量基于屏幕空间坐标的变化率的指令（函数）。在WebGL中，使用的是dFdx和dFdy，还有另外一个函数fwidth = dFdx +

着色器

公众号

子图

原创点赞0 阅读17 收藏0 评论0 2021-12-28

WebGL2系列之多采样渲染缓冲对象

在很久很久以前，盘古开辟了天地，他的头顶着天，脚踩着地，最后他挂了。他的毛发变成了森林，他的血液变成了河流，他的肌肉变成了大地。。。。。。卡！哦，不对，在很久很久以前，你属于我，我拥有你。你还有没有程序员的自我修养啦。不好意思，串戏了，下面进入。。。主题本文适合对webgl、计算机图形学、前端可视

2d

关联对象

离屏渲染

原创点赞0 阅读127 收藏0 评论0 2021-12-28

JavaScript剩余操作符Rest Operator

本文适合JavaScript初学者阅读剩余操作符之前这篇文章JavaScript展开操作符(Spread operator)介绍讲解过展开操作符。剩余操作符和展开操作符的表示方式一样，都是三个点 '…',但是他们的使用场景会不同。剩余参数定义函数的时候，如果函数的参数以… 为前缀，则改参数是剩余参数（rest parameter）。剩余参数表示参数个数不确定的参数列表。在函数被调用时,该形参会成为

操作符

数组

赋值

原创点赞0 阅读44 收藏0 评论0 2021-12-28

WebGL2系列之采样器对象

webgl， webgl2，采样器

webgl

webgl2

采样器

javascript

前端

原创点赞0 阅读30 收藏0 评论0 2021-12-28

高清屏下canvas重置尺寸引发的问题

webgl， webgl2，采样器

webgl

webgl2

采样器

javascript

前端

原创点赞0 阅读9 收藏0 评论0 2021-12-28

去掉图片黑背景输出为透明背景

webgl， webgl2，采样器

webgl

webgl2

采样器

javascript

前端

原创点赞0 阅读103 收藏0 评论0 2021-12-28

OffscreenCanvas-离屏canvas使用说明

OffscreenCanvas 是一个实验中的新特性，主要用于提升 Canvas 2D/3D 绘图的渲染性能和使用体验。OffscreenCanvas 的 API 很简单，但是要真正掌握好如何使用。 OffscreenCanvas和canvas都是渲染图形的对象。不同的是canvas只能在wind

主线程

2d

构造函数

原创点赞0 阅读67 收藏0 评论0 2021-12-28

官方博客	意见反馈	了解我们	全部文章
在线客服	网站地图	热门标签

51CTO博客

mb61c4125d65ac8的博客

webgl未使用独立显卡报告2

WebGL加载本地模型

webgl未使用独立显卡报告

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

Linux命令对应的英文及整体学习法

春节过年见闻录

程序员进阶之道（一）

年轻程序员如何快速成长

nodejs的路径问题

分享两个故事

JavaScript指定断点操作

前端内存泄漏的分析案例

canvas高效绘制10万图形,你必须知道的高效绘制技巧

WebGL2系列之实例数组(Instanced Arrays)

canvas反向裁剪技巧

canvas 绘制双线技巧

如何优雅的构建排序公式

JavaScript 转换数字为整数的方法

给面试者的一点建议

绕圆弧动画的向量解决方式

JavaScript展开操作符(Spread operator)介绍

JavaScript 一元正号运算符

FireFox下Canvas使用图像合成绘制SVG的Bug

WebGL 着色器偏导数dFdx和dFdy介绍

WebGL2系列之多采样渲染缓冲对象

JavaScript剩余操作符Rest Operator

WebGL2系列之采样器对象

高清屏下canvas重置尺寸引发的问题

去掉图片黑背景输出为透明背景

OffscreenCanvas-离屏canvas使用说明