自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 Three.js梳理:三、性能优化

通过组合这些策略,可使复杂场景在60FPS下稳定运行。实际项目中建议优先处理前20%的高消耗操作。2️⃣Chrome DevTools的Performance面板分析CPU耗时。使用AssemblyScript编写高性能计算模块。将物理计算/复杂算法移至Web Worker。:适合重复物体(如草地、人群)以下是 Three.js。4️⃣逐步应用上表优化手段。检查冗余的WebGL操作。

2025-05-21 09:30:42 801

原创 Threejs梳理:二、快速入门

Three.js 是一个强大的 3D 图形库,适合快速创建和渲染 3D 场景。

2025-05-21 09:19:39 834

原创 Three.js梳理:一、简介

Three.js 是一个基于 WebGL 的开源 JavaScript 库,用于在 Web 浏览器中创建和渲染 3D 图形。它由 Ricardo Cabello(昵称 Mr. Doob)于 2010 年发布,旨在简化复杂的 3D 渲染过程,使开发者能够轻松创建交互式 3D 场景和动画。Three.js 是一个功能强大且易于上手的 3D 图形库,适合各种级别的开发者使用,无论是初学者还是专业开发者都能快速上手并实现复杂的 3D 应用。

2025-05-21 08:59:44 284

原创 关于Three.js 的 TransformControls控制器相关错误

若加载的模型(如 OBJ、GLTF)未完成初始化或未通过类型验证,直接绑定到控件会导致类型不匹配:ml-citation{ref=“4,5” data=“citationList”}。类型检查更严格,旧代码若直接操作未封装的底层对象(如未三角化的模型)会报错:ml-citation{ref=“3” data=“citationList”}。方法获取其辅助对象后再添加:ml-citation{ref=“2” data=“citationList”}。实例到场景会触发该错误,必须通过。

2025-04-28 13:57:26 280

原创 【Three.js】THREE.BoxBufferGeometry is not a constructor 错误解析

【代码】【Three.js】THREE.BoxBufferGeometry is not a constructor 错误解析。

2025-04-28 13:47:56 203

原创 若依(RuoYi)框架 新增icon图标 修改颜色svg不生效解决方法

若依(RuoYi)框架 新增系统图标 修改颜色svg不生效解决方法###记一下笔记,方便自己好找一点。

2025-02-25 16:56:47 980

原创 vue3使用element-plus 实现选择年份区间选择

2023-12-22 13:17:44 1112

原创 element ui 使用$msgbox 点击任意地方会出现冒泡

element 的$msgbox 点击任意地方会冒泡点到背后的元素如图所示会出现冒泡代码如下解决方案完整方法代码最近在做项目的时候遇到一个小问题,就是使用了element ui的$msgbox,但是发现弹出提示框和遮罩层,点击任意地方都会 点击到遮罩层背后的页面。问题虽小,这就给我带来不小得困恼。查到有很多人说在外面套个div,再在div里写click.stop,但是我这里并没有写在外面的html结构,这个肯定解决不了我的问题。还有人说使用.stop加在api后面,我试着this.$msgbox.s

2022-04-30 10:08:29 715

原创 记项目的坑,ios使用new Date()报错问题

@[TOC](记项目的坑,ios使用new Date()报错问题)ios使用new Date()报错今天在开发app时发现,同样的 new Date()代码在安卓上没问题,在iOS上会报错的。找了一下方案,记录一下。 let stringTime = '2021-7-5 17:48:20' let time1 = new Date().getTime(); //当前的时间戳 let time2 = Date.parse(new Date(stringTime)); //指定时间的时间戳 let

2021-07-05 18:00:49 1079 3

原创 如何使用js实现两个一维数组合并成二维数组,并一一对应

如何使用js实现两个一维数组合并成二维数组,并一一对应// 问题:ab如何合并成c?let a = [1,2,3,4,5];let b = [6,7,8,9,10];let c = [[1,6],[2,7],[3,8],[4,9],[5,10]]//解决let arr =[];a.forEach((item,i)=>{ let arr1 = [] arr1.push(item) arr1.push(b[i]) arr.push(arr1)})console.log(arr)

2021-04-09 15:05:29 2535

中小学心理课堂老师教学小游戏情绪消除

中小学心理课堂老师教学小游戏情绪消除 当前代码实现了一个简单的心理课堂小游戏,玩家需要在规定时间内点击下落的情绪词来获得得分,游戏结束时显示最终得分和情绪统计数据。

2025-04-08

心理课堂+翻翻乐游戏+老师教学

一、游戏简介 这是一个基于浏览器实现的记忆翻牌配对游戏,名为"心理课堂翻翻乐"。主要训练玩家的记忆力与反应速度,通过翻转带有图案的卡片寻找相同配对,最终以最短时间完成所有配对为目标。 二、核心玩法 1. 模式选择(游戏开始前) 混合模式:动物+水果随机组合(默认) 动物模式:仅显示18种动物 水果模式:仅显示10种水果 2. 游戏流程 点击"开始挑战"后: ① 所有卡片背面朝上(显示编号与问号) ② 卡片自动翻转展示正面图案(持续约3秒) ③ 卡片自动翻回背面,游戏正式开始 玩家点击两张卡片: ① 若图案相同 → 保持翻开状态(绿色高亮) ② 若图案不同 → 抖动提示后自动翻回 全部配对成功 → 播放音效并弹窗显示用时 3. 计时规则 从点击"开始挑战"开始计时 中途错误不影响计时 完成时自动暂停计时 三、教学应用场景 1. 心理学课堂的记忆力训练教具 2. 儿童认知发展训练游戏 3. 注意力缺陷干预辅助工具 4. 老年人认知功能维持训练

2025-04-03

Apple 官网 iPhone 12 页面卷动逐行滑入效果

Apple 官网 iPhone 12 Pro 网页里面这个随着页面卷动,会逐行滑入的效果 完整代码:html,css,js。

2022-08-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除