当前位置： 首页 > news >正文

03.three官方示例+编辑器+AI快速学习webgl_animation_multiple

news 来源：原创 2025/7/23 21:03:52

本实例主要讲解内容

这个示例展示了Three.js中骨骼动画的高级应用技巧，重点演示了如何使用SkeletonUtils.clone()方法复制模型，并展示了两种不同的骨骼动画管理方式：

  1. 独立骨骼模式：每个模型拥有独立的骨骼结构，可播放不同动画
  2. 共享骨骼模式：多个模型共享同一骨骼结构，同步播放相同动画

通过对比这两种模式，展示了它们各自的特点和适用场景，以及如何在Three.js中实现这些技术。

在这里插入图片描述

完整代码注释

<!DOCTYPE html>
<html lang="en"><head><title>Multiple animated skinned meshes</title><meta charset="utf-8"><meta content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"><link type="text/css" rel="stylesheet" href="main.css"></head><body><!-- 信息面板，显示示例说明和模型来源 --><div id="info">This demo shows the usage of <strong>SkeletonUtils.clone()</strong> and how to setup a shared skeleton.<br/>Soldier model from <a href="https://www.mixamo.com" target="_blank" rel="noopener">https://www.mixamo.com</a>.</div><!-- 导入映射，指定模块导入路径 --><script type="importmap">{"imports": {"three": "../build/three.module.js","three/addons/": "./jsm/"}}</script><script type="module">// 导入Three.js核心库和辅助工具import * as THREE from 'three';import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';  // GLTF模型加载器import * as SkeletonUtils from 'three/addons/utils/SkeletonUtils.js';  // 骨骼工具集import { GUI } from 'three/addons/libs/lil-gui.module.min.js';  // GUI控制面板// 全局变量定义let camera, scene, renderer, clock;  // 相机、场景、渲染器和时钟let model, animations;  // 原始模型和动画// 存储动画混合器和场景对象的数组const mixers = [], objects = [];// 控制面板参数const params = {sharedSkeleton: false  // 是否使用共享骨骼模式};// 初始化函数init();function init() {// 创建透视相机，设置位置和朝向camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );camera.position.set( 2, 3, - 6 );camera.lookAt( 0, 1, 0 );// 创建时钟，用于计算动画时间增量clock = new THREE.Clock();// 创建场景并设置背景和雾scene = new THREE.Scene();scene.background = new THREE.Color( 0xa0a0a0 );scene.fog = new THREE.Fog( 0xa0a0a0, 10, 50 );// 添加半球光，提供自然光照效果const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x8d8d8d, 3 );hemiLight.position.set( 0, 20, 0 );scene.add( hemiLight );// 添加方向光，用于产生阴影const dirLight = new THREE.DirectionalLight( 0xffffff, 3 );dirLight.position.set( - 3, 10, - 10 );dirLight.castShadow = true;// 设置阴影相机参数，控制阴影范围和精度dirLight.shadow.camera.top = 4;dirLight.shadow.camera.bottom = - 4;dirLight.shadow.camera.left = - 4;dirLight.shadow.camera.right = 4;dirLight.shadow.camera.near = 0.1;dirLight.shadow.camera.far = 40;scene.add( dirLight );// 可选：显示阴影相机辅助线，用于调试阴影// scene.add( new THREE.CameraHelper( dirLight.shadow.camera ) );// 创建地面平面const mesh = new THREE.Mesh( new THREE.PlaneGeometry( 200, 200 ), new THREE.MeshPhongMaterial( { color: 0xcbcbcb, depthWrite: false } ) );mesh.rotation.x = - Math.PI / 2;  // 旋转平面使其水平mesh.receiveShadow = true;  // 地面接收阴影scene.add( mesh );// 加载GLTF格式模型const loader = new GLTFLoader();loader.load( 'models/gltf/Soldier.glb', function ( gltf ) {model = gltf.scene;  // 获取模型场景对象animations = gltf.animations;  // 获取模型动画// 遍历模型的所有对象，设置可投射阴影model.traverse( function ( object ) {if ( object.isMesh ) object.castShadow = true;} );// 设置默认场景（独立骨骼模式）setupDefaultScene();} );// 初始化WebGL渲染器renderer = new THREE.WebGLRenderer( { antialias: true } );renderer.setPixelRatio( window.devicePixelRatio );  // 设置像素比，适配高DPI屏幕renderer.setSize( window.innerWidth, window.innerHeight );  // 设置渲染尺寸renderer.setAnimationLoop( animate );  // 设置动画循环renderer.shadowMap.enabled = true;  // 启用阴影渲染document.body.appendChild( renderer.domElement );  // 将渲染器DOM元素添加到页面// 添加窗口大小变化事件监听，调整相机和渲染器window.addEventListener( 'resize', onWindowResize );// 创建GUI控制面板const gui = new GUI();// 添加共享骨骼模式切换按钮，并绑定事件处理函数gui.add( params, 'sharedSkeleton' ).onChange( function () {clearScene();  // 清空当前场景if ( params.sharedSkeleton === true ) {setupSharedSkeletonScene();  // 设置共享骨骼场景} else {setupDefaultScene();  // 设置默认场景（独立骨骼）}} );gui.open();  // 默认打开控制面板}// 清空场景的函数function clearScene() {// 停止所有动画混合器的动作for ( const mixer of mixers ) {mixer.stopAllAction();}// 清空混合器数组mixers.length = 0;// 从场景中移除所有对象，并释放骨骼资源for ( const object of objects ) {scene.remove( object );scene.traverse( function ( child ) {if ( child.isSkinnedMesh ) child.skeleton.dispose();  // 释放骨骼资源} );}// 清空对象数组objects.length = 0;}// 设置默认场景（独立骨骼模式）function setupDefaultScene() {// 三个克隆模型，每个拥有独立的骨骼结构// 每个模型可以有自己独立的动画状态const model1 = SkeletonUtils.clone( model );  // 克隆第一个模型const model2 = SkeletonUtils.clone( model );  // 克隆第二个模型const model3 = SkeletonUtils.clone( model );  // 克隆第三个模型// 设置模型位置model1.position.x = - 2;model2.position.x = 0;model3.position.x = 2;// 为每个模型创建独立的动画混合器const mixer1 = new THREE.AnimationMixer( model1 );const mixer2 = new THREE.AnimationMixer( model2 );const mixer3 = new THREE.AnimationMixer( model3 );// 为每个模型播放不同的动画mixer1.clipAction( animations[ 0 ] ).play(); // idle - 站立动画mixer2.clipAction( animations[ 1 ] ).play(); // run - 跑步动画mixer3.clipAction( animations[ 3 ] ).play(); // walk - 行走动画// 将模型添加到场景scene.add( model1, model2, model3 );// 将模型和混合器添加到管理数组objects.push( model1, model2, model3 );mixers.push( mixer1, mixer2, mixer3 );}// 设置共享骨骼场景function setupSharedSkeletonScene() {// 三个克隆模型，共享同一个骨骼结构// 所有模型共享相同的动画状态// 克隆原始模型作为共享模型基础const sharedModel = SkeletonUtils.clone( model );// 获取共享的蒙皮网格对象（假设名为'vanguard_Mesh'）const shareSkinnedMesh = sharedModel.getObjectByName( 'vanguard_Mesh' );// 获取共享骨骼const sharedSkeleton = shareSkinnedMesh.skeleton;// 获取共享的根骨骼（假设名为'mixamorigHips'）const sharedParentBone = sharedModel.getObjectByName( 'mixamorigHips' );// 将根骨骼添加到场景，骨骼需要在场景中才能使动画生效scene.add( sharedParentBone );// 克隆蒙皮网格创建三个实例const model1 = shareSkinnedMesh.clone();const model2 = shareSkinnedMesh.clone();const model3 = shareSkinnedMesh.clone();// 设置绑定模式为分离模式，允许使用外部骨骼model1.bindMode = THREE.DetachedBindMode;model2.bindMode = THREE.DetachedBindMode;model3.bindMode = THREE.DetachedBindMode;// 创建单位矩阵const identity = new THREE.Matrix4();// 使用共享骨骼绑定每个模型实例model1.bind( sharedSkeleton, identity );model2.bind( sharedSkeleton, identity );model3.bind( sharedSkeleton, identity );// 设置模型位置model1.position.x = - 2;model2.position.x = 0;model3.position.x = 2;// 应用从GLTF资产中获取的变换model1.scale.setScalar( 0.01 );model1.rotation.x = - Math.PI * 0.5;model2.scale.setScalar( 0.01 );model2.rotation.x = - Math.PI * 0.5;model3.scale.setScalar( 0.01 );model3.rotation.x = - Math.PI * 0.5;// 创建单个动画混合器，控制共享骨骼const mixer = new THREE.AnimationMixer( sharedParentBone );mixer.clipAction( animations[ 1 ] ).play(); // 播放跑步动画// 将共享骨骼和模型实例添加到场景scene.add( sharedParentBone, model1, model2, model3 );// 将对象和混合器添加到管理数组objects.push( sharedParentBone, model1, model2, model3 );mixers.push( mixer );}// 窗口大小变化事件处理函数function onWindowResize() {camera.aspect = window.innerWidth / window.innerHeight;  // 更新相机宽高比camera.updateProjectionMatrix();  // 更新相机投影矩阵renderer.setSize( window.innerWidth, window.innerHeight );  // 更新渲染器尺寸}// 动画循环函数，每一帧都会被调用function animate() {const delta = clock.getDelta();  // 获取自上一帧以来的时间增量// 更新所有动画混合器for ( const mixer of mixers ) mixer.update( delta );// 渲染场景renderer.render( scene, camera );}</script></body></html>

