程序员秋风的博客

github地址：https://github.com/hua1995116/Fly-Three.js大家好，我是秋风。继上一篇《Three.js系列:   游戏中的第一/三人称视角》今天想要和大家分享的呢，是做一个海洋球池。海洋球大家都见过吧？就是商场里非常受小孩子们青睐的小球，自己看了也想往里蹦跶的那种。就想着做一个海洋球池，然后顺便带大家来学习学习 Three.js 中的物理引擎。那么让我们开始吧，要实现一个海洋球池，那么首先肯定得有“球”吧。因此先带大家来实现一个小球，而恰恰在

大家好，我是秋风，今天要给大家带来的这个工具是我最近写的 一个 npm 工具。mmt 是基于 MacOS + iTerm2 ，目的主要是为了提高日常生活中的效率，接下来我带大家看看一些常用的一些场景。场景1:单项目多仓库不知道你是否遇到过这样的场景，当你的项目是拥有前后端两个仓库，你总是需要记住多个命令或者是多个目录，而且需要开启多个终端窗口。例如我开发「木及简历」的时候，就会有这样的困扰，明明是非常重复的动作，每次开发的时候却要输入 路径 + 启动命令，这些步骤的重复是完全没有必要的。以上

大家好，我是秋风，最近很多开源项目让一个本该纯粹的地方混入了政治色彩。例如 Node 还有 React 这些超明星级的项目。目前来看 React 的issues 已经沦陷了，大家都在反对一个原本纯粹的地方为什么会有了政治？如果说开源项目涉及了政治，那么github 还会远吗，我不得而知。为了避免造成不必要的损失，因此连夜把自己github 上的项目都同步一份到了 gitee，并且写下了这一份指南。因此我也建议大家未雨绸缪，对自己的github账户进行备份，不管一切，不能让我们本应该有的权益受到

大家好，我是秋风，在上一篇 中说到了 Three.js 系列的目标以及宝可梦游戏，那么今天就来通过 Three.js 来谈谈关于游戏中的视角跟随问题。相信我的读者都或多或少玩一些游戏，例如王者荣耀、绝地求生、宝可梦、塞尔达、原神之类的游戏。那么你知道他们分别是什么视角的游戏么？你知道第一人称视角和第三人称视角的差异么？通过代码我们怎么能实现这样的效果呢？如果你对以上问题好奇，并且不能完全回答。那么请跟随着我一起往下看吧。视角讲解首先我们先来看看第一人称视角、第三人称视角的概念。其实对于我们而言 第一人称

在2021年11月20日，Svelte 召开了第四次虚拟会议。而会议中最令我眼前一新的当然是 轮子哥 Rich-Harris 带来的 Svelte Cubed 了。科普：轮子哥 Rich-Harris：Svelte、Rollup 作者这个项目亮眼的地方，并不是因为其他的演讲者不好，也并不是因为轮子哥是 Svelte 作者的原因。而是因为他带来的 Svelte-Cubed 和我目前在公司负责项目的技术栈有非常相似的感觉。在公司由于需要开发一个 新 的 H5 项目，因此我采用了较为激进的 Svel

最近有一个 H5 页面的需求，里面有非常多的视频，由于视频在 H5 中播放缓冲较慢，因此需要在每一个视频前面加上一个封面，从而来避免白屏的情况。主要使用的 ffmpeg 的语法：ffmpeg -i input.mp4 -ss 00:00:00 -frames:v 1 out.jpg;说明：-i input.mp4 截取的视频的名字-ss 00:00:00 这是视频的第一帧-frames:v 1 这代表单独这1帧out.jpg 要保存的截取的封面文件批量转化脚本，存储为 run.sh ，

近日 Notion 的开源替代品 AppFlowy 正式发布了，一经发布，在短短一周就获得了近 8k Star。

接着上面一篇《从Nuxt文档里发现色彩的配搭诀窍》的内容，本文是我继续对 Nuxt/Content 的探索。当我研究它的色彩系统的时候，我还发现它还提供了暗黑模式，这也算是色彩系统的一种吧，毕竟也是和色彩搭配有关。经过一番学习折腾之后发现它的暗黑模式实现非常简单，甚至不需要你对这个模式有多么深刻的理解，只需要设置几个选项就能完成，并且搭配了 tailwindcss 的 color 系统灵活性也非常的好。本文就以 引发作者探索暗黑模式的背景 -> 暗黑模式起源以及重要性 -> tailwindc

前言前段时间在使用 Travis CI 的时候发现它的部署日志包含了很多带色彩的日志。并且我们知道，在使用命令行终端的时候也会出现这些可爱的色彩。当然我不是为了吹它而吹它，它是有实际的作用的，能够帮助我们快速定位问题！对此我就产生了好奇，Travis CI 是怎么把这些彩色日志搬到浏览器的？我猜想肯定不是通过对关键字词特征识别来做的，因为那样太 low 了。进行了查询后，查到了一个终于查到了关键词，它就是 ANSI escape sequences。ANSI转义序列是带内信令的标准

今天偶然看到了 VSCode官方发布了一条激动人心的 twitter，vscode.dev 域名上线了！！！新的域名 vscode.dev 它是一个 web 版的 VSCode 。无论你是在用什么设备，不需要任何依赖，能够让你随时随地在浏览器写代码！！！我们常常在提 Cloud IDE，但是以前的种种似乎都要么只是一个 VSCode 的外壳，要么就是在远端运行了一个镜像来实现。来看看这次它带来一些不一样的地方本地文件查看和编辑插件机制拉取 Github自定义主题本地文件查看和编辑这

