最近丫丫回国掀起一股熊猫热，本人也没闲着，在查资料时候无意间发现 熊猫世界 的3D首页，心一痒痒，就扒了一下数据，刚好有模型，那索性按照熊猫世界的首页复刻一下； 本文没什么高的技术含量，完全觉得这个页

新的一年还没过去，我又开始搞事情了，偶尔一次用到了在线编辑网页代码的网站，顿时想到，能不能自己实现一个呢？（PS：反正也没事干），然后又想着，能不能用在博客上呢，这样有些代码可以直接展现出来，多好

背景 本文分析要点 辅助线生成逻辑 辅助线显示优化 辅助线吸附逻辑 效果展示 一.辅助线生成原理 首先我们要知道，辅助线就是为了方便对齐某个元素而生成的参考线，看上图 通常我们会对一个元素的 左、中、

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等

前言 其实在大部分的项目中都有 直接 或 间接 使用到 SVG 和 Canvas，但是在大多数时候我们只是选择 简单了解 或 直接跳过，这有问题吗？没有问题，毕竟砖还是要搬的！ 话说回来，前端其实还是

之前断更后开始更新D3.js可视化，这回断更归来将更新更精彩的 Three.js Shader！敬请期待！

webgpu还是没有正式发版，但是一个网站却可以正常使用，这引发了一些列的血案。结果就是，快下班了，东西还没写呢。

【阴间交互效果】其中一个脑洞是让用户拉一下拉杆如同抽奖的形式获取到验证码，本期就咱们就还原出这个交互效果看看它到底有多疯狂。

背景 最近QQ音乐推出了个音乐播放的3d效果的功能，体验了下做的挺好的，但是我也发现其适合用来听慢歌，安静，抒情性的歌曲,不能实时反应音频数据的声调,没有感情色彩. 对于我这种喜欢DJ和摇滚且酷爱动感