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

五、Three.js顶点UV坐标、纹理贴图

news 来源：原创 2025/9/14 7:39:37

一部分来自1. 创建纹理贴图 | Three.js中文网，一部分是自己的总结。

一、创建纹理贴图

注意：把一张图片贴在模型上就是纹理贴图

1、纹理加载器TextureLoader

注意：将图片加载到加载器中

通过纹理贴图加载器TextureLoader的load()方法加载一张图片可以返回一个纹理对象Texture，纹理对象Texture可以作为模型材质颜色贴图.map属性的值。

const geometry = new THREE.PlaneGeometry(200, 100); 
//纹理贴图加载器TextureLoader
const texLoader = new THREE.TextureLoader();
// .load()方法加载图像，返回一个纹理对象Texture
const texture = texLoader.load('./earth.jpg');
const material = new THREE.MeshLambertMaterial({// 设置纹理贴图：Texture对象作为材质map属性的属性值map: texture,//map表示材质的颜色贴图属性
});

2、颜色贴图属性`.map`

也可以通过颜色贴图属性.map直接设置纹理贴图，和材质的参数设置一样。

material.map = texture;

3、颜色贴图和color属性颜色值会混合

材质的颜色贴图属性.map设置后，模型会从纹理贴图上采集像素值，这时候一般来说不需要再设置材质颜色.color。.map贴图之所以称之为颜色贴图就是因为网格模型会获得颜色贴图的颜色值RGB。

颜色贴图map和color属性颜色值会混合。如果没有特殊需要，设置了颜色贴图.map,不用设置color的值，color默认白色0xffffff。

const material = new THREE.MeshBasicMaterial({color:'green',map:texture
})

4、测试不同几何体添加纹理贴图的效果

你可以尝试把颜色纹理贴图映射到不同的几何体上查看渲染效果，至于为什么映射效果不同，其实和UV坐标相关，具体可以关注下节课关于UV坐标的讲解

4.1、矩形

const geometry = new THREE.BoxGeometry(100, 100, 100); //长方体

4.2、圆形

const geometry = new THREE.SphereGeometry(60, 25, 25); //球体

5、全部代码：

import * as THREE from 'three'const geometry = new THREE.SphereGeometry(100,100,100)
const LoadTex = new THREE.TextureLoader();
const texture = LoadTex.load('./map.jpg')
const material = new THREE.MeshBasicMaterial({// color:'green'map:texture
})const mesh = new THREE.Mesh(geometry,material)
export default mesh

二、自定义顶点UV坐标

学习自定义顶点UV坐标之前，首先保证你对BufferGeometry的顶点数据、纹理贴图都有一定的理解。

1、顶点UV坐标的作用

顶点UV坐标的作用是从纹理贴图上提取像素映射到网格模型Mesh的几何体表面上。

浏览器控制台查看threejs几何体默认的UV坐标数据

const geometry = new THREE.PlaneGeometry(200, 100); //矩形平面
// const geometry = new THREE.BoxGeometry(100, 100, 100); //长方体
// const geometry = new THREE.SphereGeometry(100, 30, 30);//球体
console.log('uv',geometry.attributes.uv);

2、纹理贴图UV坐标范围

顶点UV坐标可以在0~1.0之间任意取值，纹理贴图左下角对应的UV坐标是(0,0)，右上角对应的坐标(1,1)。

3、自定义顶点UV`geometry.attributes.uv`

/**纹理坐标0~1之间随意定义*/
const uvs = new Float32Array([0, 0, //图片左下角1, 0, //图片右下角1, 1, //图片右上角0, 1, //图片左上角
]);
// 设置几何体attributes属性的位置normal属性
geometry.attributes.uv = new THREE.BufferAttribute(uvs, 2); //2个为一组,表示一个顶点的纹理坐标

4、获取纹理贴图四分之一

获取纹理贴图左下角四分之一部分的像素值

const uvs = new Float32Array([0, 0, 0.5, 0, 0.5, 0.5, 0, 0.5, 
]);

5、全部代码：

