阳光的哈皮范

课程目标 理解Stencil Buffer 的概念 掌握Stencil Buffer 的用法 1-stencil buffer简介 Stencil的本意是模板，即有镂空图案...

ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务...

大家好，我是双越老师～ 2020 年我从滴滴离职，从北京回到老家二线城市，开始自由职业，至今不觉已经 4 年多了。 本文给大家分享一下我这几年的工作状态，一些想法，以及大家...

之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。...

前序 由于金九银十准备到了。而且自己也有threejs的项目，但是threejs的面试知识点了解的比较少，然后就去学习了一些面试常见知识点，以备不时之需，用于记录的同时也可...

本文从为什么需要WebAssembly、WebAssembly的工作原理、哪些语言可用来创建WebAssembly模块、WebAssembly可以用在哪里 以及 怎么使用 ...

自 2009 年以来，Node.js 一直是人们谈论的话题，大多数后端开发人员都倾向于使用 Node.js。在过去的几年里，它的受欢迎程度有所增加。它被认为是美国最受欢迎的...

本篇文章古柳将讲解对 plane 平面偏移顶点时一些需要注意的地方；重新详细讲解下 smoothstep 平滑函数，以及用 smoothstep 来实现在一定区域范围内才生...

一个成功的项目需要一个合理的架构设计，这个架构设计需要考虑到项目的需求、技术栈、团队规模、团队技术水平、项目规模、项目周期、项目预算等多方面的因素。在这篇文章中，我将分享一...

本节主要介绍 shader 中一些重要的内置函数用法。 length length 函数用于计算向量的长度（模长），例如对于一个二维向量vec2(3,4),可以根据勾股定理...

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。...

大家好，这里是 CSS 魔法使——alphardex。 做好离屏渲染的准备工作后，可以开始本文的重点——着色器了。 Long may the sunshine....

大家好，这里是 CSS 魔法使——alphardex。 本文我们将用three.js来画个炫彩液晶球，一起来创作吧！...

今天为大家带来的是IQ大神（Inigo Quilez）在2013年的Shader作品，BeautyPI的代码讲解。 首先，我们先来看一下最终的效果。 这个Shader会使用...

转场效果在视频编辑工具中最为常见，在两段视频或图像之间增加一个「过渡」的效果，可以让整个过程更佳柔滑自然。常见的转场如渐变过渡、旋转、擦除等（下图为 iMovie 自带转场...

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

ThreeJs 封装了 WebGL 进行渲染时所涉及到的相关概念，如光照，材质，纹理以及相机等。除此之外，其还抽象了场景(Scene)以及用于渲染的渲染器(WebGLRen...

1. Blob 1.1 Blob 创建 array 是一个包含字符串、ArrayBuffer、ArrayBufferView、Blob 等的数组或可迭代对象。多个 Blob...