整体总结

这个Three.js示例展示了骨骼动画的高级应用技巧，主要内容包括：

  1. 两种骨骼管理模式：

    • 独立骨骼模式：每个模型拥有独立的骨骼结构和动画状态，可播放不同动画，占用更多资源，但灵活性高
    • 共享骨骼模式：多个模型共享同一骨骼结构，必须同步播放相同动画，节省资源，但动画一致性要求高

  2. 核心技术实现：

    • 使用SkeletonUtils.clone()方法复制模型及其层次结构
    • 独立模式直接克隆整个模型并为每个模型创建独立混合器
    • 共享模式提取共享骨骼，设置DetachedBindMode，并使用单个混合器控制所有模型

  3. 性能与应用场景：

    • 独立模式适合需要不同动画状态的角色（如游戏中不同行为的NPC）
    • 共享模式适合需要大量相同动画的场景（如群众演员、军队等），可显著降低GPU和CPU负担

这个示例对于需要高效管理大量骨骼动画的应用场景非常有价值，展示了Three.js在处理复杂动画需求时的强大能力和灵活性。

相关文章：

03.three官方示例+编辑器+AI快速学习webgl_animation_multiple

本实例主要讲解内容 这个示例展示了Three.js中骨骼动画的高级应用技巧&#xff0c;重点演示了如何使用SkeletonUtils.clone()方法复制模型&#xff0c;并展示了两种不同的骨骼动画管理方式&#xff1a; 独立骨骼模式&#xff1a;每个模型拥有独立的骨骼结构&#xff0c;可播放…...