其实这个问题最好改成 rollup 打包体积分析，但是为什么我会取这个名字呢？其实这主要是由于我的习惯性引起的，因为太久没用一个东西，如果遇到问题，肯定会去围绕它自身去进行搜索。例如遇到 vite 打包分析相关问题，就会在 google 搜索，vite build analyzer然后就打开第一个 issues。然后才反应过来，哦，怎么把 vite 是用 rollup 打包给忘记了呢。这也许会被有些读者嘲讽，“Vite 用 rollup 打包，这都不会？”，但是对于这部分户读者，我想提个问题，高

最初，chunks（以及内部导入的模块）是通过内部 webpack 图谱中的父子关系关联的。CommonsChunkPlugin 曾被用来避免他们之间的重复依赖，但是不可能再做进一步的优化。——摘自 webpack从 webpack v4 开始，移除了 CommonsChunkPlugin，取而代之的是 optimization.splitChunks。而关于 optimization.splitChunks 中的chunks，webpack 官方文档却没有很好的进行举例解释，只说明了 async.

该系列仅为记录自己的学习相关知识。以 2d 的顶点着色器为例 <script id="vertex-shader-2d" type="notjs"> // an attribute will receive data from a buffer attribute vec4 a_position; // all shaders have a main function void main() { // gl_Position is a special var

前言最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。制作呢，当然也不是拍拍脑袋就开始，在开始之前，就去研究了一下某在线设计网站（如果有人不知道的话，可以说一下，这是一个在线制作海报之类的网站 T T 像我们这种内容创作者用的比较多），毕竟人家已经做了很久了，我只是想做个方便个人使用的。毕竟以上用 PS 做着还是有一些废时间，由于组成的元素都很简单，做一个自动化生成的完全可以。但是研究着研究着，就看到了

前言前端近年来一直在尝试如何提高开发人员的效率，从最初的脚手架工具、组件库、持续集成体系、自动化测试、多端适配到现在的全面的低代码平台、前端智能化、在线 IDE，大家都在为未来的新的且高效率的方式做着努力。前端行业即将要进入到下一个阶段，因为对于如何搭建组件库、脚手架已经有大量的文章/教程，已经快到了人人可以手撕一个组件库的阶段了，并且随着前端开发人员的技术的普遍提高，枯燥机械式地写代码（样式/布局）已经无法满足开发人员日益增长的追逐技术的心了，因此需要智能化布局来解放这些枯燥的工作。落后就要挨打，我

最近因为鸿星尔克给河南捐了5000万物资，真的是看哭了很多的网友，普通一家公司捐款5000万可能不会有这样的共情，但是看了鸿星尔克的背景之后，发现真的是令人心酸。鸿星尔克2020年的营收是28亿，但是利润却是亏损2个亿，甚至连微博的官方账号都舍不得开会员，在这种情况下，还豪气地捐赠5000万，真的是破防了。网友还称鸿星尔克，特别像是老一辈人省吃俭用一分一毛攒起来的存款，小心翼翼存在铁盒里。一听说祖国需要，立马拿出铁盒子，哗~全导给你。让上最贵的鞋，拿出了双 249 的。然后我去鸿星尔克的官网看了看他.

事情是这样的，由于我们项目使用了这个 Yapi 项目，前几天收到了安全组的预警通知，说 Yapi 被爆出了安全漏洞，新注册的用户，可以在你的服务器执行任意代码，删除任意东西，让我紧急修改！！心想这么大个开源项目（21.7k），居然有这么严重的安全漏洞，不应该呀。相信很多小伙伴都用过这款开源软件来用作接口管理工具，但是为了防止有一些小伙伴不知道这个库是干嘛的，我就大概介绍一下。YApi （https://github.com/YMFE/yapi）是高效、易用、功能强大的 api 管理平台，旨在为开发

近日尤大亲自创建了一个仓库用来对 Svelte 和 Vue3 组件进行了评测。这其实对我来说非常的感兴趣，因为我最近在业务项目中采用了 Svelte 进行了开发。那么到底结果到底是如何呢？(期待的眼神，以为尤大要写 Svelte 代码来进行评测了。Vue 大家都很熟悉了，如果你不知道 Svelte 是啥？可以看后起之秀前端框架 Svelte 从入门到原理。大体介绍一下，Svelte 是一个 No Runtime —— 无运行时代码 的框架。下面是Jacek Schae大神的统计，使用市面上主流的

大家好，我是秋风，近日，微信又发布了新功能（更新到微信8.0.6）。最火热的非"炸屎"功能莫属了，各种群里纷纷玩起了炸屎的功能。不知道大家是否经历过那样一个时候，小时候过年也会看到邻家小孩干这种恶趣味，没想到微信给它做成了一个线上版本。这个功能发明，连创造产品的本人也进行了调侃。但是能做一个功能让全民玩的开心，也不枉产品的出现的意义了。之前在微信8.0 更新的时候，我也写过一篇《教你实现微信8.0『炸裂』的礼花表情特效》。之前一篇文章中我是用 canvas 来实现的，上次在文章末有人评论，可以通过