Lixc

大家好，这里是 CSS 兼 WebGL 魔法使——alphardex。本文就让我们来用kokomi.js的raymarching组件来画一个精灵球吧~ 泼给莫，给托打贼！...

创作不易，猪猪叹气！这边文章写了我一整天的时间，我努力的将整个文章的思想都加上了注释，代码量有点多，但是满满的干活！希望有收获的同学能够轻轻的点一个赞~...

书接上文，Scene.js 模块内的 render 函数会将控制权交给 WebGL，执行 CesiumJS 自己封装的指令对象，画出每一帧来。...

天天做项目会让我们成为一名GIS二次开发老司机，但永远不会成为GIS底层开发的赛车手，他们之间差的是对某些底层专业知识技能的”刻意练习“...

2022 年，写原理类的文显得非常“蠢”，大家都想吃快餐，看效果。法克鸡丝老哥的系列博客思路跳跃很快，单步说明之间的信息量很大，需要消化很长时间才能啃完一篇文章，遂决定另开...

来自 2022 WebGL & WebGPU Meetup 的 幻灯片，文末有资料 1 在能用的地方都用 label 属性 WebGPU 中的每个对象都有 label 属性...

一个==完整==的JavaScript框架，用于构建HTML5，WebGL，WebVR和Web Audio的3D游戏和体验。 PlayCanvas是一个开源游戏引擎。它使用...

前言 上一节通过MeshLine添加了飞线飞点 这一节把整个场景导入到mapbox中。 思路 主要思路就是mapbox的customLayer图层，可以把three的3d场...

「这是我参与2022首次更文挑战的第29天，活动详情查看：2022首次更文挑战」 简介 本节主要使用多个粒子在地图边界，根据时间在不同的位置发光，实现一条发光的线在边界上移...

全局辉光（Bloom），又称泛光。它其实是一种作用于特定区域的外发光效果。 在游戏中，我们经常可以见到外发光的效果。那么从前端视角，怎么分析和实现辉光效果呢？...

什么是渲染管线 如果你之前接触过图形学或者接触过WebGL，你一定多少听说过GPU的渲染管线。在图形学中，我们如何把3D信息转换成屏幕的2D图像，本文会给你建立一个大体的认...

思前想后，还是要讲一下“WebGPU Spec API”和“图形学”、“即时渲染技术”等概念的差异。 我所发布的这一系列博文，均为“WebGPU Spec API”的解读，...

要想使用 WebGL 直通 GPU 的渲染能力，很多同学的第一反应就是使用现成的开源项目，如著名的 Three.js 等。但是，直接套用它们就是唯一的选择了吗？如果想深入 ...

射线拾取 顾名思义，射线拾取就是从相机发射一条无限远的射线，然后判断射线和那些物体相交。如下图 官方案例 下面直接来看Three官方文档的射线拾取代码，这段代码是每帧都会在...

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程...