编程日记 2025/7/23 21:03:52

无锁秒杀系统设计：基于Java的高效实现

引言 在电商促销活动中&#xff0c;秒杀场景是非常常见的。为了确保高并发下的数据一致性、性能以及用户体验&#xff0c;本文将介绍几种不依赖 Redis 实现的无锁秒杀方案&#xff0c;并提供简化后的 Java 代码示例和架构图。 一、基于数据库乐观锁机制 ✅ 实现思路&#xf…...

编程日记 2025/7/23 20:42:43

MyBatis快速入门——实操

默认&#xff1a;电脑搭建好了Maven环境 本次入门实验使用的idea版本&#xff1a;ideaU2022.1 目录 一&#xff1a;前期准备工作 1. 创建一个springboot工程 2. Maven环境配置 3. 在mysql数据库中创建一个user表 4. 编写实体类User 二&#xff1a; 引入MyBatis的相关依赖…...

编程日记 2025/7/20 22:46:56

假如你的项目是springboot+vue怎么解决跨域问题

1. 前端代理&#xff08;开发环境推荐&#xff09; 适用场景&#xff1a;Vue 开发环境调试时&#xff0c;避免直接请求后端接口的跨域问题。 实现步骤&#xff1a; 在 Vue 项目的 vue.config.js 中配置代理&#xff1a; module.exports {devServer: {proxy: {/api: { // 代理…...

