神小夜-CSDN博客

原创腾讯游戏开发精粹Ⅱ——捏脸系统（阅读笔记）

一：捏脸系统二：基于照片的角色捏脸流程1. 基于关键点的人脸表示方法。2. 人脸关键点检测。3. 人脸关键点风格化调整。4. 基于关键点的网格变形。5. 骨骼参数估计。6. 图像特征提取。

2023-03-09 02:23:55 1484 1

原创 GAMES101学习笔记——光栅化

一：什么是光栅化二：光栅化最重要的点三：什么是采样四：光栅化后的问题五：反走样/抗锯齿

2023-03-05 02:53:12 925

原创 Canvas获取文本点位动态拼字特效

在一些C端的活动中，我们可能会需要实现一个动态拼字的效果...上面的实现方法并不局限于获取文本点位信息，只要是画在canvas上的东西都是同理的。比如logo，头像等等。

2023-03-02 01:01:55 576

原创 Unity动画转Three.js动画

在工作中，由于算法给到的动画文件是Unity的.anim格式动画文件，这个格式不能直接在Web端用Three.js引擎运行。因此需要将.anim格式的动画文件转换为Three.js的AnimationClip动画对象。

2023-02-26 19:19:00 898

原创 BabylonJS之放烟花

用BabylonJS实现的放烟花功能

2023-02-23 18:17:38 451

原创 3D游戏开发所需的数学基础——矩阵

矩阵是3D数学中十分重要的基础！掌握它是重中之重！一：矩阵的定义二：矩阵运算三：特殊的矩阵四：使用行矩阵还是列矩阵

2022-10-29 13:47:36 1289

原创 3D游戏开发所需的数学基础——点和矢量

点是N维空间（游戏中主要是二维和三维空间）中的一个位置，它没有大小，宽度这类概念。矢量是指N维空间中一种包含了模（magnitude）和方向（direction）的有向线段。矢量的点积可以用来计算投影。矢量的叉积可以用来计算垂直一个平面的矢量，判断三角面片的朝向等。

2022-10-23 01:16:28 1731

原创 3D游戏开发所需的数学基础——笛卡尔坐标系

很多人会觉得图形学中的数学复杂难懂。的确，一些数学模型在初学者看来晦涩难懂。但很多情况下，我们需要打交道的只是一些基础的数学运算。在游戏制作中，我们使用数学绝大多数是用于计算位置，距离和角度等信息。而这些计算都是在笛卡尔坐标系下进行的。

2022-10-20 04:20:53 2804

原创前端音频处理之AudioMass调研

AudioMass 是一个免费开源的在线音频编辑应用，支持录制或使用现有的音频曲目，并通过修剪、切割、粘贴或应用大量效果来修改它们，从压缩和段落均衡器到混响、延迟和失真 fx，易用高效，能满足大部分的非专业人士的音频编辑需求。

2022-08-23 01:21:19 2130 2

原创 Three.js使用技巧

Three.js使用技巧，性能优化

2022-08-23 00:19:56 1131 1

一：字符串操作之常用方法ToUpper()将字符转换成大写形式，仅对字母有效。返回值是转换后的字符串。使用：字符串变量.方法名(); 例如：name.ToUpper();ToLower()将字符转换成小写形式，仅对字母有效。返回值是转换后的字符串。使用：字符串变量.方法名(); 例如：name.ToUpper();Equals()比较两个字符串是否相同。相同返回真，不相同返回假。使用：字符串变量.方法名(要比较的字符串变量); 例如：name.Equals(name2);Split

2021-12-25 02:16:07 1098

原创 C# 语法基础

一：基本数据类型int整数类型,只能存储整数,不能存储小数。取值范围：-2,147,483,648 到 2,147,483,647float单精度小数类型, 既能存储整数,又能存储小数,值后面需要加上一个 f。取值范围：小数点后面的位数是 7 位;double双精度小数类型,既能存储整数,又能存储小数。取值范围：小数点后面的位数是 15~16 位;bool用来描述对或错,bool 类型的值只有两个：true false。string字符串类型,用来存储文本,也可以存储空,字符串类

