- 博客(21)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Linux下使用cmake编译，利用yaml-cpp读取yaml文件
本文主要是用来记录一下Linux系统下，对yaml-cpp学习及使用过程中的一些问题。供大家一起交流学习。yaml-cpp 是一个开源库，地址为yaml-cpp 是通过 CMake 来进行构建和编译的。所以你必须先安装了cmake，此步骤自己去寻找。
2022-11-17 20:03:26
2630
原创 Ubuntu 18.04下通过Matlab runtime使用c++调用自己编写的matlab函数
Ubuntu 18.04下通过Matlab runtime使用c++调用自己编写的matlab函数
2022-09-26 14:17:13
2454
原创 vue-three 日常记录 人员定位/模型动态实时移动/前后端分离/websocket/前端vue-three/解决内存占用大的问题
由于项目需要做一个人员定位的系统，最后采取的Django的后端框架，前端的VUE框架，前后端分离，通讯用的websocket。前端三维模型的展示用的three注：以下是我的思路，现在可以实现，如有问题或者改进，欢迎提问。以下内容只是我前端模型动态移动的代码和思路定义一个函数为加载模型的函数。记住一定要mesh放置在group中，这是为了后面移除的时候方便加载模型函数loaddog(){ this.group1=new THREE.Group()//添加一个组，group为全局变量
2021-04-27 21:19:20
744
原创 vue-three日常记录，实现场景物体模型移除以及内存清除问题
项目主要做的是UWB人员定位，前端用three去做的可视化地图。但是出现一个问题，会出现内存泄露，内存随时间一直增加。导致最后内存大了之后浏览器崩溃。后端数据通过websocket传到前端，将坐标储存到数组中，本次添加了一个watch去监听数组的变化。函数为watch:{ positions: { handler(newVal, oldVal) { console.log('1',newVal); console.log(oldVal);
2021-04-23 14:51:19
1496
1
原创 日常记录 vue-three中的sprite精灵与canvas结合
sprite精灵主要是three中始终朝向你的一个面，canvas为画布首先是创建sprite//添加sprite createSprite(data) { //将canvas作为sprite的材质 var texture = new THREE.Texture(this.createCanvas(data)); texture.minFilter = THREE.NearestFilter //这语句解决图片的失真问题，最近渲染 texture.n
2021-04-09 20:28:03
500
1
原创 日常记录，vue-table表格背景透明
.table-a{ position: absolute; top: 73%; left: 5%; width: 90%;}/**表格背景透明 *//*透明化整体*/.table-a /deep/ .el-table,.el-table__expanded-cell { background-color: transparent !important;}/*透明化行、单元格,删除表头下横线*/.table-a /deep/ tr, .table-a /deep/ th.
2021-04-06 19:47:03
2014
原创 日常记录vue-three，本文主要实现加载Gltf格式模型，并实现相应的动画。
主要效果如下：是基于已经设置好好相机，灯光等基本设置模型的话可以的话可以去这里下载模型下载地址：地址首先引用Gltf加载器import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";主要代码设置**1.第一步**首先在data中设置以下参数 mixer:null, clock: new THREE.Clock()2.第二步设置加载模型函数首先加载模型及设置动画loadGltf() {
2021-03-16 10:53:02
745
原创 日常记录，vue three 添加sprite精灵还有标签
加一个容器 <canvas id="c" class="canvas"> <img src="../../src/images/人员定位.png" alt="err" id="scream" width="1500" height="1500"> </canvas>class全局样式 .canvas { position: absolute; }createSprite(data)
2021-03-15 15:44:00
638
原创 日常记录 vue three 屏幕坐标转世界坐标
data中添加 mouse：null，onDocumentMouseDown(event) { //屏幕坐标系转换为three.js坐标系 // 屏幕坐标为event.clientX 标准设备坐标event.clientX / window.innerWidth) * 2 - 1 //标准设备坐标(z=0.5这个值并没有一个具体的说法) let vector = new THREE.Vector3( (event.clientX / window.inner
2021-03-14 20:07:22
304
原创 vue-three日常记录 主要利用three实现运动轨迹，轨迹随着物体的运动，边运动边显示
文章目录前言一、注意二、使用步骤1.定义全局变量2.核心代码前言基本效果如下一、注意本实例是基于你己经建立好场景，相机，灯光。二、使用步骤1.定义全局变量首先在data中添加mesh：null，//此为移动物体points：null，//此为物体移动坐标_lineA:null,//轨迹线2.核心代码注：由于没有跟后台去连接，读取后台数据，本次使用随机坐标，后期的后台数据处理可以根据现有的修改随机坐标代码如下： //自动生成坐标 zuobiao(){..
2021-03-14 20:04:20
1947
4
原创 天空盒
先引用import * as Three from '../../node_modules/three/build/three.module.js';import * as THREE from "three";在data中添加一下数据 posx:require('../assets/sky/posx.jpg'), negx:require('../assets/sky/negx.jpg'), posy:require('../assets/sky/p
2021-03-06 17:31:40
384
转载 vue结合three实现物体沿指定路径移动
转载于此博客此处主要去记录一下在代码实现过程中，对于自己项目所需要修改的内容。1、相机啥的要修改，别的不用修改2、一定要注意box4
2021-03-06 17:23:46
2127
原创 主要是vue与three结合，在three加载的窗口上添加DIV
项目场景：主要是vue与three结合，在three加载的窗口上添加DIV主要代码： <div class="controls-box"> <el-button type="primary" class="controls-button" size="mini" @click="threeD">3D视图</el-button> <el-button type="primary" class="controls-b
2021-03-06 17:18:41
572
原创 本文主要是关于如何在vue的el-table中添加图片，动态添加图片，以及图片的放大。
系列文章目录文章目录系列文章目录前言一、添加表格二、修改表头的颜色及每行的颜色三、表格中引入图片四、滑动条改变前言本文主要是关于如何在vue的el-table中去添加图片一、添加表格此处是引用的element官网的表格来实现的。element官网<el-table-column prop="date" label="日期" width="180" align="center" header-align="center" > 其中：align=‘enter’可以将每
2021-02-05 23:02:40
20644
6
原创 vue的dialog弹窗头部框的颜色及分界线
主要是在全局格式中定义，在全局格式中去引用。分为两步：第一步先在全局格式设置代码如下：<style >.upload-dialog .el-dialog__header { border-bottom: 1px solid #e8eaec; background: #b9d3f0; }</style>记住style里面的那个scope一定要去掉，其中： background: #b9d3f0;是定义了头部的背景颜色，border-bottom
2021-01-29 21:22:54
3639
原创 实现vue弹窗的拖拽
本文提要本文主要是针对vue弹窗实现拖拽功能即移动功能文章目录本文提要前言一、创建一个js文件二、在main.js里面引入此模块三、在需要进行弹窗的里面设置以下代码，标签引入 v-dialogDrag注意：:close-on-click-modal="false"一定要添加这句话，要不然没有效果。前言实现拖拽其实简单来说就分为三步一、创建一个js文件因为本身dialog窗口不具备移动拖拽能力，所以需要以下方法去实现，在src/components同级文件下创建utils文件夹，然后
2021-01-29 21:15:25
1139
原创 echarts图表实现自适应窗口
写本文章主要是为做笔记，记录一下实现echarts自适应，只需要在绘制图表函数里面放置一个函数 window.onresize = myChart.resize;myChart是对应的容器的名字
2021-01-28 11:35:03
216
原创 父子组件弹窗，并且将其移植到echart图表中，设置缩放按钮。
由于项目的echarts图表较小，所以考虑打算在echarts的toolbox里面添加一个缩放按钮，点击按钮，将echarts图表放大。文章目录由于项目的echarts图表较小，所以考虑打算在echarts的toolbox里面添加一个缩放按钮，点击按钮，将echarts图表放大。前言一、父子组件的弹窗设置。1.父组件1.子组件二、echarts的toolbox添加自定义按钮2.动态数据监控前言思路拆解：我先完成了父子组件的弹窗设置，用的dialog弹窗。完成这一项之后，将toolbox的点击
2021-01-27 19:14:55
566
原创 如何在vue的dialog弹窗中显示echarts图表，并且点击第一次就能显示，解决不会出现点击一次，不出现图表，第二次才出现图表的问题
如何在vue的dialog弹窗中显示echarts图表，并且点击第一次就能显示，解决不会出现点击一次，不出现图表，第二次才出现图表的问题。经过多次搜索并且在别人的启示下做出改动。别人的帮助实现的效果如下：完整代码<template> <div class="app-container"> <el-button type="text" @click="newDialogFormVisible = true">点击打开 Dialog</el-bu
2021-01-26 11:51:11
6795
6
原创 vue中对echarts折线图设置基准线/警告线，可在输入框输入想要的值，并改变已有的基准线的值。
系列文章目录前端小白，来此做笔记，前端vue框架下的echart添加警戒线，可在输入框中去输入想要设置的数值，按保存键去实现。同时可对警戒线的上下进行颜色的区分。采用的后端动态数据写文章为了以后碰见相似的问题，以此来当做笔记前言看效果图是否是你想要的效果，在选择往下看。**注：本案例是基于已经准备好的echart的dom** 1、首先添加右上角的： 安全基线、输入框、确认代码如下：<div class="c1"> <span class="whit
2021-01-20 21:59:27
3507
Ubuntu 18.04下通过Matlab runtime使用c++调用自己编写的matlab函数
2022-09-26
vue-three 带动画的fbx，glif格式的模型，能成功导入带动画的模型.zip
2021-03-16
vue-three 带动画的fbx，glif格式的模型，能成功导入模型.zip
2021-03-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人