编程日记 2025/7/19 1:28:06

OpenResty反向代理

通过在 OpenResty 的配置文件中定义不同的 location 块&#xff0c;将匹配特定 URL 路径的请求转发到不同的后端 FastAPI 应用&#xff08;即使它们运行在不同的端口或甚至是不同的服务器/容器上&#xff09;。 核心思路&#xff1a; 多个 FastAPI 应用实例&#xff1a; 你的每…...

编程日记 2025/7/21 10:27:00

《Effective Python》第1章 Pythonic 思维详解——深入理解 Python 条件表达式（Conditional Expressions）

《Effective Python》第1章 Pythonic 思维详解——深入理解 Python 条件表达式&#xff08;Conditional Expressions&#xff09; 在 Python 中&#xff0c;条件表达式&#xff08;conditional expressions&#xff09;提供了一种简洁的方式来在一行中实现 if/else 的逻辑。它…...

编程日记 2025/7/20 17:22:50

【Typenum】 3 类型位运算（bit.rs）

一、源码 代码定义了一个类型级别的位&#xff08;bit&#xff09;系统&#xff0c;主要用于编译时的类型运算。 //! 类型级比特位实现 //! //! 这些是基础的比特位类型&#xff0c;作为本库中其他数值类型的构建基础 //! //! 已实现的**类型运算符**&#xff1a; //! //! - …...

编程日记 2025/7/23 17:46:54

python：trimesh 用于 STL 文件解析和 3D 操作

python&#xff1a;trimesh 是一个用于处理三维模型的库&#xff0c;支持多种格式的导入导出&#xff0c;比如STL、OBJ等&#xff0c;还包含网格操作、几何计算等功能。 Python Trimesh 库使用指南 安装依赖库 pip install trimesh Downloading trimesh-4.6.8-py3-none-any.w…...

编程日记 2025/7/23 20:56:00

stm32week15

stm32学习 十一.中断 2.NVIC Nested vectored interrupt controller&#xff0c;嵌套向量中断控制器&#xff0c;属于内核(M3/4/7) 中断向量表&#xff1a;定义一块固定的内存&#xff0c;以4字节对齐&#xff0c;存放各个中断服务函数程序的首地址&#xff0c;中断向量表定…...

编程日记 2025/7/15 18:08:15

数据库分库分表实战指南：从原理到落地

1. 为什么要分库分表&#xff1f; 1.1 单库瓶颈表现 存储瓶颈&#xff1a;单表数据超过5000万行&#xff0c;查询性能急剧下降性能瓶颈&#xff1a;单库QPS超过5000后响应延迟显著增加可用性风险&#xff1a;单点故障导致全系统不可用 1.2 突破性优势 --------------------…...

编程日记 2025/7/19 12:00:48

雷达工程师面试题目

雷达工程师面试题目 一、基础知识类 简述雷达的工作原理 请从电磁波的发射、传播、反射以及回波接收处理等环节，详细阐述雷达如何实现对目标的探测、定位与跟踪。 常见雷达体制及其特点 列举至少三种常见的雷达体制（如脉冲雷达、连续波雷达、相控阵雷达等），并分别说明…...

编程日记 2025/7/21 19:51:37

JVM-类加载子系统

最近在学习JVM&#xff0c;分模块整理一下JVM的笔记 目录 类加载子系统 一、加载 二、链接 1.验证 2.准备 3.解析 三、初始化 类加载子系统 类加载子系统负责将字节码文件加载到虚拟机中&#xff0c;我们正常编写完一个Java类并在前端编译器编译后会生成一个对应的字节码…...

编程日记 2025/7/14 1:23:32

从0开始学习大模型--Day06--大模型的相关网络架构

云服务器 在平时&#xff0c;我们总能听到诸如用服务器跑数据、模型&#xff0c;或者是搭建服务器之类的话&#xff0c;实际上&#xff0c;它相当于一台算力、内存、运行内存等各个方面都很强大的电脑&#xff0c;只需要我们用自己的电脑通过互联网链接他就能使用它&#xff0…...

编程日记 2025/7/22 4:36:35

控制LED灯设备

