JustACoder

从2025年孤军奋战到拉起几个人的小团队，前端的创业小团队都能做出哪些有意思的项目，大家一起来看看。...

已经过去的2020是一个不怎么顺遂的一年，出入公共场所都需要体温监测，而人流量密集的商场，一般会采用热成像技术来快速测量体温。那么今天我们就来说说如何让一张普通图片变成具有...

通过将黑白线稿图片绘制到canvas画布上，以获取像素颜色值过滤出黑色部分坐标位置，并用于设置Three.js Shader粒子系统，再结合RGB数值不断减小做出颜色深浅变...

从最基础的单棵草模型开始，逐步构建出一个拥有20000棵草的高性能拟真草地场景。整个过程包括Three.js中几何体、材质、着色器的基本使用，并通过合并几何减少绘制调用、使...

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

demo模拟《我的世界》作为threejs实践，其中的功能（模型、灯光、阴影、后期渲染...）比较基础，基本都是由官方案例延伸而来，用于入门练习还是很合适的，总结的同时希望...

Shadertoy是一个流行的在线平台，用于创建和分享WebGL片段着色器。里面有很多令人惊叹的画面，甚至3D场景。本人也移植了几个ShaderToy上的着色器。本文将详细...

在最后我们将一起实现如下图水面波动的效果，不过阅读完本文，也将了解到这一思路的其他用法： 本篇默认读者本已经能读懂基本的glsl语言，语法不再做过多解释，如果有不理解可以翻...

序言 今天我们不聊干货，来看一些用JS也能实现的轻松有趣的小Demo，首先我们先看实验效果图。 看完这张图后，我直接把代码附上！ HTML代码 CSS代码 JS代码 代码解...

最近在捣鼓 Three.js 相关, 觉得做一个微场景是一个很不错的选择，结果做下来发现效果还可以。 首先你要清楚自己想实现的效果, 就需要一张效果图, 然后才能根据效果图...

three.js艺术火焰shader Three.js 是一个用于创建 3D 图形的 JavaScript 库。它是一款非常强大和灵活的库，可以用于创建各种各样的 3D 图...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

导语：大自然蕴含着各式各样的纹理，小到细胞菌落分布，大到宇宙星球表面。运用图形噪声，我们可以在3d场景中模拟它们，本文就带大家一起走进万能的图形噪声。 图形噪声，是计算机图...

这一节主要讲解视图变换和投影变换。主要围绕是什么、为什么、如何推导，一步步带领小白好好理解矩阵的奥妙！...

现状 目前在一家中等规模B端公司，从基层打杂做到前端组长，受过很多委屈，很多都是自己默默承受了 曾以为工作3年后就会自然而然成为厉害的前端，现在发现并不是。虽然没有停止过学...