import * as THREE from 'three';const geometry = new THREE.BufferGeometry();
const vertices = new Float32Array([0, 0, 0,100, 0, 0,100, 100, 0,0, 0, 0,100, 100, 0,0, 100, 0
])
const attribue = new THREE.BufferAttribute(vertices, 3);
geometry.attributes.position = attribue;const uv = new Float32Array([0, 0,1, 0,1, 1,0, 0,1, 1,0, 1
])
geometry.attributes.uv = new THREE.BufferAttribute(uv, 2)const LoadTex = new THREE.TextureLoader();
const texture = LoadTex.load('./map.jpg')
const material = new THREE.MeshBasicMaterial({// color: 'green',map: texture
})const mesh = new THREE.Mesh(geometry, material)
export default mesh

三、圆形平面设置纹理贴图

其实很简单，可以通过圆形几何体CircleGeometry创建一个网格模型Mesh，把一张图片作为圆形Mesh材质的颜色贴图，这样就可以把一张方形图片剪裁渲染为圆形效果。

import * as THREE from 'three';const geometry = new THREE.CircleGeometry(100,100)const LoadTex = new THREE.TextureLoader();
const texture = LoadTex.load('./map.jpg')
const material = new THREE.MeshBasicMaterial({// color: 'green',map: texture
})const mesh = new THREE.Mesh(geometry, material)
export default mesh

四、纹理对象Texture阵列

使用threejs纹理对象Texture的阵列功能+矩形平面几何体PlaneGeometry实现一个地面瓷砖效果

1、矩形平面设置颜色贴图

const geometry = new THREE.PlaneGeometry(2000, 2000);
//纹理贴图加载器TextureLoader
const texLoader = new THREE.TextureLoader();
// .load()方法加载图像，返回一个纹理对象Texture
const texture = texLoader.load('./瓷砖.jpg');
const material = new THREE.MeshLambertMaterial({// 设置纹理贴图：Texture对象作为材质map属性的属性值map: texture,//map表示材质的颜色贴图属性
});
const mesh = new THREE.Mesh(geometry, material);

2、纹理对象`Texture`的阵列功能

// .load()方法加载图像，返回一个纹理对象Texture
const texture = texLoader.load('./瓷砖.jpg');
// 设置阵列模式
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
// uv两个方向纹理重复数量
texture.repeat.set(12,12);//注意选择合适的阵列数量

3、旋转矩形平面

注意旋转方向影响矩形平面背面还是正面朝上，threejs默认渲染正面，不渲染背面

// 旋转矩形平面
mesh.rotateX(-Math.PI/2);

5、全部代码

import * as THREE from 'three';const geometry = new THREE.PlaneGeometry(2000, 2000)const LoadTex = new THREE.TextureLoader();
const texture = LoadTex.load('./瓷砖.jpg')
//允许阵列
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;texture.repeat.set(12, 12)const material = new THREE.MeshBasicMaterial({// color: 'green',map: texture
})const mesh = new THREE.Mesh(geometry, material)
mesh.rotateX(-Math.PI/2)
export default mesh

五、矩形Mesh+背景透明png贴图

three.js项目开发中，把一个背景透明的.png图像作为平面矩形网格模型Mesh的颜色贴图是一个非常有用的功能，通过这样一个功能，可以对three.js三维场景进行标注。

整体思路：创建一个矩形平面，设置颜色贴图.map,注意选择背景透明的.png图像作为颜色贴图，同时材质设置transparent: true，这样png图片背景完全透明的部分不显示。

// 矩形平面网格模型设置背景透明的png贴图
const geometry = new THREE.PlaneGeometry(60, 60); //默认在XOY平面上
const textureLoader = new THREE.TextureLoader();
const material = new THREE.MeshBasicMaterial({map: textureLoader.load('./指南针.png'),        transparent: true, //使用背景透明的png贴图，注意开启透明计算
});
const mesh = new THREE.Mesh(geometry, material);
mesh.rotateX(-Math.PI / 2);

1、网格地面辅助观察`GridHelper`