本章分别使用C库和系统调用的文件操作方式控制开发板的LED灯&#xff0c;展示如何在应用层通过系统提供的设备文件控制相关硬件。 本章的示例代码目录为&#xff1a;base_code/linux_app/led/sys_class_leds。 9.1. LED子系统 在Linux系统中&#xff0c;绝大多数硬件设备都有…...

编程日记 2025/7/23 6:03:01

Three.js + React 实战系列 - 联系方式提交表单区域 Contact 组件✨（表单绑定 + 表单验证）

对个人主页设计和实现感兴趣的朋友可以订阅我的专栏哦&#xff01;&#xff01;谢谢大家&#xff01;&#xff01;&#xff01; 在现代网页中&#xff0c;一个精致的 Contact 区域不仅仅是表单的堆砌&#xff0c;更是用户与我们建立联系的第一印象。 在本节课中&#xff0c;我…...

编程日记 2025/7/15 16:19:38

Python-MCPAgent开发-DeepSeek版本

Python-MCPAgent开发-DeepSeek版本 尝试Windows使用Python完成【McpServer】【McpAgent】开发&#xff0c;当前使用OpenAI-Agents框架进行开发 1-核心知识点 先完成【LLM】配置再完成【McpServer】开发再完成【Agent】开发完成【LLM】【McpServer】【Agent】请求互通 2-思路整…...

编程日记 2025/7/18 20:33:27

Linux:43线程封装与互斥lesson31

mmap文件映射视屏&#xff1a;待看... 目录 线程栈 代码证明&#xff1a;一个线程的数据&#xff0c;其他线程也可以访问 线程封装 简单封装,2.thread Thread.hpp Main.cc Makefile 结果&#xff1a; ​编辑 问题1&#xff1a; 问题2&#xff1a; lamba表达式 模版封…...

编程日记 2025/7/20 19:58:21

stm32测频率占空比最好的方案

频率检测, 方案方法很多种, 其中最快最节省资源的方法. 分享给大家. 其它的方案都试过, 问题多多. 适合单片机在工业应用中, 1MHZ以下的频率检测. 1MHZ估计也行. 但是偏差估计是变大了. 我试过很多种方案, 可以看我前面的文章. 最后发现目前这种方案最为优秀. 主要特点为不占用…...

编程日记 2025/7/20 8:37:17

Redis--常见数据类型List列表

目录 一、概念 二、命令 2.1 LPUSH 2.2 LPUSHX 2.3 RPUSH 2.4 RPUSHX 2.5 LRANGE 2.6 LPOP 2.7 RPOP 2.8 LINDEX 2.9 LINSERT 2.10 LLEN 2.11 阻塞版本命令 三、内部编码 一、概念 列表类型是用来存储多个有序的字符串&#xff0c;列表中的每个字符串称为元素&…...

编程日记 2025/7/13 5:39:50

Linux ： 多线程【线程概念】

Linux &#xff1a; 多线程【线程概念】 &#xff08;一&#xff09;线程概念线程是什么用户层的线程linux中PID与LWP的关系 (二) 进程地址空间页表(三) 线程总结线程的优点线程的缺点线程异常线程用途 &#xff08;一&#xff09;线程概念 线程是什么 在一个程序里的一个执行…...

编程日记 2025/7/18 11:47:09

React+Springboot项目部署ESC服务器

记录一下我个人部署Linux服务器的心得 环境介绍 ESC服务器创建时默认安装LNMP&#xff0c;即Linux&#xff0c;Nginx&#xff0c;Mysql&#xff0c;Php 所以这里不讲怎么安装Nignx和Mysql 笔者使用的Linux版本为22.0.4LTS版 前端打包 运行React打包命令进行前端项目的打包…...

编程日记 2025/7/21 7:18:07

python-Pandas库详细教程

python-Pandas库详细教程1 定义使用方法&#xff1a; 一、导入Pandas库代码 二、DataFrame用法Pandas索引 groupby()数值计算 定义 python中特定用于数据分析、处理的模板库。 优点&#xff1a; 处理数据便捷、简单。 使用方法&#xff1a; 处理“.csv”数据&#xff1a;rea…...

编程日记 2025/7/19 6:47:14

力扣刷题Day 46：搜索二维矩阵 II（240）