2021-12-24 23:17:53 1279

原创 Unity笔记一

变换组件移动物体gameObject.getComponent<T>() : 获取相应组件的引用，查找当前游戏物体上的某个组件，保存它的引用。Transform.Translate(Vector3, Space): 移动物体的位置。游戏物体往某个方向移动；以自身坐标系或世界坐标系。Vector3[struct]：三维向量。向量，可以表示一个方向，也可以表示一个位置。Space[enum]：空间。Space.Self：表示物体自身的坐标系。Space.World：表示物体所在的

2021-12-13 00:58:12 156

原创 Adobe-CEP使用教程

一：Adobe-CEP介绍一个 CEP 插件实际上是一个显示在宿主程序面板窗口中的网页。通过 CEP 提供的接口与宿主程序进行交互。宿主程序（Photoshop, Illustrator, InDesign, After Effects等等）有很多内置功能，和一个被称为 ExtendScript 的脚本引擎，通过 ExtendScript 脚本引擎能够调用宿主程序的各种内置功能，比如创建一个图层、设置背景颜色等等。注意： CEP 和 ExtendScript都使用JavaScript，但是它们分

2021-06-29 23:52:32 3008 3

原创 ffmpeg命令笔记

一： ffmpeg 目录及作用libavcodec：提供了一系列编码器的实现libavformat：实现在流协议，容器格式及其IO访问libavutil：包括了hash器，解码器和各种工具函数libavfilter：提供了各种音视频过滤器libavdevice：提供了访问捕获设备和回放设备的接口libswresample：实现了混音和重采样libswscale：实现了色彩转换和缩放功能二： ffmpeg基本概念音/视频流在音视频领域，我们把一路音/视频成为一路流。如我们小时候经常

2021-05-06 17:04:48 278

原创音视频技术入门二

音频处理流程

2021-04-07 01:59:51 374 2

原创音视频技术入门一

音视频的应用互动直播系统娱乐直播系统音视频特效音视频编辑音视频常用工具ffmpegFFmpeg是一个开源免费跨平台的视频和音频流方案。ffplayffplay是ffmpeg源码中提供的一个播放器实现例子。很多成熟播放器是基于ffplay修改而来的，如果想基于ffmpeg实现自己的播放器，或者维护一个基于ffmpeg的播放器，ffplay都是一个很好的切入点。vlcvlc是一种开源播放器，其中内部调用了ffmpeg部分实现。vlc还有一个非常好的功能——播放那些没有下载完整的视

2021-04-06 02:59:18 282

原创 JavaScript设计模式概要

创建型模式创建型模式关注如何创建对象，主要特点是将对象的创建和使用分离。单例模式：保证一个类只有一个实例，并提供一个访问它的全局访问点；工厂模式：根据输入的不同，返回不同类的实例，一般用来创建同一类对象；抽象工厂模式：通过对类的工厂抽象，使其业务用于对产品类簇的创建；建造者模式：分步构建一个复杂对象，使得同样的构建过程可以采用不同的表示；结构型模式结构型模式关注如何将对象按某种...

2021-04-04 17:57:59 70

原创 Vue组件传参方式总结

props传参子组件定义的props有三种传参方式：// 第一种：数组方式props: [xxx, xxx, xxx]// 第二种：对象方式props: {xxx: Number, xxx: String}// 第三种：对象嵌套对象方式props: { xxx: { type: Number, // 类型不匹配会警告 default: 0, // 默认值 required: true, // 声明该参数是否必须传入 // 自定义校验规则 validato

2021-04-04 17:49:33 1376

原创微前端入门一

微前端架构模式基座模式（管理式）通过一个应用来管理其他应用。（设计难度小，方便实践，通用度低）自组织式应用之间是平等的，不存在相互管理的模式。（设计难度大，不方便实施，通用度高）前端微架构与后端微架构的不同之处在于生命周期。微前端应用作为一个客户端应用，每个应用都拥有自己的生命周期：LoadbootstrapMountUnloadUnmount拆分应用的技术方式：路由分发式：通过HTTP服务器的反向代理功能，来将请求路由到对应的应用上（一个页面只有唯一一个应用）前端微服务