//辅助网格线
const gridHelper = new THREE.GridHelper(500,25,'green','red')
scene.add(gridHelper)

2、开启透明`transparent: true`

const material = new THREE.MeshBasicMaterial({// color: 'green',map: texture,transparent: true, //使用背景透明的png贴图，注意开启透明计算
})

3、旋转平移矩形平面

PlaneGeometry矩形平面默认是在XOY平面上，如果你想平行于XOZ平面，就需要手动旋转。

mesh.rotateX(-Math.PI/2);//平行地面：矩形Mesh默认单面可见，注意旋转-Math.PI / 2

如果你不想矩形平面Mesh与地面网格线重合，可以通过位置属性.position偏移。

mesh.position.y = 1;//适当偏移，不与地面重合

六、UV动画

通过纹理对象的偏移属性.offset给大家实现一个UV动画效果。

1、纹理对象`.offset`属性

纹理对象Texture的.offset的功能是偏移贴图在Mesh上位置，本质上相当于修改了UV顶点坐标。

texture.offset.x +=0.5;//纹理U方向偏移

texture.offset.y +=0.5;//纹理V方向偏移

2、纹理对象`.wrapS`或`.wrapT`与`.offset`组合使用

texture.offset.x +=0.5;//纹理U方向偏移
// 设置.wrapS也就是U方向，纹理映射模式(包裹模式)
texture.wrapS = THREE.RepeatWrapping;//对应offste.x偏移

texture.offset.y +=0.5;//纹理V方向偏移
// 设置.wrapT也就是V方向，纹理映射模式
texture.wrapT = THREE.RepeatWrapping;//对应offste.y偏移

3、纹理UV动画

纹理对象Texture的.offset的功能是偏移贴图在Mesh上位置。

// 渲染循环
function render() {texture.offset.x +=0.001;//设置纹理动画：偏移量根据纹理和动画需要，设置合适的值renderer.render(scene, camera);requestAnimationFrame(render);
}
render();

4、纹理贴图阵列 + UV动画

通过阵列纹理贴图设置.map,这样的话贴图像素可以更小一些

// 设置U方向阵列模式
texture.wrapS = THREE.RepeatWrapping;
// uv两个方向纹理重复数量
texture.repeat.x=50;//注意选择合适的阵列数量

// 渲染循环
function render() {texture.offset.x +=0.1;//设置纹理动画：偏移量根据纹理和动画需要，设置合适的值renderer.render(scene, camera);requestAnimationFrame(render);
}
render();

5、全部代码

import * as THREE from 'three';const geometry = new THREE.PlaneGeometry(500, 100)const LoadTex = new THREE.TextureLoader();
const texture = LoadTex.load('./瓷砖.jpg')
const material = new THREE.MeshBasicMaterial({// color: 'green',map: texture,transparent: true, //使用背景透明的png贴图，注意开启透明计算
})texture.wrapS = THREE.RepeatWrapping;
texture.repeat.x = 6;
const cube = new THREE.Mesh(geometry, material)
cube.rotateX(-Math.PI / 2);
export  { cube, texture }

import { cube, texture } from './group.js'function render() {texture.offset.x += 0.005renderer.render(scene, camera)requestAnimationFrame(render)
}render()

五、Three.js顶点UV坐标、纹理贴图

一部分来自1. 创建纹理贴图 | Three.js中文网 ，一部分是自己的总结。一、创建纹理贴图注意：把一张图片贴在模型上就是纹理贴图 1、纹理加载器TextureLoader 注意：将图片加载到加载器中通过纹理贴图加载器TextureLoader的load()方法加…...

编程日记 2025/9/14 7:39:37

Linux Kernel Connection Tracking Table

在 Linux 内核中，连接跟踪表（Connection Tracking Table，简称 conntrack）是一个用于跟踪网络连接状态的核心组件。它主要由 Netfilter 框架管理，广泛应用于防火墙、NAT（网络地址转换）和负载均衡…...

编程日记 2025/9/10 22:56:32

NavVis VLX三维扫描：高层建筑数字化的革新力量【沪敖3D】

