Show All 16 Three.js 12 WebGL 12 Docker 3 Clash 2 Linux 1 FormData 1 Koa 1
2022

从 0 开始学 docker


FormData上传文件到服务器

上传文件一定是 post 请求 , 这里我们使用 koa 实现一个简易的 post 请求, 并且让获取前端发来的 formdata 数据 并进行一些简易的处理


TCP&&HTTP

一个 TCP 连接可以发多少个 HTTP 请求?


使用 Docker 运行 Clash + UI

本篇文章不会涉及如何安装 docker 和 docker-compose,以及如何获取 Clash 配置文件,以上部分请自行解决


2021

Three.js 之 Galaxy 银河效果生成器

我们学习一下如何使用粒子,本节将开发一个银河生成器,使用粒子效果生成各种各样的银河效果


Three.js 之 Physics 物理引擎

在 WebGL 里使用物理引擎是非常棒的一种体验,人们会非常享受与这些物体产生物理效果,例如重力、弹性、加速度、摩擦力、碰撞等。有很多方式实现物理效果


Three.js 之 Raycaster 光线投射

光线投射可以发射一个特定方向的射线,来检测是否有物体与这个射线相交


Three.js 之 Light 光

我们之前学习了简单的添加光源到场景中。接下来就详细讲讲各种各样的光源、参数以及如何使用


Three.js 之 realistic render 真实渲染

汉堡模型导入到了 Three.js 的场景中了,但是颜色效果很奇怪。为了让它渲染的更真实,我们需要做一些额外的操作,接下来就一起看看吧~


Three.js 之 Particles 粒子效果

听到粒子特效,是不是无比期待?可以用它实现非常多的效果如星空、烟雾、雨、灰尘、火等


Three.js 之 Scroll based animation 基于页面滚动的动画

我们会把 WebGL 部分固定到页面中,随着页面的滚动 WebGL 中也随之相应的产生动画效果


Three.js 之 使用 Blender 设计和导出模型

有很多 3D 建模的软件,比如 Cinema 4D、Maya、3DS Max、Blender、ZBrush 等


Three.js 之 炫酷的 3D Text

学习 3D Text,并做一个炫酷的 3D Text 展示页面


Three.js 之 Import Model 导入模型

如果我们需要更复杂的模型,最好使用 3D 软件建模,然后导入到场景中。本节我们就来学学如何导入一个做好的 3D 模型


Three.js 之 Geometry 几何体

Threejs 中几何体的基类是 `BufferGeometry`,而 BufferGeometry 是面片、线或点几何体的有效表述


Three.js 之 Shadow 投影

几何体的背光面确实是暗的,这被称为 core shadow,我们缺失的是 drop shadow (投影),物体投射到其他物体上的影子