webglzhang

​         看了挺长时间的WebGPU了，会开始记录一些散点的问题。         今天先来讨论一个问题WebGPU的标准设备坐标（Normalized Devi...

WebGPU是最新的Web 3D图形API，浏览器封装了现代图形API（Dx12、Vulkan、Metal)，这才是未来的标准，不像 WebGL2.0 苹果直接不支持，好，...

哈哈，今天群友又问了一个很有意思的问题，问gl.drawElements()如何使用，如何制定绘制的范围，哈哈，很基础的问题，但也难住了很多人，你也可以思考一下如何去实现，...

今天有群友在交流群里问，如何根据gl_FragCoord在片元坐标中计算当前片元的世界坐标，因为能从顶点着色器传递到片元着色器，大家都没有在意这件事情，晚上正好无事也进行了...

记一次给Three.js 提 pr 的经历！！ 哈哈   在 Three.js r110的版本中，mrdoob 添加了InstancedMesh，在一次issue的讨论中，...

​         BIM模型不经过处理，直接加载到Three.js 创建的场景中，很大可能会很使fps帧率下降，原因在于模型的个数太多，有的模型是多材质的话还需要在Thr...

​ 以OpenGL为例，在Type Qualifier (GLSL) - OpenGL Wiki上，可以看到三种插值的方式。 ​  图片截图不是很清楚，就简单说一下这几种吧...

​        分享两个基于Three.js结合寻路算法实现的项目效果；第一个是用Dijkstra实现的，是我大学的毕业设计，熟悉蜂鸟视图产品的同志，可能会感觉很相似哈，...

​       今天，分享的是项目中真实会用到的东西，Three.js GPU Picking，这是什么意思呢，不同于Three.js 的Raycaster，它是利用颜色的...

​        大学期间呢，做过一个人脸检测，基于tracking.js做的，通过CPU计算得出结果，具体的算法就没有深入研究了，只是做个效果玩玩而已，下面看看效果吧，当...

​      这个项目是在大学的时候做的，做了没多久就移交给下届的同学继续做了，那我今天分享一下这个项目，主要是是给纸箱厂做一个3D在线包装设计，增加包装纸厂的客户流量，并...

​    工作中，在涉及对模型一些矩阵变换操作的时候，都会看到这样的代码注释，获取AAA的矩阵，向量BBB applyAAA矩阵，变换到AAA的空间。今天，分享的是对于TH...

​ 今天要分享的是开发中碰到的难题，大场景中的模型需要通过Instance方式进行渲染优化，主要是减少drawcall次数和顶点数量。...

最近在研究Babylon.js这款专业Web3D的游戏引擎，官网的教程很全面，但不免有些遗漏的地方。今天，就讲Babylon.js中相机的投影类型。 Babylon.js中...

​        在WebGL 2.0中，终于把VAO转正了。在WebGL 1.0中，可以通过拓展实现。Babylon.js引擎默认情况下，每次渲染都使用VAO完成。...

​WebGL 2.0 FrameBuffer And RenderBuffer 。在学习WebGL过程中，有一种技术叫渲染到纹理...

卡通风格着色器及描边效果实现（基于WebGL 2.0实现）     在开发过程中，我们并不总是以真实效果作为追求，最近在学习的过程中，看到了一些非真实质感的开发实现。本次带...

​ 视图矩阵推导过程（Demo基于WebGL 2.0实现） 一、概述 首先，我们需要了解些概念： 摄像机坐标系或者摄像机空间：物体经摄像机观察后，进入摄像机空间。 视变化，...

我认为应当对底层的原生API有很深入的认识并掌握3D开发相关的数学知识才能成为一个合格的3D开发人员。...

很多开发者对AR.js摄像头前置的这个问题比较苦恼，网上也有很多解决办法，但是有些过时。接下来，我们来一起解决这个问题。先看...