- 博客(152)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue3项目搭建
这些文件是初始化项目时默认生成的，我们不需要这些文件，进行删除。我们需要将粒子动画放在登录处，所以修改。在项目根目录想新建文件。配置自定义重置/变量。
2025-02-27 10:46:07
1721
原创 Laravel框架下的Excel数据处理与微信开发集成指南
在当今的开发中，框架以其优雅的设计和强大的功能深受开发者喜爱。本指南旨在帮助开发者掌握在框架下，如何根据文件实现数据，以及如何与微信开发进行无缝对接。我们将从数据处理的基础知识讲起，详细介绍如何利用包高效地导入导出数据。此外，我们还将深入探讨与微信开发的集成，包括微信公众号分享链接自定义头像的配置与实现，涵盖服务器配置、接口安全域名设置、后端配置，以及前端多种框架（、、原生或）的接入与调试技巧。无论你是新手还是微信开发的老手，都能在本指南中找到实用的信息和灵感。假如甲方或者是产品丢一分表格数据给你，让你将这
2025-01-04 20:26:18
181
原创 Laravel 8 项目基于 PHP 8 与 Nginx 的线上部署全攻略
本文旨在详细阐述基于PHP 8和Laravel 8框架，结合Nginx服务器的线上项目部署流程。我们在此基础上进行了梳理和补充。以确保读者能够轻松理解并掌握整个部署过程。无论是对于初学者还是有一定经验的开发者，本文都将提供从服务器选型、项目上线到API调用的全面指导。通过本文，你将学会如何在服务器上搭建并运行一个Laravel项目，确保其稳定运行并能够成功调用API。接下来，让我们一同踏入线上部署的实战之旅。
2025-01-01 16:03:15
1079
原创 快速搭建laravel前后台用户认证api项目
本项目基于PHP 8和Laravel 8框架构建，旨在提供一个清晰、系统的开发流程指南。通过详细步骤，从项目初始化、清理无用文件、安装依赖配置及用户控制器，到最终的测试环节，我们将全面覆盖项目开发的各个环节。本文档不仅介绍了如何创建并配置前后台用户认证模型，还涵盖了JWT-Auth API认证、响应生成器、表单验证类等重要内容。无论你是Laravel新手还是有一定经验的开发者，都能从中获得实用的指导。希望本项目能够帮助你快速搭建一个功能完善、安全可靠的PHP应用。在中重写render。
2024-12-29 23:56:48
1151
原创 我的创作纪念日
17年我大学本科信息管理与信息系统毕业，在校期间会经常遇到雷同bug解决了时间一长又忘记，到最后又摸索，以及后来工作也是类似的情况时有发生，好记性不如烂笔头，这不记录学习的内容以及平常出现的bug，也是希望能帮助到更多人，让更多人的解决bug的效率加快，对感兴趣的知识更好的掌握，自己也能偶尔能从新阅读，所谓温故而知新。接下来的日子我将会更加的努力，不断的学习，不断的分享。在职业规划上：会不断的丰富自己的专业技能，为企业实际的解决问题，挑战高薪。
2024-11-03 21:50:53
453
原创 NVM配置与Vue3+Vite项目快速搭建指南
在当今快速发展的前端技术领域中，掌握高效的环境配置和项目搭建技能是至关重要的。作为一款强大的Node.js版本管理工具，能够帮助开发者轻松切换和管理不同版本的Node.js，以满足不同项目的需求。无论是在Mac还是Windows系统上，NVM都能提供便捷的安装和使用体验。随着Vue.js框架的不断演进，Vue3+Vite的组合已经成为构建现代Web应用的主流选择。Vue3带来了更加高效和灵活的响应式系统，而Vite则以其极快的冷启动速度和即时的模块热更新，极大地提升了开发效率。
2024-10-21 11:16:49
1236
原创 Cannon-ES中RaycastVehicle的深入探索与实践
在三维物理引擎的世界里，Cannon-ES以其轻量级、高效和易于集成的特点，赢得了众多开发者的青睐。而RaycastVehicle，作为Cannon-ES中用于模拟复杂车辆运动的核心类，更是为开发者提供了强大的车辆动力学模拟功能。从简单的汽车驾驶到复杂的赛车游戏，RaycastVehicle都能轻松应对。本文将带您深入探索RaycastVehicle的概念、核心特性和应用场景。我们将从理论到实践，逐步揭示RaycastVehicle的奥秘。
2024-10-08 21:38:56
1218
5
原创 Cannon-ES中RigidVehicle的创建与应用：结合Three.js实现车辆动态模拟
在物理引擎与三维图形渲染技术日益融合的今天，Cannon-ES作为一款轻量级的JavaScript物理引擎，为开发者提供了强大的物理模拟功能。其中，模块更是为车辆动力学模拟提供了强有力的支持。本文旨在深入探讨Cannon-ES中的，从基本概念到创建使用，再到结合Three.js实现车辆的三维动态模拟，一步步引导读者掌握这一技术。通过本文的学习，读者将不仅能够理解的概念和特性，还能掌握其在网页开发中的实际应用。我们将通过丰富的代码示例和详细的效果展示，让读者直观地看到在车辆模拟中的强大功能。
2024-10-08 15:17:56
951
原创 Cannon-es.js之SPHSystem与Particle模拟水流
在数字模拟与物理引擎的广阔领域中，cannon-es与SPH（光滑粒子流体动力学）系统无疑是两颗璀璨的明星。Cannon-es，作为一个轻量级且易用的3D物理引擎，为WebGL场景中的物理模拟提供了强大的支持。而SPHSystem，则以其独特的算法和精细的模拟能力，在流体动力学模拟中占据了重要地位。本文旨在深入探讨如何将这两者结合，以创造出既真实又高效的流体模拟效果。我们将从Cannon-es的基本概念和SPHSystem的功能出发，逐步引导读者了解这些技术的使用场景和前置代码准备。
2024-10-02 02:30:00
1078
原创 Cannon-es.js之HingeConstraint铰链约束案例
在3D物理引擎的领域中，cannon-es以其高效、轻量级和易于集成的特性，成为了WebGL环境中实现逼真物理模拟的重要工具。今天，我们将聚焦于cannon-es中的，这一强大的铰链约束功能。允许我们模拟两个刚体之间的铰链连接，从而实现复杂的旋转和交互效果。无论是模拟门的开关、杠杆的运作，还是创建机械臂的关节，都能提供精确且高效的物理模拟。在本文中，我们将通过前置代码准备、的具体使用以及完整代码展示，带你领略这一约束的神奇魅力。
2024-10-01 17:02:20
1176
原创 Cannon-es.js之removeConstraint破坏约束案例
在3D物理引擎的广阔天地中，cannon-es以其轻量级、高性能和易于集成的特点，成为了WebGL环境中物理模拟的首选工具。它不仅能够精准地模拟刚体碰撞、力学行为和约束等物理现象，还提供了丰富的API供开发者自由调用。本文将深入探讨cannon-espostStep事件（尽管cannon-es官方文档中可能并未直接提及，但我们可以基于物理引擎的通用概念进行阐述）和方法。postStep通常被理解为在物理模拟步骤之后执行的操作，它允许开发者在物理世界更新后插入自定义逻辑。而。
2024-10-01 15:07:16
984
原创 Cannon-es.js之CANNON.Spring模拟弹簧
在物理引擎的世界里，cannon-es以其轻量级和高效能的特点，在Web环境中的物理模拟领域占据了一席之地。而作为cannon-es中用于模拟弹簧行为的约束对象，更是为开发者们提供了丰富的物理模拟可能。弹簧，作为物理学中的一个基本概念，其独特的弹性和恢复力在模拟真实世界中的许多物理现象时都扮演着重要角色。在cannon-es中，通过一系列精心设计的属性和方法，使得开发者能够轻松地在虚拟世界中创建出逼真的弹簧效果。本文将详细介绍的常用属性及其使用步骤，并通过前置代码准备和具体实例演示，展示如何在。
2024-09-30 23:19:33
880
原创 Cannon-es.js之Distance Constrait模拟布料
在现代Web开发中，实现逼真的物理效果对于提升用户体验至关重要。，作为Cannon.js的ES6模块版本，凭借其轻量级、高性能和易于集成的特点，在WebGL环境中进行物理模拟时备受青睐。本文将深入探讨在模拟物理效果方面的应用，包括Particle（粒子）的基本使用、前置代码准备，以及如何使用距离约束来模拟布料效果。粒子系统在游戏开发、动画制作以及物理模拟等领域有着广泛的应用。通过，我们可以轻松创建和管理粒子，实现各种复杂的物理效果。
2024-09-30 17:16:07
1435
原创 Cannon-es.js之Distance Constrait物体约束详解
DistanceConstraint的主要属性：虽然DistanceConstraint在Cannon-es.js中可能没有直接暴露太多的方法供调用（因为约束的主要逻辑是内嵌在物理引擎中的），但通常会有一些通用的方法来管理约束，如：2.2 效果代码：3.2 效果
2024-09-29 17:11:59
1221
原创 Cannon-es.js之Point to Point Constraint物体约束详解
Cannon-es的Point to Point Constraint（点对点约束）是一种在物理引擎中用于连接两个刚体并限制它们之间相对位置的约束。这种约束通过指定两个刚体上的点（称为约束点），并强制这两个点保持相对位置不变或按照特定规则移动，从而实现对刚体间相对运动的控制。构造函数：关键属性：方法：点对点约束在多种物理模拟场景中都非常有用，例如：综上所述，Cannon-es的Point to Point Constraint是一种强大的工具，用于在物理模拟中精确控制两个刚体之间的相对位置和运动。
2024-09-29 11:47:23
706
原创 Cannon-es.js之LockConstraint物体约束详解
在现代Web开发中，实现逼真的物理效果是提升用户体验的关键。Cannon-es.js，作为Cannon.js的ES6模块版本，凭借其轻量级、高性能和易于集成的特点，成为了WebGL环境中进行物理模拟的优选工具。本文将深入探讨Cannon-es.js中的LockConstraint（锁定约束）机制，通过详细解析其设置和应用效果，帮助开发者理解并灵活运用这一强大的物理引擎功能。此外，我们还将介绍如何给物体在特定时间（如3秒后）施加一个力，以模拟现实世界中物体受力的动态变化。
2024-09-26 23:15:24
1025
原创 Cannon-es.js物理引擎中物体动力控制的深度探索
在三维物理引擎的世界里，Cannon-ES以其轻量级和高效能著称，为开发者提供了强大的工具来模拟现实世界中的物理现象。本指南将带您深入探索Cannon-ES中如何给物体施加不同类型的力，从而控制其动态行为。从基础的applyForce到瞬间的applyImpulse，再到局部坐标系下的applyLocalImpulse，以及改变物体旋转的applyTorque，我们将逐一解析这些方法的用法、效果及其之间的区别。通过前置代码的搭建，您将能够快速上手并理解每个方法的基本使用方式。
2024-09-26 16:53:19
1355
原创 Cannon-es.js编程进阶：复杂形状的碰撞
我们在Cannon-es.js基础入门：3D 物理碰撞效果已经了解了简单的物体碰撞效果，我们还可以监听其碰撞的事件，和监听休眠事件。甚至我们可以实现多个形状的组合物体以及复杂模型的物理碰撞。并且解决了threejs里的gltf模型缩放了7倍，cannon-es里的Trimesh该如何对应的问题。
2024-09-25 23:00:57
990
1
原创 Cannon-es.js基础入门：3D 物理碰撞效果
在现代网页开发领域，创建具有丰富交互性和逼真物理效果的3D场景已成为一项热门技术。Three.js 作为 JavaScript 编写的轻量级 3D 库，凭借其强大的渲染能力和灵活的 API，成为了开发复杂3D应用的首选。然而，仅凭 Three.js 难以处理复杂的物理模拟，如碰撞检测、重力影响等。这时，Cannon-ES 作为专为WebGL和Three.js设计的物理引擎，便成为了实现高级物理效果的理想伙伴。
2024-09-25 12:16:10
1348
原创 Cannon-es.js基础入门：轻量级3D物理引擎的探索
在Web开发中，实现逼真的3D物理效果一直是开发者们追求的目标。，作为Cannon.js的现代分支，以其轻量级、高性能和易于集成的特点，成为了WebGL环境中进行物理模拟的优选工具。本文将带您走进的世界，通过基础介绍和简单示例，让您快速上手这款强大的3D物理引擎。是Cannon.js的ES6模块版本，它保留了原版的所有功能，并进行了优化以适应现代JavaScript开发环境。这款物理引擎专为WebGL设计，能够轻松模拟真实世界中的物理现象，如刚体碰撞、力学模拟和约束等。
2024-09-23 20:30:41
974
原创 Three.js 3D人物漫游项目（下）
在数字技术的浪潮中，三维图形渲染技术以其独特的魅力，正逐步渗透到我们生活的方方面面，从电影特效的震撼呈现到游戏世界的沉浸式体验，再到虚拟现实（VR）与增强现实（AR）技术的蓬勃发展，三维图形技术无疑成为了连接现实与虚拟世界的桥梁。而在这众多技术中，Three.js作为一款轻量级、易于上手且功能强大的JavaScript 3D库，凭借其跨平台、高性能的特点，成为了前端开发者探索三维世界的重要工具。本文章基于Three.js 3D人物漫游项目（上）与Three.js 3D人物漫游项目（中）
2024-09-23 16:00:09
2036
原创 Three.js 3D人物漫游项目（中）
在数字技术的浪潮中，三维图形渲染技术以其独特的魅力，正逐步渗透到我们生活的方方面面，从电影特效的震撼呈现到游戏世界的沉浸式体验，再到虚拟现实（VR）与增强现实（AR）技术的蓬勃发展，三维图形技术无疑成为了连接现实与虚拟世界的桥梁。而在这众多技术中，Three.js作为一款轻量级、易于上手且功能强大的JavaScript 3D库，凭借其跨平台、高性能的特点，成为了前端开发者探索三维世界的重要工具。本文章基于《Three.js 3D人物漫游项目（上）》基础上将完成人物的投影及丰富场景的建筑物。
2024-09-21 22:24:52
1553
原创 Three.js 3D人物漫游项目（上）
在数字技术的浪潮中，三维图形渲染技术以其独特的魅力，正逐步渗透到我们生活的方方面面，从电影特效的震撼呈现到游戏世界的沉浸式体验，再到虚拟现实（VR）与增强现实（AR）技术的蓬勃发展，三维图形技术无疑成为了连接现实与虚拟世界的桥梁。而在这众多技术中，Three.js作为一款轻量级、易于上手且功能强大的库，凭借其跨平台、高性能的特点，成为了前端开发者探索三维世界的重要工具。本系列文章《人物漫游项目（上）》，将带您深入Three.js。
2024-09-21 00:11:29
1326
原创 Threejs之四元素Quaternion
在Three.js中，四元素（Quaternion）是一种用于表示三维空间中旋转的数学工具，它比欧拉角（）在某些方面更为优越，特别是在处理万向锁（）问题时。四元素提供了一种无奇异性的方式来描述旋转，使得在动画、游戏和3D图形应用中实现平滑且准确的旋转变得可能。
2024-09-19 23:48:07
1063
原创 Threejs中的欧拉角Euler
Three.js中的欧拉角（）是一种用于描述三维空间中物体旋转状态的方法。在三维图形学和动画中，欧拉角通过指定物体绕三个主轴（通常是X轴、Y轴和Z轴）的旋转角度来定义物体的旋转方向。可不要小瞧了欧拉角，它可以使我们的模型的移动朝正确的方向。Three.js中的欧拉角是一种直观且易于理解的旋转表示方法，通过指定绕三个主轴的旋转角度来控制物体的旋转。然而，在使用时也需要注意其局限性，特别是万向锁问题和插值不线性的问题。
2024-09-19 18:58:33
1183
原创 Threejs的三维向量及控制物体前进
我们通过三维向量（）监听键盘事件去控制物体向前运动，最终得到效果：那么这个有什么用呢，其实这个用途很大，我们可以结合之前学过的人物动画的控制去模拟人物前进逛展厅的效果。所以这是很重要的一步。定义： 三维向量是一个由三个有序数值（）组成的集合，这些数值分别代表向量在三维空间中的三个方向（即轴、轴、轴）上的分量。表示： 在中，三维向量通常通过类来表示，可以通过构造函数来创建一个新的三维向量实例，其中是向量的三个分量，默认值为0。代码如下：2.2 效果可以看到我们场景中有一个黄色的小球接着我们写入监听
2024-09-18 23:47:33
999
原创 Threejs之看房案例（下）
点精灵Threejs之看房案例（上）本篇文章的球形模式代码为基础，在此基础上如果需要交互的话，我们使用到射线进行交互。我们首先得有点精灵图进行标识厨房与大厅，加入代码如下所示：1.2 点精灵效果可以看到效果那就是点精灵厨房位置没对上，那我们其实可以打开坐标轴来设置点精灵位置，打开坐标轴辅助器：效果：我们可看到点精灵 轴都要设置为负的：后效果如下：已经贴在了我们厨房门上。添加鼠标移动事件，我们需要做的是将鼠标移动的点坐标转换为一个位于二维空间中的点，在标准化设备坐标中鼠标的二维坐标 ——
2024-09-18 19:18:54
1929
2
原创 Threejs之看房案例（上）
Three.js是一个基于WebGL的JavaScript3D库，它允许在网页上创建和显示3D图形。在房地产行业中，Three.js常被用于实现全景看房案例，为用户提供沉浸式的房屋浏览体验。
2024-09-17 20:30:37
2010
1
原创 Threejs合并模型动画（下）
可以看到模型动画完全由我们用户交互进行控制了。 用来调度存储在中的动画。说明: 的大多数方法都可以链式调用。在传入的时间间隔内，逐渐将此动作的权重（）由0升到1。此方法可链式调用。在传入的时间间隔内，逐渐将此动作的权重（）由1降至0。此方法可链式调用。重置动作。此方法可链式调用。该方法会将暂停值 设为, 启用值 设为，时间值 设为0, 中断任何预定的淡入淡出和变形, 以及移除内部循环次数以及延迟启动。说明: 停止方法内调用了重置方法（）, 但是 不会调用 。 这就表示: 如果你想要这两者, 重
2024-09-15 18:26:46
960
原创 Threejs合并模型动画（中）
在Threejs合并模型动画（上）这篇博客中我们把两个相同的模型不同的动画整合到了一个模型上，那么这篇将围绕整合的模型进行动画的展示。动画混合器。动画融合引擎专为场景中特定实体的动态展示而设计。在复杂场景中，当多个独立实体各自演绎独特动画时，每一实体均能共享同一高效动画融合引擎。
2024-09-15 16:39:15
1499
原创 Threejs合并模型动画（上）
我们常常会遇到相同的模型具有不同的动画，那么我们想把不同的动画都给到一个相同的模型，让这个模型具有许多动画，通常这都是3d设计师给到你的，但是如果我们自己也不熟悉3d编辑器，我们又想模型有不同的动画，我们这个时候就可以使用Three.js来完成这样的合并，并且运用动画。接下来本篇文章将介绍。
2024-09-15 15:39:03
1260
原创 Threejs之加载3D模型（上）
Three.js是一个基于WebGL的库，它提供了丰富的API来在网页上创建和显示 3D 图形。加载 3D 模型到Three.js场景中是一个常见的需求，Three.js支持多种格式的 3D 模型，如.obj.fbx等。下面将简要介绍如何使用Three.js加载 3D 模型。
2024-09-13 21:17:33
2329
2
原创 Threejs之球发射实战
最终效果预览：可以看到，我们完成鼠标点击生成小球，并且小球带有阴影以及贴合现实世界的物理行为，下落，旋转，碰撞。废话不多说直接上代码：
2024-09-12 15:30:28
869
原创 Threejs结合Cannon-es.js模拟小球反弹
Cannon.js官方文档。是一个用编写的轻量级3D物理引擎，专为网页提供高效的物理模拟。它支持刚体动力学、离散碰撞检测和约束求解等功能，特别适用于游戏开发和交互式应用。完全用编写，易于与其他支持浏览器的渲染或游戏引擎（如）结合使用。首先我们得先去安装。在项目终端中运行命令。然后创建物理世界：构造函数用于创建一个新的物理世界实例，它的作用是控制所有的物体和模拟一些步骤。构造函数没有参数，它通过实例化对象，通过设置对象属性进行配置。例如设置轴重力：1.3.3 Body构造函数构造函数：构造函数是
2024-09-12 11:47:53
595
原创 Threejs之光线投射Raycaster交互
1.2 效果可以看到我们在场景中放了三个球，并且设置了坐标轴辅助线。添加鼠标交互事件，在鼠标点下去的时候我们去发射一束射线，让与之交互的物体做出一些改变，例如改变物体颜色，添加如下代码：2.2 效果可以看到我们已经完成了简单的物体交互。不要小瞧了光线投射，在我们与物体交互中起来很大的作用。最后给出本届完整代码，如下：
2024-09-11 15:55:18
1576
原创 Threejs之光线投射Raycaster
构造器：：光线投射的原点向量。：向射线提供方向的方向向量，应当被标准化。：返回的所有结果比此值远。默认为0。：返回的所有结果都比此值近。默认为（正无穷）。：远距离因数，表示哪些对象可以基于该距离而被所考虑。：近距离因数，表示哪些对象可以基于该距离而被所忽略。：对依赖于视图的对象（如等）进行光线投射时使用的相机。：用于控制在执行相交测试时忽略哪些3D对象。我们首先在场景添加三个甜甜圈，代码如下：2.2 效果可以看到场景中就有了三个甜甜圈以及坐标轴辅助器。在上述代码的基础上添加：可以知道
2024-09-11 14:48:40
1268
原创 Threejs之灯光阴影
我们首先在场景添加受光源影响地面材质及物体材质，代码如下：1.2 效果可以看到我们有了一个地面和一个甜甜圈以及从从上往下投射的平行光，但是我们没有阴影，这个跟现实世界中还是有差距的，接着我们将试着还原物体的阴影。接着我们基于以上代码，增加如下代码：3.2 效果可以看到物体此时已经有了从上往下的投射阴影了。我们也可以试着将光源改变位置如下代码：我们可以看到物体的阴影非常的锯齿感，我们可以设置阴影贴图的宽度和高度，也就是所谓的分辨率，进而提高物体阴影的真实感，如下代码：效果如下：可以看到
2024-09-10 23:49:36
729
原创 Threejs之灯光
在Three.js中，灯光（Lights）是构建逼真3D场景的重要组成部分，它们能够模拟现实世界中的光照效果，如阴影、反射和折射等，从而增强场景的真实感和立体感。描述：环境光是全局光源，均匀地照亮场景中的所有物体，环境光不能用来投射阴影，因为它没有方向。用途：用于提供场景的基础照明，通常与其他光源配合使用，以避免场景过于黑暗。属性：主要包括颜色（color）和强度（intensity描述：平行光从特定方向投射，类似于太阳光，所有光线是平行的，可以产生阴影。
2024-09-10 16:45:04
1340
原创 Threejs之纹理Texture
在Three.js中，Texture（纹理）是一项核心功能，创建一个纹理贴图，将其应用到一个表面，或者作为反射/折射贴图。它允许开发者将图像、视频或其他数据源映射到3D场景中的物体表面上，从而增强物体的视觉效果和真实感。构造函数更多关于Texture（纹理）文档请点这列Texture在Three.js中指的是将一张图像（或其他数据源，如视频、数据数组等）映射到3D场景中的物体表面上的过程。通过Texture，可以在物体表面应用各种图像效果，使物体的外观更加逼真和多样化。Texture。
2024-09-09 18:45:00
1017
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人