1.题目描述 2.思路 方法1&#xff1a;分别找到搜索矩阵的右、下边界&#xff0c;然后从[0][0]位置开始遍历这部分矩阵搜索目标值。 方法2&#xff1a;学习Krahets佬的思路&#xff0c;从搜索矩阵的左下角开始遍历&#xff0c;matrix[i][j] > target时消去第i行&#xff0c…...

编程日记 2025/7/18 20:11:55

C++：类和对象4

一&#xff0c;日期类实现 学习建议&#xff1a; 对于计算机学习来说&#xff0c;调试十分重要&#xff0c;所以在日常学习中一定要加大代码练习&#xff0c;刷代码题和课后自己敲出课上代码例题&#xff0c;注意不要去对比正确代码或者网上找正确代码直接使用&#xff0c;一…...

编程日记 2025/7/19 16:25:08

【软件工程】基于机器学习的多缺陷定位

基于机器学习的多缺陷定位&#xff08;Multi-Dault Localization, MDL&#xff09;是软件工程和自动化测试领域的重要研究方向&#xff0c;旨在通过机器学习技术高效识别代码中多个潜在缺陷的位置。以下从方法、挑战、应用场景及未来方向展开分析&#xff1a; 一、核心方法 监督…...

编程日记 2025/7/15 3:57:05

互联网大厂Java求职面试实战：Spring Boot到微服务的技术问答解析

&#x1f4aa;&#x1f3fb; 1. Python基础专栏&#xff0c;基础知识一网打尽&#xff0c;9.9元买不了吃亏&#xff0c;买不了上当。 Python从入门到精通 &#x1f601; 2. 毕业设计专栏&#xff0c;毕业季咱们不慌忙&#xff0c;几百款毕业设计等你选。 ❤️ 3. Python爬虫专栏…...

编程日记 2025/7/22 15:55:39

LLMs之MCP：2025年5月2日，Anthropic 宣布 Claude 重大更新：集成功能上线，研究能力大幅提升

LLMs之MCP&#xff1a;2025年5月2日&#xff0c;Anthropic 宣布 Claude 重大更新&#xff1a;集成功能上线&#xff0c;研究能力大幅提升 导读&#xff1a;2025年5月2日&#xff0c;Anthropic 宣布 Claude 推出 Integrations 集成功能和增强型高级研究功能。Integrations 基于 …...

编程日记 2025/7/11 8:12:21

飞蛾扑火算法matlab实现

注意&#xff1a;此代码实现的是求目标函数最大值&#xff0c;求最小值可将适应度函数乘以-1&#xff08;框架代码已实现&#xff09;。 注意&#xff1a;此代码实现的是求目标函数最大值&#xff0c;求最小值可将适应度函数乘以-1&#xff08;框架代码已实现&#xff09;。 注…...

编程日记 2025/7/23 15:59:50

vector--OJ1

链接: link class Solution { public:int singleNumber(vector<int>& nums) {int ret0;for(auto a : nums){ret^a;}return ret;} };链接: link class Solution { public:vector<vector<int>> generate(int numRows) {vector<vector<int>>…...

编程日记 2025/7/22 2:11:55

多模态大语言模型arxiv论文略读（六十八）

Image-of-Thought Prompting for Visual Reasoning Refinement in Multimodal Large Language Models ➡️ 论文标题&#xff1a;Image-of-Thought Prompting for Visual Reasoning Refinement in Multimodal Large Language Models ➡️ 论文作者&#xff1a;Qiji Zhou, Ruoc…...

编程日记 2025/7/19 18:37:16

【数据库知识】Mysql进阶-高可用MHA（Master High Availability）方案

mysql高可用MHA&#xff08;Master High Availability&#xff09;方案 集群部署模式下的高可用方案一、高可用架构原理1. 核心组件2. 故障切换流程 二、详细部署步骤 (3节点集群)1. 环境准备2. 节点配置&#xff08;以 node1 为例&#xff09;3. 初始化集群4. 部署MySQL Route…...

编程日记 2025/7/21 14:06:42

类型别名与接口的对比与选择

在 TypeScript 中&#xff0c;类型系统是非常强大且灵活的。两种最常用的类型定义方式就是 类型别名&#xff08;type&#xff09; 和 接口&#xff08;interface&#xff09;。它们看似相似&#xff0c;实际上在用法和功能上有所不同。在本文中&#xff0c;我们将深入探讨类型…...

编程日记 2025/7/23 1:41:31

《Effective Python》第1章 Pythonic 思维详解——始终用括号包裹单元素元组

《Effective Python》第1章 Pythonic 思维详解——始终用括号包裹单元素元组 在 Python 编程语言中&#xff0c;元组&#xff08;tuple&#xff09;是一种不可变的数据结构&#xff0c;常用于表示一组固定的值。尽管元组的语法看似简单&#xff0c;但其中却隐藏着一些微妙的陷…...

编程日记 2025/7/20 22:54:10

【计算机视觉】OpenCV实战项目：ETcTI_smart_parking智能停车系统深度解析

ETcTI_smart_parking智能停车系统深度解析 1. 项目概述2. 技术原理与系统架构2.1 核心算法1) 车牌识别算法2) ETC交易验证 2.2 系统架构 3. 实战部署指南3.1 环境配置3.2 硬件部署规范3.3 系统初始化 4. 常见问题与解决方案4.1 ETC交易失败4.2 车牌识别异常4.3 系统性能瓶颈 5.…...