在三维激光扫描领域，楼梯结构因其复杂的空间形态和连续垂直移动的实际需求，一直是技术难点之一。利用NavVis VLX穿戴式移动扫描系统成功完成一栋34层建筑的高效扫描，其中楼梯部分的数据一遍成形且无任何分层或形变。本文将深入分析该项目的技…...

编程日记 2025/9/10 21:22:32

JVM生产环境问题定位与解决实战（二）：JConsole、VisualVM到MAT的高级应用

生产问题定位指南：几款必备的可视化工具引言在上一篇文章中，详细的介绍了JDK自带的一系列命令行工具，，如jps、jmap、jstat、jstack以及jcmd等，这些工具为排查和诊断Java虚拟机（JVM）问题提供…...

编程日记 2025/9/11 20:47:01

【深入理解JWT】从认证授权到网关安全

最近的项目学习中，在进行登陆模块的用户信息验证这一部分又用到了JWT的一些概念和相关知识，特在此写了这篇文章、方便各位笔者理解JWT相关概念目录先来理解JWT是什么？ 区分有状态认证和无状态认证有状态认证 VS 无状态认证 JWT令牌的…...

编程日记 2025/9/10 9:56:26

esp工程报错：something went wrong when trying to build the project esp-idf 一种解决办法

最近上手了正点原子esp32s3板子，环境采用的是vscodeesp-idf插件。导入了正点原子的demo测试，每次都报这个错误无法建造。也不是网上说的ninja error，不是中文路径的问题。在终端中查看，发现是缺少了git。（我这里没有…...

编程日记 2025/8/16 10:53:22

基于MATLAB红外弱小目标检测MPCM算法复现

摘要：本文详细介绍了一种基于人类视觉系统特性的红外弱小目标检测算法——Multiscale patch-based contrast measure (MPCM)。该算法通过增强目标与背景的对比度，有效检测红外图像中的弱小目标，并在MATLAB环境中进行了复现与实验验证。关键…...

编程日记 2025/9/12 5:33:00

java基础面试篇

目录 1.概念 1.1说一下Java的特点 1.2Java为什么是跨平台的？ 1.3 JVM、JDK、JRE三者关系？ 1.4为什么Java解释和编译都有？ 1.5 jvm是什么？ 1.6 编译型语言和解释型语言的区别？ 1.7 Python和Java区别是什么&#…...

编程日记 2025/9/9 1:12:16

Java Map实现类面试题

