Vticn

场景漫游 前言 最近太忙了，断更了一段时间，最近一直忙碌于多个项目组。参与了公司threejs引擎的二次封装，收获颇多，这篇文章主要介绍在3d场景中实现第一人称与第三人称切...

前言 大家好！ 我是热爱图形的fly, 之前在群里和粉丝讨论canvas 如何实现事件系统， 然后呢？ 我自己其实也对这个比较感兴趣， 我看过很多canvas 实现的项目，...

Omni 是一个浏览器插件，它让你能够想使用 Mac 电脑一样使用你的浏览器，最近 Omni 接连登上 Github 趋势榜与 ProductHunt 榜首，成为大受各种程...

大家好我是Fly哥，好久没有用心写文章了，还是勿忘初心，砥砺前行，争取帮助大家入门webgl, 然后呢我自己也深度学习下，不想做three.js 的api 调用者，路漫漫其...

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。...

在本教程中，我将讨论如何使用 2D SDF 操作从原始形状创建更复杂的形状，并将讨论如何绘制更原始的 2D 形状，包括心形和星星。我将帮助您使用2D SDF列表 我们可以新...

在本文中，我想讨论一种更好的绘制 2D 形状的方法，这样我们就可以轻松地将多个形状添加到画布上。我们还将学习如何独立于形状颜色更改背景颜色。 混合功能 在继续之前，让我们看...

在上一篇文章中，我们学习了如何绘制圆并为其设置动画。在本教程中，我们将学习如何绘制正方形并使用旋转矩阵旋转它们。 如何画正方形 绘制正方形与绘制圆形非常相似，只是我们将使用...

上次我们用three.js写了一个下雨的动画，主要是用粒子。这次是用three.js搭建了一个小场景。 项目地址依然是：https://github.com/magicso...

不知不觉来到上海已经两年了。 从初入职场到现在慢慢熟悉社畜的生活。一切都在慢慢变好，但是还是一直在努力...

在我们绘制第一个 2D 形状之前，让我们用 Shadertoy 进行更多练习。创建一个新的着色器并将起始代码替换为以下内容： 由于我们的着色器在所有像素上并行运行，因此我们...

什么是着色器？ 着色器是功能强大的程序，最初用于为 3D 场景中的对象着色。如今，着色器有多种用途。着色器程序通常在计算机的图形处理单元 (GPU) 上运行，它们可以在其中...

「时光不负，创作不停，本文正在参加2021年终总结征文大赛」 简述 17年渣本毕业（依然热爱母校），目前在度小满金融（原百度金融），18年独立出来。可能很多人觉得不算是大厂...

随着前端越来越卷，对前端的要求也越来越高，从视觉效果上不断的迈向3d 一直想学习threejs，迫于没有时间，正好空闲下来一周（记录一下入门threejs） ✨实现一个3d...

大家好，这里是 CSS 魔法使——alphardex。 爆炸，简而言之就是大量的微粒在一定空间内进行不规则的大幅运动而形成的奇观。说到“不规则”，我们首先就能想到一个词——...

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