2021-04-04 17:43:11 109

原创设计模式综合应用——jQuery模拟购物车

总结所用到的设计模式：工厂模式：$('xxx), 创建商品单例模式：购物车装饰器模式：打点统计观察者模式：网页事件，Promise状态模式：添加到购物车 & 从购物车删除模版方法模式：渲染统一的方法，内部包含了各模块的渲染代理模式：打折商品信息处理UML类图...

2021-04-04 17:31:12 132

原创 vue3 VS vue2的踩坑记录

vue3中 filters过滤器不再被支持，使用方法调用或计算属性来替换。vue3强制事件名称格式为："kebab-case"。vue3禁止使用destroyed和beforeDestroy 生命周期钩子。使用beforeUnmount替换。现在VUE CLI 默认支持vue3, 不需要安装vue-cli-plugin-vue-next插件新的全局API： createApp ； use全局API在Vue3中不可再使用；// 新写法如下：const app = createApp(MyApp).

2021-04-04 17:28:20 591 2

原创 CSS提高页面渲染速度

1. Content-visibility内容可见性，跳过屏幕外部内容的渲染content-visibility: auto;注意：此功能处于试验阶段。与滚动条相关的问题，会以一种非预期的方式进行。2. Will-change通过该属性，浏览器会为元素创建一个单独的层，它将该元素的渲染与其他优化一起委托给GPU。这将使动画更加流畅。示例：// In stylesheet.animating-element { will-change: opacity;}// In HTML

2021-04-04 17:26:07 144

原创 puppeteer使用记录

1. 页面等待page.waitFor 页面等待，可以是时间、某个元素、某个函数自定义函数const timeout = function (delay: number) { return new Promise((resolve, reject) => { setTimeout(() => { try { resolve(1); } catch (e) { reject(e); } }, delay)

2021-04-04 17:20:23 612

原创 React文档笔记2-高级指引

目录无障碍辅助功能代码分割元素渲染1. 无障碍辅助功能2. 代码分割3. Context

2021-03-19 00:41:29 174

原创 Pixi.js文档笔记-起步

目录安装创建Pixi应用和stage(舞台)1. 安装要使用Pixi，您还需要在根项目目录中运行Web服务。最便利的方法是使用node.js，然后安装http-server<!doctype html><html> <head> <meta charset="utf-8"> <title>Hello World</title> </head> // p

2021-03-11 03:33:39 1325

原创 React文档笔记1-核心概念

目录react使用方式JSX元素渲染组件 & PropsState & 生命周期事件处理条件渲染1. react使用方式不使用构建工具，直接在现有页面上使用react组件    <script src="https

2021-03-10 21:51:41 176

原创 React学习笔记1

React JS 网页应用React Native 原生应用React VR VR应用全景视图React Fiber: react16以后的版本，对底层的核心算法进行了改良，引入了优先级，分片等概念。使得react的代码运行更加流畅，尤其是处理一些复杂动画的时候。...

2021-03-10 02:10:40 406

原创前端面试笔记

2021-02-26 02:14:32 223

原创鉴权+算法/加密+HTTPS

核心概念（鉴权方式，加密/解密，HTTPS）JWT工作原理Node.js集成JWT鉴权方式：JWT优点：易扩展，支持移动设备，跨应用调用，安全，承载信息丰富缺点：刷新与过期处理，Payload（有效载荷）不易过大，中间人攻击session/cookie优点：较易扩展，简单缺点：安全性低，性能低，服务器存储，多服务器同步session困难（需要借助redis等服务），跨平台困难。oAuth 2.0 (第三方登陆，如微信，github扫描二维码登陆)优点：开放，安全，简单，权限.

2021-02-14 21:58:17 1166 2

原创 mac上docker环境安装使用Redis

一：Redis介绍Redis是完全免费开源的，一个高性能的key-value数据库Redis与其他key-value 缓存产品相比：高性能，支持数据的持久化多数据结构：list, set, zset, hash等存储支持数据备份支持事务，数据的原子性（要么不做/全做）Redis应用场景缓存（读写性能优异）计数&消息系统（高并发，发布/订阅阻塞队列功能）分布式会话session&分布式锁（秒杀）Redis vs Mongo存储方式不一样： key-value

2021-02-05 21:07:15 1315

原创 Mac上Docker安装MongoDB

前提： mac上安装了docker1. 拉取最新MongoDB镜像docker pull mongo:latest2. 查看镜像docker images3. 运行mongo容器docker run -itd --name mongo -p 27017:27017 mongo --auth提示：docker run ：创建一个新的容器并运行一个命令-i: 以交互模式运行容器，通常与 -t 同时使用；-t: 为容器重新分配一个伪输入终端，通常与 -i 同时使用；-d: 后

2021-01-31 14:56:01 1804

原创数据库笔记

数据库分类关系型MySQLOracleSQL ServerAccessDB2, PostgreSQL…非关系型MongoDB (文档类型)Redis （键值对类型）Memcached （键值对类型）HBaseNoSQL易扩展，高性能，高可用较容易映射复杂数据（key-value）无事务特性要求（ACID特性：原子性，一致性，隔离性，持久性）MongoDB4以后也支持ACID特性了NoSQL设计常见场景及设计方法（内嵌，父/子引用，反范式）内嵌：内

2021-01-11 21:43:34 133

原创第十五届D2前端技术论坛笔记

目录1. 前端故障演练的探索与实践2. 前端智能化实践— P2C 从需求文档生成代码1. 前端故障演练的探索与实践前端故障演练的探索与实践 | D2分享视频+文章前端可用性的困局：对于发生在客户端上的问题，先天上存在感知相对弱一些的缺陷架构复杂端侧问题难感知整体水位低心智意识缺失（前端从业者对可用性的心智意识没能跟上前端领域自身的发展）生态参与缺失（生态伙伴没能广泛的参与进来，大部分企业/开源社区的质量保障基础设施的建设热点与前端关联度不高）常态化度量能力缺失（能让大家看清当前

2021-01-10 03:04:11 456 1

原创缺陷控制

缺陷控制什么是缺陷控制？缺陷控制就是在项目全生命周期中，保障项目质量的一系列行为缺陷跟踪系统/软件是被设计用来帮助质量保证和程序员在工作中维护软件缺陷的跟踪报告，或者称作为问题跟踪管理系统主要作用：提供集中概览，开发状态，提供报告。缺陷控制概念及基本方法（方法论）项目质量/进度管理工作流（扩展视野）三类缺陷控制工具介绍（具体做法）缺陷分类及结果需求不明确 —— 返工—— 沟通/督办需求经常变化需求文档不清晰客户未确定需求内部反推动的工作风气功能模块未讨论清楚，分工不具体，人

2021-01-09 17:24:11 492 2

原创学习笔记5

koa路由压缩：koa-combine-routers静态资源：koa-staticweb安全： helmet调试webpack开发热加载使用nodemon在Koa应用中支持ES6语法 webpack+babel配置调试脚本npm-check-updates: 检查npm的依赖包是否有更新安装好后可以使用：ncu --help 查看有哪些命令ncu 检查有哪些包可以更新ncu -u 更新依赖包terser-webpack-plugin js压缩koa-compose 整合

2021-01-08 19:50:40 159 1

原创 SEE Conf 2020 学习笔记

1. 体验科技与好的产品SaaS产品的体验演进：从无到有数字化转型，让大量SaaS产品从无到有。从有到美大量产品从功能堆积到默认好看，颜值 = 进步。颜值不仅仅关于视觉呈现，也需要从信息架构，功能排布等很多方面对产品进行重构从美到好努力让产品从默认好看到默认好用好用 = 效用 + 爱用企业级SaaS产品领域：一个好用的产品，需要在理性上好用，也需要在感性上好用。好的产品要富有创意，创新，有用，易用，不放过任何细节，要美，要环保，要尽可能少的设计，要含蓄不招摇，要诚实，

2021-01-05 02:04:21 603