Java Map实现类面试题 HashMap Q1: HashMap的实现原理是什么？ HashMap基于哈希表实现，使用数组链表红黑树（Java 8）的数据结构。 public class HashMapPrincipleExample {// 模拟HashMap的基本结构public class SimpleHashMap&…...

编程日记 2025/9/11 16:05:51

Vue2+Three.js加载并展示一个三维模型（提供Gitee源码）

目录一、案例截图二、安装Three.js 三、代码实现四、Gitee源码一、案例截图二、安装Three.js npm install three 三、代码实现模型资源我是放在public文件夹下面的： 完整代码： <template><div><div ref"container&qu…...

编程日记 2025/9/12 7:01:25

Spark内存并行计算框架

spark核心概念 spark集群架构 spark集群安装部署 spark-shell的使用通过IDEA开发spark程序 1. Spark是什么 Apache Spark™ is a unified analytics engine for large-scale data processingspark是针对于大规模数据处理的统一分析引擎 spark是在Hadoop基础上的改进&…...

编程日记 2025/9/12 0:48:33

DeepSeek等LLM对网络安全行业的影响

大家好，我是AI拉呱，一个专注于人工智领域与网络安全方面的博主，现任资深算法研究员一职，兼职硕士研究生导师；热爱机器学习和深度学习算法应用，深耕大语言模型微调、量化、私域部署。曾获多次获得AI竞赛大奖，拥有多项发明专利和学术论文。对于AI算法有自己独特见解和经验…...

编程日记 2025/9/9 14:30:54

【QT】QLinearGradient 线性渐变类简单使用教程

目录 0.简介 1）qtDesigner中 2）实际执行 1.功能详述 3.举一反三的样式 0.简介 QLinearGradient 是 Qt 框架中的一个类，用于定义线性渐变效果（通过样式表设置）。它可以用来填充形状、背景或其他图形元素&#xff0…...

编程日记 2025/9/13 22:18:28

可狱可囚的爬虫系列课程 15：防盗链反爬虫的处理

一、防盗链了解防盗链是一种技术手段，主要用于防止其他网站通过直接链接的方式使用本网站的资源（如图片、文件等），从而节省带宽和服务器资源。当其他网站尝试直接链接到受保护的资源时，服务器会根据设置的规则判断请求…...

编程日记 2025/9/12 22:58:25

Vue组件：从使用到原理的深度解析

一、什么是Vue组件？ 组件是Vue的核心特性之一，它允许开发者将UI拆分为独立可复用的代码片段。每个组件本质上是一个Vue实例，具有自己的： 模板（Template） 数据（Data） 方法&#xf…...

编程日记 2025/9/14 7:34:47

SpringBoot接入DeepSeek（硅基流动版）+ 前端页面调试

文章目录前言正文一、项目环境二、项目代码2.1 pom.xml2.2 DeepSeekController.java2.3 启动类2.4 logback-spring.xml2.5 application.yaml2.6 index.html 三、页面调试3.1 参数提示3.2 开始请求3.3 手动断开前言作为一个Java程序员，了解前沿科技技术&#xff…...

编程日记 2025/9/12 7:54:55

Lua的table(表)

Lua表的基本概念 Lua中的表（table）是一种多功能数据结构，可以用作数组、字典、集合等。表是Lua中唯一的数据结构机制，其他数据结构如数组、列表、队列等都可以通过表来实现。表的实现 Lua的表由两部分组成： 数组部分…...

编程日记 2025/9/13 7:26:24

修改前的代码但是总显示“失败” 原因是修改之后的代码 import requests import os from urllib.parse import unquote# 原始URL url https://cn.bing.com/images/search?viewdetailV2&ccidTnImuvQ0&id5AE65CE4BE05EE7A79A73EEFA37578E87AE19421&thidOIP.TnI…...

编程日记 2025/9/9 17:11:31

【Python爬虫(90)】以Python爬虫为眼，洞察金融科技监管风云

【Python爬虫】专栏简介：本专栏是 Python 爬虫领域的集大成之作，共 100 章节。从 Python 基础语法、爬虫入门知识讲起，深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑，覆盖网页、图片、音频等各类数据爬取，还涉及数据处理与分析。无论是新手小白还是进阶开发…...

编程日记 2025/9/11 5:55:58

idea + Docker + 阿里镜像服务打包部署

一、下载docker desktop软件官网下载docker desktop，需要结合wsl使用启动成功的画面(如果不是这个画面例如一直处理start或者是stop需要重新启动，不行就重启电脑) 打包成功的镜像在这里，如果频繁打包会导致磁盘空间被占满，需…...

编程日记 2025/9/13 14:41:50

C#模拟退火算法

模拟退火算法：寻找最优解的神奇 “退火之旅” 在生活中，我们都见过铁匠打铁。铁匠把烧得通红的铁块不断捶打，然后慢慢冷却，这样打造出来的金属制品才更坚固耐用。模拟退火算法就从这个退火过程中获得灵感，在计算机的数…...

编程日记 2025/9/10 0:22:05

网络安全防御模型

目录 6.1 网络防御概述一、网络防御的意义二、被动防御技术和主动防御技术三、网络安全纵深防御体系四、主要防御技术 6.2 防火墙基础一、防火墙的基本概念二、防火墙的位置 1.防火墙的物理位置 2.防火墙的逻辑位置 3. 防火墙的不足三、防火墙技术类型四…...

编程日记 2025/9/8 3:55:28

APP自动化实战

APP自动化能做什么？ 请看示例（实现批量的视频，封面功能复用能力（实现效果参考抖音号：71403700901） APP自动化实战－操作剪映APP PO模式 1. PO模式介绍 PO（Page Object）…...

编程日记 2025/9/9 18:07:32

Unity基础——资源导入

一.资源来源 1.Assert Store（Unity资源官方网站） （1）用于制作游戏的优质资源 | Unity Asset Store （2）或则通过Unity项目打开 2.外部资源 （1）淘宝 （2）找外…...

编程日记 2025/9/8 21:11:16

JMeter性能问题

性能测试中TPS上不去的几种原因性能测试中TPS上不去的几种原因_tps一直上不去-CSDN博客网络带宽连接池垃圾回收机制压测脚本通信连接机制数据库配置硬件资源压测机业务逻辑系统架构 CPU过高什么原因性能问题分析-CPU偏高 - 西瓜汁拌面 - 博客园 US C…...

编程日记 2025/9/10 6:37:07

形式化数学编程在AI医疗中的探索路径分析

一、引言 1.1 研究背景与意义在数字化时代，形式化数学编程和 AI 形式化医疗作为前沿领域，正逐渐改变着我们的生活和医疗模式。形式化数学编程是一种运用数学逻辑和严格的形式化语言来描述和验证程序的技术，它通过数学的精确性和逻辑性，确保程序的正确性和可靠性。在软件…...

编程日记 2025/8/31 19:06:51

DeepSeek开源周Day1：FlashMLA引爆AI推理性能革命！

项目地址：GitHub - deepseek-ai/FlashMLA 开源日历：2025-02-24起每日9AM(北京时间)更新，持续五天！ 一、开源周震撼启幕继上周预告后，DeepSeek于北京时间今晨9点准时开源「FlashMLA」，打响开源周五连…...

编程日记 2025/9/10 13:14:20

nginx 配置https

参考文档：nginx 文档 -- nginx官网|nginx下载安装|nginx配置|nginx教程配置 HTTPS 服务器 HTTPS 服务器优化 SSL 证书链单个 HTTP/HTTPS 服务器基于名称的 HTTPS 服务器具有多个名称的 SSL 证书服务器名称指示兼容性要配置 HTTPS 服务器，ssl…...

编程日记 2025/9/9 7:16:15

GhostBottleneck； InvertedResidual；Squeeze and Excite 是什么，怎么用

GhostBottleneck； InvertedResidual；Squeeze and Excite 是什么，怎么用目录 GhostBottleneck； InvertedResidual；Squeeze and Excite 是什么，怎么用GhostBottleneckInvertedResidualSqueeze and Excite（SE）GhostBottleneck 概念： GhostBottleneck 是在轻量级神经网…...

编程日记 2025/9/14 4:29:39

Docker启动ES容器打包本地镜像

文章目录 1、安装 Docker2、下载镜像3、查看已下载的镜像4、保存和加载镜像5、.tar 文件与 Docker 镜像的关系6、如何从 .tar 文件加载 Docker 镜像7、为什么需要 .tar 文件？8、ES 8.x版本无法启动8.1 问题原因8.2 解决方案8.3 提交容器为新镜像 1、安装 Docker 如…...

编程日记 2025/9/7 14:10:21

XXE漏洞：原理、危害与修复方法详解

目录一、XXE漏洞概述二、XXE漏洞原理三、XXE漏洞危害1. 任意文件读取2. 命令执行3. 拒绝服务攻击（DoS）4. SSRF攻击四、XXE漏洞修复方法1. 禁用外部实体JavaPythonPHP2. 输入验证和过滤3. 安全配置服务器4. 升级解析器版本五、总结一、XXE漏洞概述 XXE（XML External Entity…...

编程日记 2025/9/12 9:40:42

android keystore源码分析

架构 Android Keystore API 和底层 Keymaster HAL 提供了一套基本的但足以满足需求的加密基元，以便使用访问受控且由硬件支持的密钥实现相关协议。 Keymaster HAL 是由原始设备制造商 (OEM) 提供的动态加载库，密钥库服务使用它来提供由硬件支持的加密服…...

编程日记 2025/9/12 19:23:36

状态模式

状态（State）模式属于行为型模式的一种。状态模式允许对象在其内部状态改变时改变其行为，使其看上去就像改变了自身所属的类一样。状态模式是为了把一大串if...else...的逻辑给分拆到不同的状态类中，使得将来增加状态比较容易。…...

编程日记 2025/9/11 8:48:02

C++ | 面向对象 | 类

👻类 👾语法格式 class className{Access specifiers: // 访问权限DataType variable; // 变量returnType functions() { } // 方法 };👾访问权限 class className {public:// 公有成员protected:// 受保护成员private:// 私有成员 }…...

编程日记 2025/9/13 12:40:32

鸿蒙-AVPlayer

compileVersion 5.0.2（14） 音频播放 import media from ohos.multimedia.media; import common from ohos.app.ability.common; import { BusinessError } from ohos.base;Entry Component struct AudioPlayer {private avPlayer: media.AVPlayer | nu…...

编程日记 2025/9/8 13:29:30

Android移动应用开发实践-1-下载安装和简单使用Android Studio 3.5.2版本（频频出错）

一、下载安装 1.Android Studio3.5.2下载地址：Android Studio3.5.2下载地址其他版本下载地址：其他版本下载地址 2.安装教程（可以多找几个看看） 安装 | 手把手教你Android studio 3.5.2安装（安装教程）_a…...

编程日记 2025/9/13 16:15:40

从.m3u8到.mp4：使用批处理脚本完成视频处理的完整指南

这里介绍一个Windows批处理脚本（Windows Batch Script），主要用于处理 .m3u8 ts 视频文件的下载和合并功能。以下是程序的主要功能和逻辑流程： 功能概述参数检查与路径处理： 检查是否传递了文件或文件夹路径作为参数…...

编程日记 2025/9/13 13:47:54

qt5的中文乱码问题，QString、QStringLiteral 为 UTF-16 编码

qt5的中文乱码问题一直没有很明确的处理方案。今天处理进程间通信时，也遇到了qt5乱码问题，一边是设置的GBK，一边设置的是UTF8，单向通信约定采用UTF8。发送端保证发的是UTF8字符串，因为UTF8在网络数据包中没有字节序…...

编程日记 2025/9/9 7:17:29

Gurobi 并行计算的一些问题

最近尝试用 gurobi 进行并行计算，即同时用多个 cpu 核计算 gurobi 的 model，但是发现了不少问题。总体来看，gurobi 对并行计算的支持并不是那么好。 gurobi 官方对于并行计算的使用在这个网址，并有下面的大致代码： i…...

编程日记 2025/9/11 14:18:51

Vue3 中如何实现响应式系统中的依赖收集和更新队列的解耦？

一、问题解析：为什么需要解耦？ 在响应式系统中，依赖收集（追踪数据与视图的关联关系）和更新队列（批量处理数据变化带来的副作用）是两个核心但职责不同的模块。 Vue3 通过以下设计实现解耦&…...

编程日记 2025/9/9 15:55:10

vue项目中动态添加类名样式不生效问题

一、问题描述在vue项目中使用:class{tableContent: summary}给元素动态添加了类名tableContent，运行代码后查看类名已经添加成功但样式并未生效。二、问题产生原因并解决刚开始把样式写在了<style lang"scss" scoped></style>中&#x…...

编程日记 2025/9/11 20:00:06

供应链管理系统--升鲜宝门店收银系统功能解析，登录、主界面、会员 UI 设计图（一）

供应链管理系统--升鲜宝门店收银系统功能解析，登录、主界面会员 UI 设计图（一）...

编程日记 2025/9/11 23:29:32

用AI写游戏3——deepseek实现kotlin android studio greedy snake game 贪吃蛇游戏

项目下载 https://download.csdn.net/download/AnalogElectronic/90421306 项目结构就是通过android studio 建空项目，改下MainActivity.kt的内容就完事了 ctrlshiftalts 看项目结构如下核心代码 MainActivity.kt package com.example.snakegame1// MainA…...

编程日记 2025/9/10 6:22:35