- 博客(34)
- 收藏
- 关注
RSS订阅原创 向量密码本：Threejs 用加减乘除驯服 3D 空间
专治 3D 操控混乱！本教程用向量加减法（角色移动）、模长计算（距离检测）、归一化（方向控制），把 Threejs 变成你的密码本。从 “胡乱碰撞” 到 “精准导航”，3 步掌握向量魔法，机械仿真 / 游戏开发必学！
2025-04-07 10:30:45
629
原创 UV 法向量实验室：Threejs 纹理与光照炼金术
踏入 Threejs 的 UV 法向量实验室！深入探究 UV 坐标让纹理精准贴合模型，法向量赋予模型真实光照效果。带你解锁 3D 模型的光影魔法，开启奇幻的建模之旅。
2025-04-02 15:24:23
924
原创 模型苏醒计划：Threejs 让静态模型「叛逆」起来
Threejs 系列教程聚焦模型加载！详解 GLB、OBJ 等格式加载方法，教你配置材质，实现 3D 模型流畅渲染。助你快速搭建复杂场景，为游戏、建筑可视化等项目打下坚实基础。
2025-03-29 16:16:25
604
原创 Threejs 物理引擎高阶：作用力、休眠与组合体奥秘
Threejs 物理引擎高级用法来袭！教你利用作用力驱动物体，利用休眠合理调配资源，利用组合体创造复杂结构。通过精彩实例，带你轻松驾驭高级物理特性，开启 3D 创作新高度。
2025-03-26 16:50:58
639
原创 材质 × 碰撞：Threejs 物理引擎的双重魔法
教程详解 Threejs 物理引擎材质！教你设置摩擦系数、弹性值，让木箱防滑、小球回弹 —— 告别 “假碰撞”，用材质属性赋予物体真实物理性格。
2025-03-19 16:18:00
1150
原创 初探 Threejs 物理引擎CANNON，解锁 3D 动态魅力
开启 Threejs 物理引擎cannon初体验！此教程带你认识物理引擎基础，轻松掌握在 Threejs 里添加物体重力、碰撞效果，无需复杂操作，快速赋予 3D 场景真实物理交互，开启不一样的 3D 创作。
2025-03-15 16:20:17
719
原创 探秘 Threejs GUI：开启丝滑调试之旅
深入 Threejs 教程调试工具之 GUI。为你展示 GUI 在场景搭建、参数修改中的便捷应用，手把手教你用 GUI 简化调试流程，突破开发瓶颈，打造更优质的 Threejs 项目。
2025-03-08 22:01:02
736
原创 Threejs 阴影秘籍，打造震撼 3D 效果
本次 Threejs 系列教程讲阴影。剖析阴影生成机制，分享实用技巧，助你巧妙控制阴影表现，让 3D 场景光影交错更震撼。提升 Threejs 开发能力，就从掌握阴影开始。
2025-03-05 08:54:04
855
原创 Threejs 光照教程，为 3D 场景注入灵魂
Threejs 系列教程第四弹聚焦光照。带你认识不同类型光照，掌握其设置与运用技巧，让你的 3D 场景告别单调，瞬间生动逼真，成为视觉焦点。
2025-02-26 09:11:43
1044
原创 Threejs教程三【揭秘3D贴图魔法】
Three.js 构建的 3D 场景怎样更惊艳？本教程聚焦贴图，从基础纹理到特殊效果，详细讲解加载与运用技巧，帮你为 3D 物体披上绚丽外衣，让场景瞬间生动逼真，轻松提升表现力 。
2025-02-24 20:35:47
1110
原创 Threejs教程二【绘制物体三要素】
Three.js 构建 3D 世界超有趣！还在为绘制物体发愁？别慌！本系列教程二聚焦绘制物体三要素。详细剖析其原理与应用，让你快速上手，轻松绘制出精美的 3D 物体，为你的创意 3D 场景添砖加瓦，快来解锁新技能！
2025-02-22 22:19:47
944
原创 Threejs教程一【三要素】
想在网页上打造酷炫 3D 场景？Three.js 是你的得力助手。本教程将深入解析 Three.js 的三要素 —— 场景、摄像机、渲染器，带你一步步入门，轻松掌握创建 3D 世界的基础，开启奇妙的 Three.js 之旅 。
2025-02-21 14:00:41
500
原创 坐稳了整点花活，face-api人脸识别你想怎么玩
在前端做关于人脸的项目就不得不提face-api.js，它是一个基于Javascript的开源库，用于在浏览器中进行人脸检测、识别和特征。它是建立在 TensorFlow.js 之上的，利用深度学习模型来实现各种人脸相关的功能。以上只是face-api常用的功能，更多的功能及API用法可参考官方文档。随着人工算法智能算法的优化，等客户端人脸识别库可能会在Web应用中得到更广泛的应用，尤其是在需要快速、简便实现人脸识别功能的场景中。书洞笔记。
2024-11-22 13:37:52
519
原创 记一次npm发包
天天使用npm下包，有没有考虑是如果实现的。对于日常使用频率高的组件、方法等，来回的复制代码就很不方便，既然如此就开发一个通用的仓库，以后可以随时随地使用。分享一下我自己的组件库lp-vue里面有详细的使用教程，后期会更新更多东西
2024-09-05 20:06:31
602
1
原创 使ElementUI的el-table表头自动吸顶，支持左右固定列
在使用el-table的时候，在数据多的情况下滚动表格会看不到表头是什么，为了用户体验可以使用表头吸顶来展示，如此丝滑的操作谁见了都说好。
2024-04-10 15:25:41
2755
5
原创 lp-vant-form微信小程序动态表单
lp-vant-form是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。
2023-12-19 15:14:53
1448
3
原创 手撸Element源码，完善日期选择器功能，支持范围选择器周、季、年
根据业务逻辑手撸Element源码，针对日期选择器进行剖析，完善功能，并且根据日常常用需求新增范围选择器周、季、年
2023-05-31 15:52:41
6479
24
原创 逻辑位运算符
位运算符就是对二进制数执行计算，是整数的逐位运算。位运算符有 7 个，分为两类：逻辑位运算符：位与（&）、位或（|）、位异或（^）、非位（~）移位运算符：左移（<<）、右移（>>）、无符号右移（>>>）逻辑位运算符与逻辑运算符的运算方式是相同的，但是针对的对象不同。逻辑位运算符针对的是二进制的整数值，而逻辑运算符针对的是非二进制的值。“&”运算符第一个数的位值第二个数的位值运算结果111100
2021-08-31 11:06:22
514
原创 微信小程序页面通信
路由传参当前页面wx.navigateTo({ url: '/pages/test/index?id=123'})<navigator url="/pages/test/index?id=123">页面通信</navigator>被打开页面onLoad: function (options) { console.log(options);}页面通信1.当前页向目标页传递数据//当前页 onEventChannel() { wx.navigat
2021-08-31 10:56:18
647
原创 前端自动化构建（gulp）
前端自动化构建（gulp）安装gulp本地gulp创建Gulpfile.js流的使用使用Gulp插件链式调用重置文件顺序和并行执行task创建服务安装gulp//全局安装npm i gulp-cli -g//本地安装npm i gulp//检测版本gulp --version本地gulp本地Gulp有两个作用：加载和运行Gulpfile中的构建指令暴露API供Gulpfile使用本地Gulp是真正运行构建任务的程序，全局Gulp只是用来启动各个项目中的本地Gulp创建Gu
2021-07-01 16:41:55
302
原创 最全的公众号开发
服务器配置进入微信公众号平台。找到 设置与开发=》开发（基本配置）然后在右侧就有一些公众号的开发信息，其中appid和AppSecret会十分有用，还有服务器配置，这就是我们要配置的第一项。服务器地址就是要验证请求是不是来自微信服务器，token可以自己填写，后期是用来进行一些加密算法的。 在点击提交的时候会显示配置失败，那是需要后台的一些验证。服务器验证接口服务器配置填写完成后点击提交，这时会向你的服务器发送请求，同时会携带四个参数：timestamp：时间戳nonce：随机字符串sig
2021-06-27 19:23:59
508
原创 h5手机拍照+人脸识别
预览地址：https://face-camera.vercel.app调用手机默认的相机调用<!-- 限制只能选择图片 --><input type="file" accept="image/*"> <!-- 限制只能选择视频 --><input type="file" accept="video/*"> <!-- 限制只能选择音频 --><input type="file" accept="audio/*">.
2021-04-21 17:17:11
4040
1
原创 vi编辑器你不知道的命令
vi编辑器常用命令Vim 是 Vi improved 的缩写，是 vi 的改进版。在Linux中，vi 被认为是事实上的标准编辑器，因为：所有版本的 Linux 都带有 vi 编辑器；占用资源少；与 ed、ex 等其他编辑器相比，vi 对用户更加友好。你可以使用 vi 编辑器编辑现有的文件，也可以创建一个新文件，还能以只读模式打开文本文件。进入 vi 编辑器可以通过以下方式进入 vi 编辑器：命令描述vi filename如果filename存在，则打开；否则会创建
2020-11-13 13:09:52
390
原创 css代码初始化
各大网站CSS代码初始化集合css代码之所以初始化，是因为能尽量减少 各浏览器之间的兼容性问题!腾讯QQ官网 样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust
2020-11-13 11:15:15
130
原创 公众号开发鉴权及sdk注入
一、服务器配置进入微信公众号平台。找到：开发 => 基本配置然后在右侧就有一些公众号的开发信息，其中appid和AppSecret会十分有用，还有服务器配置，这就是我们要配置的第一项。服务器地址就是要验证请求是不是来自微信服务器，token可以自己填写，后期是用来进行一些加密算法的。在点击提交的时候会显示配置失败，那是需要后台的一些验证。这里会涉及到前后的一些交互，所以我使用的就是express框架搭建前后端的项目运行。使用express应用程序生成器快速创建npm install
2020-10-10 16:41:44
800
原创 微信公众号开发（工具篇）
微信公众号开发其实就是h5的页面使用了微信提供的接口实现的一些功能。那么想要很好的使用微信提供的功能那么就需要一些配置。一、服务器配置二、JS接口安全域名敲黑板–私人大放送想要微信配置那么就需要有自己的服务器，那么我总不能去买服务器吧，最后还要一大堆需要配置，太麻烦了不是我的风格。这里我提供两个解决方案，可以进行参考。一、使用内网穿透，把本地服务器映射到外网。其实对于内网穿透从网上一搜一大堆，我这里可以介绍两个工具natapp、ngrok。natapp-不太推荐1、找到官网登录注册（好像还
2020-10-10 16:21:43
2894
1
原创 RN的环境配置
最近两天在研究使用react-native开发移动App，但是开发前的第一关配置环境就让我歇火了，这两天配置环境我心态都崩了呀，还好略有成效，可以做一下简单分享，毕竟配置react-native的环境 出错的原因有一百种哦！！！安装整个环境涉及到JAVA、Node.js、C++、git、python、Android这些环境。node.js和git环境比较简单，之前都会有用过的，至于C++环境，电脑自带集成的都有不用操作，所以只是针对其它的环境配置。java环境配置软件都是傻瓜式安装，对于不熟练的人来
2020-09-30 14:28:29
600
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人