编程日记 2025/7/16 16:34:07

LintCode第807题-回文数II

描述 判断一个非负整数 n 的二进制表示是否为回文数 我们保证 0 < n < 2^32 - 1 样例1 输入: n 0 输出: True 解释: 0 的二进制表示为&#xff1a;0。 样例2 输入: n 3 输出: True 解释: 3 的二进制表示为&#xff1a;11。 样例3 输入: n 4 输出: False 解释:…...

编程日记 2025/7/20 15:20:37

快速傅里叶变换暴力涨点！基于时频特征融合的高创新时间序列分类模型

往期精彩内容&#xff1a; 单步预测-风速预测模型代码全家桶-CSDN博客 半天入门&#xff01;锂电池剩余寿命预测&#xff08;Python&#xff09;-CSDN博客 超强预测模型&#xff1a;二次分解-组合预测-CSDN博客 VMD CEEMDAN 二次分解&#xff0c;BiLSTM-Attention预测模型…...

编程日记 2025/7/21 12:28:30

股指期货的保证金交易和资金门槛是多少？

股指期货和股票交易最大的区别&#xff0c;就是它不用“全款买房”&#xff0c;而是“首付买房”——只需交一笔保证金就能撬动大额资金&#xff0c;但这也说明了门槛高、风险大。下面就来拆解&#xff0c;到底要准备多少钱才能“上车”。 一、保证金交易&#xff1a;用12万撬…...

编程日记 2025/7/22 22:58:41

spark：map 和 flatMap 的区别(Scala)

场景设定 假设有一个包含句子的 RDD&#xff1a; scala val rdd sc.parallelize(List("Hello World", "Hi Spark")) 目标是&#xff1a;将每个句子拆分成单词。 1. 用 map 的效果 代码示例 scala val resultMap rdd.map(sentence > sentence…...

编程日记 2025/7/23 17:47:49

判断两台设备是否在同一局域网内的具体方法

以下是判断两台设备是否在同一局域网内的具体方法&#xff1a; 1. 检查IP地址和子网掩码 操作步骤&#xff1a; Windows系统&#xff1a; 按 Win R 键&#xff0c;输入 cmd 并回车。输入 ipconfig&#xff0c;查看 IPv4 地址 和 子网掩码&#xff08;如 192.168.1.5/255.255.2…...

编程日记 2025/7/23 1:40:07

cmake：test project

