Chlli

前言 1. 简介 GLSL是OpenGL着色器语言的简称，它是一种面向图形处理器编程的语言，主要用于编写着色器程序。着色器程序是一种运行在图形处理器上的程序，用于控制渲染流...

前言： 常见的模型格式有obj、3mf、dae、fbx、gltf等，可以根据纯字符编码还是JSON数据编码分为两大类：以obj、gltf为代表。 详解： gltf格式旨在统...

> 填坑 国庆节快乐！！！！！！！！！！！又来给自己挖坑啦！> 国庆节快乐！！！！！！！！！！！又来给自己挖坑啦！...

>《WebGL编程指南》阅读笔记是一个系列，其他文章请参考我的专栏WebGL+ 上一章我们对WebGL基础相关的知识作了一个简单的阐述以及画了点 + 这章我们一起来绘制一个...

版本一（不推荐）： 实现效果图如下： 版本二（CSS2DRenderer）： 版本三（CSS3DRenderer）：...

知识点一：清空绘图区 知识点二：绘制一个点 着色器Shader相关知识请参考我的这篇文章WebGL之ThreeJS的shader整理 - 掘金 (juejin.cn) GL...

>三维坐标转换过程参考了自己整理的笔记、《WebGL编程指南》、和Game101的课程。。。。。。。...

有什么优点： 一、对比WebGL 1、封装了Native 3D渲染引擎（Dx12、Vulkan、Metal），不再依靠浏览器的内核，为 Web释放了更多的GPU 硬件的功能...

> SIGGRAPH是计算机图形学这个领域最具影响力的顶会，代表了这个领域最前沿的探索与研究，这篇文章记录了阅读相关文献的一些笔记和自己的一些总结，内容不限与webGL等相...

>这篇文章主要介绍在三维场景中实现以第一人称漫游模型以及碰撞检测并实现键鼠控制与交互的方案。>这篇文章主要介绍在三维场景中实现以第一人称漫游模型以及碰撞检测并实现键鼠控制与...

坑：ThreeJS使用tween.js后，导致camera的lookAt和control的target失效 解决方法： 在使用tween的时候暂停control的使用...

scene camera render control light scene camera render control light...

1、模型复制 当需要一个模型多次，我们可以选择不加载(load)多次，可以选择加载一次进行复制，从而极大的提高性能。 2、生成一个高亮环境 这个类似与HDR效果，three...

模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩模型压缩...

1、智慧楼宇楼层分层+HDR效果 demo: 应用： 这篇文章会不定期更新项目中的新功能,这篇文章会不定期更新项目中的新功能...