- 博客(35)
- 收藏
- 关注
RSS订阅原创 21虚幻4【UE4】鼠标碰撞检测(实现鼠标监听，从而实现点击场景模型(碰撞体)高亮函数)
21虚幻4【UE4】鼠标碰撞检测(实现鼠标监听，从而实现点击场景模型(碰撞体)高亮函数。前情回顾 ：接着上篇文章单个模型高亮，UE场景中模型高亮衔接此文章一、思路：(1)通过鼠标左键、中键、右键绑定点击事件(2)通过函数ConverMouseLocationWorldSpace 将鼠标2D位置转化为三维世界的坐标(3)通过函数LineTraceByChannel根据点击的坐标位置，方向进行延申，形成一条射线，射中的第一个碰撞体接收命中的监测OutHit(4)根据此Actor可设置其属性
2022-02-19 00:46:07
4631
原创 20 虚幻4【UE4】场景中模型高亮轮廓
20、UE中如何使得模型再场景中高亮1.场景的世界大纲搜索Post Process Volume（后期处理体积）如果没有则需要在【放置Actor】中搜索，然后放到场景中2.选中【Post Process Volume】在细节中找到Post Process Materials（后期处理材质）需要添加一种高亮的材质，这个很重要，一般的材质不行，相当于勾勒出模型边缘的材质链接：https://pan.baidu.com/s/1x24mCOFrsK5aNOk33gLLWA提取码：v0qy切记：U
2022-02-18 23:31:28
1793
原创 Vue Router—编程式导航(router.push)传参、声明式导航( router-link )传参
目录一、编程式传参1.1、路由命名：name+params组合1.2、查询参数：path+query组合二、声明式传参1.1、字符串1.2、路由命名：name+params组合1.3、查询参数：path+query组合三、接收参数当然router不止这两类传参方式，还有路由配置中”冒号“ :后边添加参数，根据不同的参数来变化，我们这篇文章主要介绍的是标题中的两种方式。编程式的导航 router.push声明式的导航 < router-link >我们使用技术之前一定要明确专业术语
2021-10-13 13:36:22
2210
原创 div实现拖动时候出现禁止图标解决——e.preventDefault && e.preventDefault()；
这也是我在做项目中遇到的问题封装一个原生的视频播放器，逻辑关系写好之后，移动滑块出现之禁止的图标我面向百度编程，大部分提示设置draggable:true的方法，但是没有卵用后来就看到一篇文章说是由于浏览器默认事件导致的，那我们就取消默认事件呗preventDefault：它是事件对象(Event)的一个方法，作用是取消一个目标元素的默认行为。为什么我要用e.preventDefault && e.preventDefault();因为w3c的方法是e.prevent
2021-09-27 15:04:04
2683
5
原创 07虚幻4【UE4】 中Va Rest插件请求服务端
目录方法一：Call URL方法二：Apply URL方法三：Process URL首先在UE商城中搜索Va Rest 插件：①可创建json并构建此json②发送http协议进行请求服务端获取数据直奔主题，对于Va Rest有好多种请求方式，远远不止一种需要注意区分的是返回的内容是什么，能否区分请求失败还是成功方法一：Call URLTarget：Va Rest Subsystem返回内容：Va Rest Request JSON ，需要get Response Json获取对应的
2021-09-18 16:18:16
5835
7
原创 18虚幻4【UE4】 中场景中的N个actor赋予随机颜色
问题：现在1000个静态网格体要附上随机颜色的材质，难道我们要写1000中材质，然后附上去吗？一、思路：获取场景中物体——创建材质实例——修改材质参数①通过get actors with tag也好，通过get actors of class也好获取到场景中的actor物体，然后转换或者获取到primitive Componment(因为创建材质实例的目标Target is Primitive Component)②然后根据函数CreateDynamic Material Instance创建材质
2021-09-18 14:25:38
1540
1
原创 13虚幻4【UE4】 读写本地文件 利用VaRest和VictoryBPLibrary插件
首先：插件安装Va Rest(直接从商城中安装即可) ：形成一个json格式文件，和发送http请求数据(这里暂时不需要)VictoryBPLibrary：序列化和反序列化，也就是磁盘的读取和写入(商城中找不到，但是通过https://github.com/EverNewJoy/VictoryPlugin下载下来，在项目的根目录中创建Plugins文件夹，然后把此文件夹放到Plugins目录下即可)如果va Rest也不想从商城中直接安装，那就github中下载下来，然后和VIctoryBP
2021-09-17 16:48:05
5126
5
原创 11虚幻4【UE4】 让物体/图标始终朝向相机
目录一、创建poi的actor蓝图类二、添加widget组件并将用户界面绑定三、蓝图逻辑每一帧根据镜头进行旋转即可四、最后结果创建poi(兴趣点)蓝图类——添加widget组件并将用户界面绑定——蓝图逻辑每一帧根据镜头进行旋转即可一、创建poi的actor蓝图类一定要规范点命名，见名知意二、添加widget组件并将用户界面绑定双击进入蓝图类，添加组件widget选中widget在细节面板中找到用户界面的【Widget Class】可进行绑定自己创建的UI用户界面控件蓝图即可在视口中看到如
2021-09-14 10:22:20
6730
6
原创 前端解决多个跨域问题
前端解决多个跨域问题前言：虽然一直是前后端分离，但是没了解过跨域问题，直接是vue.config.js中的内容直接搬过来改改，但是后来调用了下百度语音拟合的api接口发现，有跨域问题，这个肯定不能动用后端了就查了下资料改了下proty代理的配置，总结了一下。对于问题要知道前因后果，所以先理解下为什么有跨域问题？因为前端代码是跑在浏览器里的你的所有网路请求说白了就是浏览器帮你发出去的. 并不是什么js帮你发出去的, js只是一门语言, 他只是按照浏览器的要求, 语法的要求, 按照一定的规范和格式
2021-08-29 21:25:38
954
原创 09虚幻4【UE4】中模型沿着轨道运动
09_Mesh沿着轨道运动思路：简单化，比如让一个物体沿着一条直线运动，比如双开移动门，是不是控制两个门分别往左边和右边移动，也就是通过addTime进行设置，每一帧改变Location就可以了。转化思路：轨道是不规则的样条曲线，不仅仅通过addTime的每一帧改变物体的Localtion还要改变物体的旋转Rotation，也就是每一帧的位置和旋转都是样条曲线的，也就是我们需要传入一个样条曲线的实例，所以定义一个变量，为此蓝图样条曲线的类型，把变量暴露出去，在场景中选中运动的物体，找到该物体的细节
2021-08-29 14:57:33
3769
2
原创 03虚幻4【UE4】蓝图通信
UE蓝图通信目录UE蓝图通信情景一方法一：直接拾取（简单粗暴，局限性一对一）方法二：获取类的actor+.(调用)自定义函数/变量(1)获取类的actor+.(调用)自定义函数(2)获取类的actor+.(调用)变量方法三：蓝图接口情景二方法四：类型转换+触发盒子蓝图通信为解决：多个蓝图之间互相调用函数，变量，组件等等问题以下文章，以简单的例子说明，不做复杂的蓝图内容情景一使用情景：两个蓝图类，一个为球体蓝图类，一个为控制器蓝图类，球体类里边自定义一个落下事件设置球体为物理模拟，控制器类想要按键K
2021-08-13 19:56:29
3073
原创 如何将变量的值作为对象的属性名称？
如何将变量的值作为对象的属性名称？1、错误示范var a='你好';let b={a:12}console.log(b)//得到的是{a:12}此时a作为字符串作为属性值了，并没有将a作为变量，把a的值作为属性名称2、正确示范var a='你好';let b={[a]:12}//变量里边加上[]方括号console.log(b)//得到的是{你好:12}...
2021-08-11 10:34:05
643
原创 Vue Router4路由
Vue Router4路由官网：https://next.router.vuejs.org/zh/guide/essentials/route-matching-syntax.html1、在vue-router是什么？Vue.js 的官方路由（就这么简单一句话）2、Vue Router4 新特性简单对比总结了一下**Vue3支持：**最新版本由于Vue 3 引入了createApp API，该API更改了将插件添加到Vue实例的方式。 因此，以前版本的Vue Router将与Vue3不兼容。V
2021-08-04 15:17:17
5201
原创 Echarts-基础配置
Echarts-基础配置此项目网盘地址链接：https://pan.baidu.com/s/15C6ubmQ1U–nOkfXbkJoIQ 提取码：beya拿到之后打开，npm install即可根据项目简单总结了一下。如有问题留言交流指正！echars安装之类的不细说，看官网文档即可！需要了解的主要配置：series xAxis yAxis grid tooltip title legend colorseries系列列表。每个系列通过 type 决定自己的图表类型大白话：图
2021-06-03 19:52:04
1148
原创 数据结构--栈—JS实现一个栈结构
数据结构——栈前言：数据结构和算法是脱离语言的，比如pop，push在js中可以使用，但是其他的语言也有吗？ 不一定，但是都可以通过数据结构和算法写出其功能（1）栈是一种后进先出（LIFO）last in first out原则的有序集合；只能从后边添加元素和从开头删除元素（2）新添加或待删除的元素都保存在栈的同一端，为栈顶（push( 数组中末位置添加元素)数组中的pop(删除数组中最后边的元素也就是先添加进去的)）（3）在栈里新元素都靠近栈顶，旧元素都接近栈底实现一个栈结构/符合LIFO
2021-04-24 18:20:33
478
原创 mousedown、mousemove、mouseup实现一个可拖拽的div
可拖拽的div前言：前端开发当中不单单是简单的页面布局，很多的事件也应用在其中，比如一个窗口实现在整个页面的拖动的需求。明确步骤（1）对div设置position：absolute；属性并设置top：100px；left：100px；（2）监听div的mousedown事件（3）监听整个页面document的mousemove事件（4）监听整个页面document的mouseup事件（5）通过监听事件来拿到clientX和clientY，计算出和按下鼠标位置的xy计算差值，然后赋值给lef
2021-04-22 22:02:49
3558
3
原创 封装axios加载动画Loding——vuex+axios拦截器
封装axios加载动画Loding——vuex+axios拦截器前言：我们在axios发送请求时候，会存在请求等待时长，我们一般会加一个动画，如果很多个时候一个一个的加动画代码看起来很臃肿很冗余，我们写起来也很麻烦，所以为了更好的写代码，把动画封装在axios中请求前打开动画，请求后关闭动画就实现了Loding加载的效果下面通过样例演示如何封装一个带 loading 效果的 Axios 组件，它能够对请求和响应进行拦截从而实现 loading 的自动显示与隐藏，两种方法搭配(1) vue+el
2021-04-14 22:05:37
1323
5
原创 js实现图片上传-以及获取图片宽高、大小获属性
前言：作为前端开发人员，避免不了上传一些文件和图片，那么什么格式需要前端后协商，同时考虑实施性，能否最有效和最合适取决于格式。自己总结了一下，不敢打包票一定准确，如果错误欢迎指正！文件图片上传1、利用FormData图片/文件上传-----以文件的形式上传//上传单个文件upLoadFile(event) { let file = event.target.files; let _this = this let formData = new.
2021-03-23 22:53:28
3797
原创 Promise—详解1节
Promise前言：今天为了解决cesium截屏功能，飞哥给我发了一个方法，里边有Promise，我看到很长时间都不用这个对象了，忘了差不多了，本来今晚看一些其他的东西，还是及时整理下吧，明天就更不想整理了，拔掉拖延的筋骨。Promise 一般用来解决层层嵌套的回调函数（回调地狱 callback hell）的问题，而不是为了解决一个回调函数而诞生的（当然一层嵌套也可以，没有说不行），时势造英雄，他的诞生一定有他的道理——降伏回调地狱（层层的回调函数）首先看下什么是promise，我们直接看内部结构
2021-03-16 23:49:17
423
原创 02vue项目如何配置多页面
vue项目如何配置多页面前言，因为我们做项目不可能只有一个界面，就简单说最起码的后台页面，登录界面，主页面最基本的加在一起还三个页面，上次所言cli脚手架搭建一个从0到1的项目，只是单页面，cli脚手架虽然能快速的帮我们搭建一个项目，配置好基础简单的的webpack的配置内容，但是不一定和我们的需求完全一致，我们需要增加额外的配置，我们在项目下增加一个名为vue.config.js文件增加所需的配置信息，内置的merge会进行webpack的配置的整合。我们增加多页面文件信息如下图所示1、vue.c
2021-03-07 00:36:51
1718
原创 01开箱即用—vue-cli搭建开发从0到1的vue项目
vue-cli搭建从0到1初项目—开箱即用前言，vue的开发本身是不依赖node的,不过vue的脚手架工具vue-cli里面集成的webpack是基于node开发出来的。 因此只能说webpack是依赖node的。但是我们今天用vue的脚手架工具搭建一个基础的项目，一、基础安装1.1、下载安装Node.js下载地址：https://nodejs.org/en/download/ ，选择合适自己的版本下载即可。 或者电脑管家直接搜索node.js具体怎么安装Node.js就不用具体说明了，安装
2021-03-05 14:25:07
377
原创 点击空白区域隐藏此模块
点击空白区域隐藏此模块因为今天公司做项目的时候用到了，也百度看了一些资料，总结一下简单的写法吧，基于vue框架写的这个东西，以下拉菜单组件为例子，我自己总结了一下首先要明了想要操作的目标元素和触发事件触发显示的目标元素：你要对于通过哪个元素来触发事件想要显示或者隐藏的目标元素：通过点击不同的区域显示还是隐藏的元素触发的监听事件：既然是点击肯定是click，或者是鼠标的按下和松开mousedown等等，这个例子我们用click<template> <div>
2021-02-03 21:26:56
356
1
原创 JS中Math
为什么写这个文章源头：做力扣题的时候被屈辱了，突然忘了Math.floor(Math.random()10)+10,就是Math.random()得到一个0-1的随机数（小数也包括）然后10，也就是得到一个0-10的随机数，Math.floor向下取整不超过这个数的最大整数，（说白了就是取这个数的整数，不要小数部分）然后加上10，也就是10-20的一个整数废话不多说，话说张哥直接开讲基础数学对象Math属性值数学对象Math之方法(取最大, 最小值)Math对象还包含许多方法，用于辅助
2020-11-26 11:11:42
581
原创 JS防抖debounce节流throlling
防抖debounce通过标记，用户输入停止之后才发送请求多次高频操作，前边的都忽略，只保留最后一次结果优点：减小请求数，减小dom操作频率，提升性能问题：在一个输入框中，我们监听输入框发现，我们输入一个内容比如“中国”，他的输入框的input事件，每一个字符出现都会执行一次函数，z，zh，zho，zhon，zhong，zhongg，。。。中国，特别浪费性能，我们想要用户输入停止之后才进行发送...
2020-11-26 09:11:11
272
原创 JS面向对象一：函数对象关系、原型和原型链
划重点：构造函数.prototype===实例对象.proto思考问题？对象访问属性怎么访问的？1、在内部里边去寻找2、内部找不到之后去原型里边找什么是原型？举例子：什么是原型？什么是隐式原型？那这两个和prototype以及_proto_又是什么关系呢？prototype是原型，而_proto_是一个隐形原型指向了构造函数中的prtotype，所以这两个一摸一样函数Function也是一个构造函数...
2020-11-25 19:11:15
407
原创 JS中数组splice、slice和字符串slice、split的混淆
数组方法slice(剪裁方法（返回新数组，不影响原来的数组）（1）无参：如果不传入参数的情况下, silce()方法返回完整的数组（2）1个参数：在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。（3）2个参数：如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。 let arr = ["张","刘","理想"] let newarr = arr.slice(); console.log(arr); cons
2020-11-24 17:22:56
1247
原创 JS中数组排序sort方法
一、按照字符串方法排序 arr=[1,14,3,4]; arr.sort(); console.log(arr);二、数值升序排序let arr = [1,22,11,2,4] arr.sort(function (a,b) { return a-b }) console.log(arr);三、数值降序排序 let arr = [1,22,11,2,4] arr.sort(function (a,b) { return
2020-11-24 16:19:32
14435
1
原创 JS对象深入学习
JS对象对象就是属性的无序集合，每个属性都是一个名一个值，以键值对的形式存在。1.1、对象种类1、内置对象（native object）是由ECMAScript规范定义的对象或类。例如，数组、函数、日期和正则表达式都是内置对象2、宿主对象（host object）是由JavaScript解释器所嵌入的宿主环境（比如Web浏览器）定义的, 常见的宿主对象有window, document等3、自定义对象（user-definedobject）是由运行中的JavaScript代码创建的对象。1.
2020-11-14 23:11:11
192
原创 JS之弹性盒模型详解
弹性盒模型作用 :用于页面的布局对于布局之前知道哪些？1、display:inline:缺点：文本极限对齐，解析空格2、浮动：flow（本质：图文混排）：缺点：高度塌陷3、定位：相对，绝对弹性布局是父元素控制子元素的布局方案，不需要计算，自动分配父元素：display:flex //开启弹性盒模型（默认子元素，从左向右排列，（无论块级还是行内元素））我们平时：display：block；块级元素本身本质是display:block-block(对外，对内都是表现块级元素)display
2020-10-13 22:18:55
2092
1
原创 JS定时器的坑坑挖挖
JS定时器首先了解什么是同步代码？什么是异步代码？同步代码和异步代码的关系是什么呢？1、同步代码： 代码单线执行，发送服务器请求后，等待返回数据，会出现网页空白（阻塞网页运行）（通俗讲，就是代码按照顺序执行，但凡上面代码没有执行完，下边代码不能执行）2、异步代码： 代码发送请求后继续执行后续代码，不等待服务器返回数据（网页运行流畅）js中常见的异步执行代码：1.ajax请求：异步 JavaScript 和 XML2.定时器：间隔一段时间才会执行，3.事件处理函数：满足事件触发条件才会执
2020-10-10 11:23:43
825
原创 JS数组的各种方法汇总
JS数组各种方法汇总1、数组的创建1、[ ]包裹添加元素，赋值给变量2、构造器Array对象创建一个数组； 无参构造：空数组 &nbs
2020-10-08 08:40:49
651
2
原创 JS中箭头函数和普通函数this指向问题
JS-ES6中箭头函数和普通函数this指向问题一、普通函数中的this（1）普通函数中的this代表它的直接调用者，如obj.fn()，fn的this指向就是obj（2）默认情况下，没有直接的调用者,this的指向为window（3）严格模式下，设置了‘use strict’，this的指向为undefined（4）当使用call，apply，bind绑定时，this指向绑定对象注释 JS中方法虽然不互通，但是调用时可以修改函数主体执行，使用call，apply，bind方法即可做到1、
2020-09-02 17:25:17
1353
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人