本文主要探讨cmake在测试和项目中的应用。 add_test add_test(NAME <name> COMMAND <command> [<arg>...] [CONFIGURATIONS <config>...] [WORKING_DIRECTORY <dir>] [COMMAND_EXPAND_LISTS])  add_test(NAME test_uni COMMAND $<TARGET_F…...

编程日记 2025/7/16 4:36:16

Qwen-2.5 omni

问题1 Qwen2.5-Omni的主要功能是什么&#xff1f; Qwen2.5-Omni的主要功能是处理和生成多种模态的数据&#xff0c;包括文本、图像、音频和视频。它能够同时理解和生成这些模态的信息&#xff0c;支持复杂的多模态任务&#xff0c;例如语音对话、视频理解、图像描述生成等。 …...

编程日记 2025/7/22 11:10:45

Problem D: 异常2

1.题目描述 检查危险品程序&#xff1a;生成货物类、机器类&#xff0c;货物类有属性name&#xff0c;机器类有检测的check方法&#xff0c;若货物名称是炸弹、毒药、刀具&#xff0c;则抛出异常提示。 代码如下&#xff1a; import java.util.Scanner; class goods{ Stri…...

编程日记 2025/7/20 1:35:22

AI智慧公园管理方案：用科技重塑市民的“夜游体验”

AI智慧公园管理方案&#xff1a;多场景智能巡检与安全防控 一、背景与痛点分析 夏季夜间&#xff0c;公园成为市民休闲娱乐的核心场所&#xff0c;但管理难度随之激增&#xff1a; 宠物管理失控&#xff1a;未牵绳宠物进入园区&#xff0c;随地排泄、惊扰游客&#xff0c;甚…...

编程日记 2025/7/22 22:38:24

AJAX原理

AJAX使用XHR 对象和服务器进行数据交互 XHR <p class"my-p"></p><script>const xhr new XMLHttpRequest()xhr.open(GET,http://hmajax.itheima.net/api/province)xhr.addEventListener(loadend,()>{// console.log(xhr.response)const data …...

编程日记 2025/7/19 4:31:18

内存泄露，如何判断是资源泄露还是堆栈泄露？

作为软件测试工程师，判断内存泄露类型对于定位和解决问题至关重要。以下是区分资源泄露和堆栈泄露的方法： 1. 基本概念区分 资源泄露(Resource Leak)： 指非内存资源未正确释放，如文件句柄、数据库连接、网络套接字等 虽然不直接表现为Java堆内存增长，但会导致系统资源耗…...

编程日记 2025/7/18 21:34:13

无人甘蔗小车履带式底盘行走系统的研究

1.1 研究背景与意义 1.1.1 研究背景 甘蔗作为全球最重要的糖料作物之一&#xff0c;在农业经济领域占据着举足轻重的地位。我国是甘蔗的主要种植国家&#xff0c;尤其是广西、广东、云南等地&#xff0c;甘蔗种植面积广泛&#xff0c;是当地农业经济的重要支柱产业。甘蔗不仅…...

编程日记 2025/7/22 20:20:48

Redis设计与实现——单机Redis实现

RedisDB RedisDB的核心结构 键空间&#xff08;dict*dict&#xff09; 结构&#xff1a;哈希表&#xff08;字典&#xff09;&#xff0c;键为字符串对象&#xff08;SDS&#xff09;&#xff0c;值为 Redis 对象&#xff08;字符串、列表、哈希等&#xff09;。 功能&#x…...

编程日记 2025/7/20 1:35:20

ES C++客户端安装及使用

介绍 Elasticsearch &#xff0c; 简称 ES &#xff0c;它是个开源分布式搜索引擎&#xff0c;它的特点有&#xff1a;分布式&#xff0c;零配置&#xff0c;自动发现&#xff0c;索引自动分片&#xff0c;索引副本机制&#xff0c;restful 风格接口&#xff0c;多数据源&…...

编程日记 2025/7/22 0:34:37

C++学习之STL学习

在经过前面的简单的C入门语法的学习后&#xff0c;我们开始接触C最重要的组成部分之一&#xff1a;STL 目录 STL的介绍 什么是STL STL的历史 UTF-8编码原理&#xff08;了解&#xff09; UTF-8编码原理 核心编码规则 规则解析 编码步骤示例 1. 确定码点范围 2. 转换为…...

编程日记 2025/7/20 1:29:35

【东枫科技】使用LabVIEW进行NVIDIA CUDA GPU 开发

文章目录 工具包 CuLab - LabVIEW 的 GPU 工具包特性和功能功能亮点类似 LabVIEW 的 GPU 代码开发支持的功能数值类型和维数开发系统要求授权售价 工具包 CuLab - LabVIEW 的 GPU 工具包 CuLab 是一款非常直观易用的 LabVIEW 工具包&#xff0c;旨在加速 Nvidia GPU 上的计算密…...

编程日记 2025/7/19 21:05:17