- 博客(45)
- 收藏
- 关注
RSS订阅原创 python去除图片背景
最近需要对图片进行处理，原因是往3d模型上贴图需要不带背景的图片，而一般图片或AI生成的图片都是有背景的，因此我需要对图片去背景化。非常简单，当然还可以在此基础上做一下修改，给一个图片的url，处理后上传oss。好的，废话不多说，直接上源码吧。需要安装相应的安装包。
2024-12-17 17:32:39
234
原创 obj模型转成gltf/glb格式
先说明我为什么要这样做，因为我需要将obj模型通过python脚本放入到blender中，但是blender python api中的obj导入并不太好用，只能导入glb格式的，因此呢，我就去找obj转glb的方法，有一种是前端npm install obj2gltf 然后通过命令将obj转成gltf，我试过确实没问题，但是不符合我的要求。我需要使用python脚本实现自动化转格式，因此就找了很多资料，发现很多都不能用。是不是非常简单，仅需要五行代码，甚至三行就可以搞定了。但是最后终于被我找到了！
2024-10-18 13:30:01
845
原创 前端遮罩层的应用
难点是如何扣除一个洞呢？需要在遮罩层加一个css样式：mix-blend-mode:multiply，功能是开启混合模式，会将该样式和子样式的颜色发生混合。首先是设置一个盒子，在盒子上套一层遮罩，然后使用在遮罩上面抠出一个洞来。然后将洞的颜色调成白色，这样就能显示出类似于一个洞的效果。ok，然后说一下原理。
2024-10-18 13:22:02
578
原创 读取obj文件中的vt并转成需要的uv数据
适用场景：加载的obj模型需要发生形变，同时还要展示模型的纹理效果，可以使用到面料模拟或者弹性物体的模拟当中。5、读取模型的uv，使用纹理加载器加载图片，放入到模型上。3、根据存储的v索引和vt索引新增uv数据。1、读取obj文件中的vt的值，存起来。2、读取f值，存v索引和vt索引。4、将整个uv数组放入到模型当中
2024-09-03 13:15:55
380
原创 手动读取obj文件并使用threejs展示出来
threejs拥有自己的加载器，可以支持obj、gltf等格式的加载，能够实现快速的导入模型，但是如果需要改变模型的形状呢，那加载器的方式可能就不是那么方便了。这是官方文档给出的例子，也就是说最少需要顶点数据，如果是复杂多边体还需要面的数据，uv数据，因此需要读取obj模型中的数据，然后转成对应的格式。因此使用BufferGeometry的方式来通过模型数据自己创建网格，然后放入到3d场景中。通过import的方式导入，使用这个方法，将obj文件的位置入参即可。
2024-09-02 16:14:34
399
原创 threejs实现八叉树可视化
八叉树主要是为了实现物理碰撞检测的一种算法，但是呢，在threejs中要想使用八叉树但是有需要有反馈，那么八叉树可视化是一种比较好的方式那么如何操作呢1、导入octree，生成八叉树对象2、创建一个模型，然后将mesh放入到八叉树对象中3、创建一个八叉树可视化对象，放入八叉树，然后再将可视化对象放入到场景中就可以了然后就可以看到了，展示一下效果图就是这样
2024-08-21 14:22:21
368
原创 程序员如何快速修改图片颜色
今天发现很多程序员并不会使用ps，当然我也不会（完全是因为懒~），所以呢，使用代码来实现修改图片指定颜色的功能 就是这个文章的主题咯。将自己图片的路径放入到b.png那个位置，然后就执行就可以 了。需要在有python环境下，有pillow安装包的情况下使用。
2024-08-07 16:26:47
373
原创 three-platformize 微信小程序 uniapp 使用截图功能
原理：将3维场景的那个canvas中的像素提取出来，找一个空的canvas二维画布放上去，然后用二维画布的那个进行截图。然后就是我通过this. 的方式一直获取不到data中的方法，因此呢就把渲染器什么的都放入到了全局变量中。最近需要将3d场景进行截图，但是网上的各种各样，看的我一团乱麻，因此在解决完后就将这些简单的分享一下；注意：代码是在uniapp vue3中使用的，微信小程序原生的当然也是可以用的了。然后放入场景、相机、渲染器、以及一个WebGLRenderTarget。
2024-07-09 14:59:46
819
原创 微信小程序 调色板
这是插件的地址，使用的话先把这个插件下载下来，找到src，在项目创建一个文件夹，把src中的内容拷进去，然后调这个就可以了，具体的话看微信开发如何调用插件。注意：是在uniapp中直接使用的一个color-picker插件，改一下格式即可在微信小程序的原生代码中使用。我这是uniapp vue3版本的，微信小程序版本的github上已经有了，照着写就可以。
2024-07-03 17:12:41
1383
原创 threejs 微信小程序原生版本的使用 obj模型的加载
我使用的是three-platformize，可以通过npm install的方式直接安装的，小程序原生的npm我还没有试过，加载进去后用THREE替换掉common_vendor即可，加载器那里需要导入OBJLoader，然后就可以直接用了。
2024-07-03 16:49:00
705
1
原创 go使用grpc编辑器 windows
先下载一个protoc.exe，放入到go的bin目录下，什么？看自己go的环境变量，把这个放到环境变量指定的文件夹内就行，或者随意放在一个地方，整个环境变量也可。前提首先是已经安装好了go环境和protoc，如何安装golang就直接省略了。注意：执行这个代码可能会出现下载失败的情况，修改一下环境变量即可。会生成proto.pb.go文件，主要存储的是封装好的结构体。win+r 输入cmd （位置随意）一个是更换环境变量，一个是查看配置。配置好环境再去运行上述两行代码。
2024-07-02 16:04:06
304
原创 实现模型贴图的移动缩放旋转
原理：threejs中没有局部贴图的效果，只能通过map 的方式贴到模型上，所以说换一种方式来实现，通过canvas+fabric来实现图片的移动缩放旋转，然后将整个画布以map 的形式放到模型材质上，实现局部贴图的效果。我是使用的vue3，同时还包含了oss的图片上传功能以及threejs 的反射效果，当点击模型上的图片时，即可选中图片，并通过wasd移动图片位置，qe旋转，123456789各个位置的缩放，还是很有趣的~技术：threejs+canvas+fabric。
2024-07-02 11:50:11
586
原创 微信小程序 canvas 处理图片的缩放移动旋转问题
~CanvasDrag的路径是引入插件的路径，下面的utils_storageUtil是存储功能的，可不加，utils_storageUtil是在导出图片那块儿使用到的，删掉即可。创建了一个由canvas-drag封装过的画布，然后增加了一些按钮。这里使用到了一个插件，canvas-drag，来实现大部分功能的。下载下来，将这个文件夹拷到自己的文件夹下即可。emmmm，忘记给插件地址了~
2024-07-02 09:23:33
1252
1
原创 微信小程序版threejs的使用
注意：我的操作均是使用uniapp的方式使用的，直接在微信开发者工具中也是可以使用的，只是导入依赖的方式可能不太一样，我没试过~最后的效果就是能够看到一个坐标系，并且可以移动，模型的话就自己去导入吧~目录中应该是这样的，package.json中应该是有这个依赖的。
2024-06-26 15:29:11
3321
原创 解决threejs导入fabric画布时出现的跨域问题
使用threejs创建三维空间并导入模型，希望实现图片能够自己上传并放到模型上，需要使用到canvas画布，然后将整个画布以材质贴图的形式放到模型上，而canvas中的fabricjs能够解决图片的上传和随意的在画布上修改图片的大小、位置、旋转角度。但是如果使用fabricjs上传远程路径的图片就会导致画布被污染而无法放入到模型上，主要原因还是跨域问题，那么如何解决呢？解决threejs导入fabric画布时出现的跨域问题。
2024-06-24 13:38:29
482
原创 godot的安装和使用 1
今天是第一节，因此呢先做godot的安装，其实很简单。打开第一个就是可视化界面的，进入后是这个样子。安装好之后呢，会有两个文件。
2024-06-04 16:11:56
1063
原创 vue3+threejs入门
threejs首先是场景，也就是能够看到的界面，我们可以生成一个物体放入到场景中，这样我们就能在场景中看到这个物体，通过设置这个物体的属性，可以改变物体的形状、材质、位置，如果这个时候看网页的话，就会发现页面中有一个物体，但是并不会动，因为场景物体和物理世界物体并没有关联，但是物理世界的物体是真实存在的。还有一个是物理世界，这个在页面中是看不到的，但是能够展示一些物理效果，比如设置重力、碰撞等等。小白的话，可以直接将这段代码放入到App.vue中，直接替换掉app.vue，就能够直接运行，
2024-05-17 10:13:46
2308
原创 做一个属于自己的软件-pyside6快速上手教程
新建一个python文件，去调用生成的py文件，然后连接上按钮和方法，当点击按钮后就可以执行方法了。我保存为hello.ui文件，并在这个文件同级目录下执行，然后就得到了一个ui.py文件。首先环境需要安装python3和pip，软件使用pycharm，安装也都很简单。可以从左侧点击鼠标拉组件进入到中间的工作区，然后就能够自定义窗口啦。然后就会获得一个xxx.ui格式的文件，在这个文件目录下，执行。接下来是将整个界面变成python代码，从而添加一些功能。然后进入可视化编辑界面。就能够生成一个py文件。
2024-05-10 13:08:52
581
原创 3维仿真：快速获得模型的点云数据（colmap的安装和使用）
首先，用到的工具是colmap，通过colmap识别图像或者视频，来生成点云数据。接下来就是colmap的使用--------------------最后就能够生成点云数据，但是要获得ply文件和npz文件还有几步。images选择存放照片的文件夹，最后点击save。database可以在项目中创建一个db文件。下载后解压缩，找到bat文件。注意，不要关闭出现的黑窗口。
2024-03-20 15:23:57
1065
1
原创 通过python将ply文件展示3d模型
下载这个就可以了，也可以下载其他的模型，看自己的想法。下载完成后是一个压缩包，里面有很多的ply文件，data中是模型各部分的，resource是整个模型的。ply文件存储了3维模型的点坐标，面坐标，法线，颜色等信息，具体的内容我还在学习当中，不过其中包含三维数组的点足够将模型展示出来了。
2024-03-15 18:09:47
1725
1
原创 python发送UDP到c#脚本，实现unity3维模型运动控制
当摄像头中的蓝色框发生移动和改变时，立方体模型中的c#脚本中的数据就会发生改变，也就是右下角那块儿，只需要再改一下c#脚本，就可以实现移动。实现原理是通过颜色调试器来获取对象的，可以修改hsvVals的值来自定义获取自己的颜色。当前先做一个小游戏，通过颜色识别得到一些数据发送给c#脚本。
2024-03-14 18:01:31
516
1
原创 anaconda版本控制工具的使用
conda create --name 环境名称 python=3.7 创建一个3.7版本的python环境。conda activate 环境名称 激活（使用）环境。可以通过conda来实现对python的控制，并且能够自动的配置相关安装包的环境，那么，具体是如何使用的呢。如果使用cmd.exe来运行代码，call conda.bat activate 环境名称 来激活环境。
2024-03-11 18:02:16
466
1
原创 在python项目中import dlib失败解决方案
然后pip install 文件所在位置\dlib-19.22.1-cp39-cp39-win_amd64.whl。然后我还需要 shape_predictor_68_face_landmarks.dat 文件。输入代码：conda install -c conda-forge dlib。会自动安装dlib需要的环境，出现y/x？时，输入y 回车就可以了。首先第一种方式是使用Anaconda，需要安装Anaconda，下载自己python对应的版本。直接下载即可。下载后导入项目中即可。
2024-03-11 16:56:06
1025
1
原创 react select的使用
在使用完成后需要将值清空，可以通过this.setState(gWeight:undefined)的方式进行清空。然后在需要使用react select组件的jsx当中导入。，首先需要安装该库，可以使用。然后就可以正常使用了。
2024-03-08 10:55:05
1006
1
原创 pq: P:“77“ F:“parse_relation.c“ L:“1379“ R:“parserOpenTable“ S:“ERROR“ ...问题解决方案
出现一下问题是由于找不到patterns表所致，可以去看配置文件中的数据库连接是否正确，包括host，dbname，username，password，我出现这个问题正是由于数据库名称不对导致的。
2024-03-06 13:07:48
415
1
原创 pgsql安装教程及问题解决方案
下载官网：https://www.postgresql.org/然后就能够正常打开pgsql安装包了。然后点击安装好的exe文件进行安装。则更改计算机名称，全部改为英文。password可自行设置。
2024-02-27 13:15:36
477
1
原创 解决代码硬编码问题--配置文件的使用
创建一个类，如下，使之在配置文件中生效（prefix可自定义，成员变量可自定义）SpringBoot可以通过配置文件来解决代码部分硬编码问题。使用时，仅仅需要注入这个类的Bean，然后获取其中的变量即可。
2024-02-18 19:56:30
682
1
原创 通过AOP切面实现公共字段的自动填充
1). 自定义注解 AutoFill，用于标识需要进行公共字段自动填充的方法2). 自定义切面类 AutoFillAspect，统一拦截加入了 AutoFill 注解的方法，通过反射为公共字段赋值3). 在 Mapper 的方法上加入 AutoFill 注解
2024-02-16 11:55:06
1158
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人