zzzzzzz周绍辉-CSDN博客

原创 UE4蓝图初级教程之日夜交替

准备工作打开UE4的项目选择界面新建一个项目，选择蓝图下的空白项目并且具有初学者内容，这样可以方便快速的搭建我们所需要的场景。保存路径最好不要放在C盘，名称尽量使用英文! 打开后，选择关卡蓝图，进入蓝图界面。进入蓝图界面后，我们需要思考一下问题。什么的移动能够改变太阳的移动？怎么使它移动？过程太阳的移动是随着太阳光源的移动而移动，所以我们需要先将太阳光拖入到蓝图界面来，先回到游戏界面

2017-08-25 00:17:57 9601 2

原创 Js遍历对象的属性

本文写于 2018/6/4 ES6ES6一共有5中方法可以遍历对象的属性for...infor...in循环遍历对象自身和继承的可枚举属性(不含Symbol属性)。Object.keys(obj)Object.keys()返回一个数组，包括对象自身的(不含继承的)可枚举属性(不含Symbol属性)的键名。Object.getOwnPropertyNames(obj)...

2018-06-05 11:32:13 1976

原创 const声明常量以及冻结一个对象

const是ES6新增加的关键字，作用是声明一个只读变量。这个变量指向的内容地址是不可以改动的。const a = 1a = 4 // TypeError: Assignment to constant variable.和let一样，它也有暂时性死区和块级作用域的特性。// 暂时性死区console.log(b) // ReferenceErrorconst b ...

2018-05-30 11:32:44 832

原创 async & await & promise

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...

2018-05-25 17:00:35 276

原创 ES6之let声明的实现

在说到let的实现方式之前，先看以下为什么会有letlet使用的较多的情况一般是循环事件中的闭包，例如：`use strict`var a = []for(var i = 0;i<5;i++){ a[i] = function(){ console.log(i) }}for (var k of a){ k();} ...

2018-03-15 21:40:29 1946 1

原创 2018最新Web前端面试题之HTML部分~~好久不见

好久不见有一段时间没有写博客了。最近一段时间准备Web前端面试，刷了好多题。在这里和大家分享下，这一期主要分享一些HTML类型的面试题，大家赶快拿起纸和手。。。敲键盘吧文档类容出自https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-AnswersDoc...

2018-03-13 11:14:16 4802

原创 UE4之跟随移动

提示当前文档使用版本为4.16.1. 创建地图首先，创建第三人称模式。进入游戏后,打开如下路径后将ThirdPersonCharacter拖进几个在场景中。 2. 你要了解要实现自动跟随的效果需要知道以下几个节点Simple Move to Location 简单的移动位置 Controller 需要移动的目标，Controller类型Goal 目标，Vector类型Simple Move

2017-10-07 22:13:51 10261 1

原创 UE4蓝图制作场景小地图

教程使用版本 4.16，工程文件请戳我。提示本教程参考于风之神韵，想要了解更多的UE4教程，请百度风之神韵。内容制作一个用于显示当前位置的小地图，使用的并不是摄像机，而是在二维图上进行移动。所以需要事先准备好一个和场景相差无几的图片。由于是移动二维图片，所以需要涉及到部分计算。1. 准备首先，先将工程文件中BPTUTAD复制到自己的工程中的content文件夹下。可以将做好的那一部分先行删除

2017-09-24 22:17:58 4686 2

原创 UE4-HUD类

HUD平视显示器(Head Up Display),简称HUD。在蓝图中是指在屏幕上面绘制的二维物体。1. 创建HUD打开蓝图编辑器，创建一个蓝图类，搜索HUD，选择并命名BP_HUD。 2. 开始绘制打开事件列表，右键搜索 EventReceive Draw HUD。有两个输入分别是X,Y，分别代表屏幕的宽度和屏幕的高度。我们打印看一下。节点该节点的意思是，允许绘制某些东西在屏幕的某个位置上

2017-09-20 23:59:31 6264

原创 UE4改变摄像机的距离

1. 直接上手吧在这里以第三人称的玩家类作为例子，首先打开该类。 2. 我们要做什么设置一个属性在操作面板，通过改变属性就可以改变场景中的玩家模型。例如，改变Location的值就会使他改变位置。我们创建一个Custom Camera目录，下面存放Camera Length用来改变摄像机的距离。3. 开始实施吧先来看看什么节点能改变摄像机的距离。首先，我们需要获取到摄像机的组件CameraBoo

2017-09-18 18:41:10 12586

原创 UE4之Event Dispatchers讲解

Event Dispatchers事件调度程序，可以全局调用。提示当前文章使用的版本是v4.16。1. 创建一个事件调度程序进入关卡蓝图(其他事件蓝图也可以)，点击 Event Dispatchers后面的 + 号，命名后拖动到场景中。 2. 参数讲解Call 呼叫,触发绑定事件。Bind 绑定事件。Unbind 取消绑定。Unbind all 取消绑定所有。Event 创建一个事件，和

2017-09-16 20:51:55 3246 1

原创 UE4面向对象之类的继承

蓝图中类的继承1. 创建文件夹创建一个文件夹用于存放工程文件 2. 创建一个蓝图类创建一个Actor蓝图类，命名为 BT_C_ActorOne 3. 放入一个模型双击打开编辑面板后，添加一个组件，搜索Static Mesh。选择后命名为ClassA，为其选择一个模型 4. 修改Transform参数在当前状态下，该模型修改不了Transform参数，我们需要再添加一个Scene组件，然后将Cl

2017-09-15 20:00:36 2799

类（Class）是面向对象程序设计（OOP，Object-Oriented Programming）实现信息封装的基础。类是一种用户定义类型，也称类类型。每个类包含数据说明和一组操作数据或传递消息的函数。类的实例称为对象。类就是这样的，比如说学生是一个类，那么学生包括年龄、性别、姓名这些都是成员变量，那么学生在听课是他的一个属性，学生吃饭也是他的一个属性，那么就叫做成员方法，另外学生是一个类，那么学

2017-09-13 00:20:46 948

原创 TimeLine讲解

TimeLine时间曲线，用于做类似于动画效果的一系列帧。1.创建TimeLine节点右键，输入 TimeLine 点击。 2.熟悉界面第一个是创建一个浮点型类型的轨迹。第二个是创建一个向量类型的轨迹。第三个是创建一个事件触发的轨迹。第四个是创建一个颜色轨迹。3.创建一个浮点型的轨迹4.创建两个控制点按住Shift点击图表出现一个控制点。控制点的值最好取0-1之间的值，当然可以根据需要自

2017-09-10 22:40:25 7023

原创 UE4结构体数组之多维数组

多维数组，就是数组里面还有数组再里面还有数组，可以是固定类型的一套数组，也可以是结构体类型的一套数组。创建一个多维数组首先，我们需要明白一个多维数组的用处在哪？列入，一个社区里有很多家庭，而家庭里面有几个成员，每个成员都有每个成员的信息。这就是一个多维数组。现在先创建一个成员信息表结构体，命名为 Info名字，年龄，性别，住址，手机号。 3. 再创建一个家庭结构体数组，搜索结构体名

2017-09-08 23:47:32 6918

原创 UE4场景误删天空盒子主光源

误删天空盒子的主光源首先从光照面板中拖出来一个定向光源然后点击 BP_Sky_Sphere 的 Directional Light Actor ,选择 Directional Light,就可以了。

2017-09-01 22:20:29 5247 1

原创 Event事件对象之鼠标_键盘事件对象

以下大部分事件的浏览器支持 google IE firefox safari opera true true true true true属性1. altKey返回一个布尔值。指示在指定的事件发生时，Alt 键是否被按下并保持住了返回值true,false,1,0表达的都是布尔关系。event.altKey=true|false|1|0<!DOCTYPE ht

2017-08-13 17:07:31 865

原创 Event事件对象之Event

属性1. bubbles返回一个布尔值，如果事件支持冒泡，则返回true，否则返回false事件冒泡分为三个阶段，它是这样的: * 第一，捕获阶段。事件从 Document 对象沿着文档树向下传递给目标节点。如果目标的任何一个先辈专门注册了捕获事件句柄，那么在事件传播过程中运行这些句柄。 * 第二个阶段发生在目标节点自身。直接注册砸目标上的适合的事件句柄将运行。这与 0 级事件模型提供的事件处理

2017-08-02 21:04:44 831

原创 Event事件对象之其他事件

1. onmessage该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发2. onmousewheel已废弃。使用 onwheel 事件替代提示还是可以在浏览器上运行的只不过IE浏览器不支持。3. onpopstate该事件在窗口的浏览历史（history 对象）发生改变时触发4. onstorage该

2017-07-31 23:59:33 423

原创 Event事件对象之动画事件和过渡事件

动画事件1. animationend在 CSS 动画完成后触发更多关于 CSS 动画的内容，请查看菜鸟教程的 CSS3 动画章节。提示CSS 动画播放时，会发生以下三个事件：animationstart - CSS 动画开始后触发animationiteration - CSS 动画重复播放时触发animationend - CSS 动画完成后触发支持冒泡相关知识CSS 教程: CS

2017-07-30 21:52:43 573

原创 Event事件对象之媒体事件

1. onabort在视频/音频（audio/video）终止加载时触发该事件在多媒体数据终止加载时触发，而不是发生错误时触发。提示影响多媒体加载的事件有:onemptiedonerroronstalledonsuspend不支持冒泡支持的HTML标签<audio>, <video>浏览器支持 google IE firefox safari opera true

2017-07-29 21:06:00 705

原创 Event事件之剪贴板和拖动事件

剪贴板事件1. oncopy在用户拷贝元素上的内容时触发提示oncopy 事件在用户拷贝元素时也会触发，例如，拷贝 <img>元素。oncopy 事件通常用于 type=”text” 的<input>元素。有三种方式可以拷贝元素和内容：按下 CTRL + C在你的浏览器的 Edit(编辑) 菜单中选择 “Copy（复制）”邮件鼠标按钮，在上下文菜单中选择 “Copy（复制）” 命令。

2017-07-29 15:17:55 546

原创 Event事件对象之表单事件

1. onblur在对象失去焦点时发生Onblur 经常用于Javascript验证代码，一般用于表单输入框。提示onblur 相反事件为 onfocus 事件。支持的HTML标签除了： <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>元素以外都可以浏览器支持

2017-07-28 00:03:18 891

原创 Event事件对象之框架或Object

1. onbeforeunload在即将离开当前页面（刷新或关闭）时触该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 “确定要离开此页吗？”。该信息不能删除。但你可以自定义一些消息提示与标准信息一起显示在对话框。注意如果你没有在元素上指定 onbeforeunload 事件，则需要在 window 对象上添加事件，并

2017-07-24 23:36:41 1002

原创 Event事件之键盘事件

1. onkeydown在用户按下一个键盘按键时发生提示与 onkeydown 事件相关联的事件触发次序: 1. onkeydown 2. onkeypress 3. onkeyupHTML标签支持除了：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>以外，

2017-07-23 13:45:21 1571

原创 Event对象之鼠标事件

Event 对象Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！事件句柄　(Event Handlers)HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之插入

2017-07-22 21:06:02 973

原创属性节点的属性和方法

Attr 对象在 HTML DOM 中，Attr 对象表示 HTML 属性。HTML 属性始终属于 HTML 元素。NamedNodeMap 对象在 HTML DOM 中，NamedNodeMap 对象表示元素属性节点的无序集合。NamedNodeMap 中的节点可通过名称或索引（数字）来访问。浏览器支持 google IE firefox safari opera true

2017-07-21 23:25:59 1405

原创 DOM节点的属性和方法

HTML DOM Element 对象HTML DOM 节点在 HTML DOM （文档对象模型）中，每个部分都是节点：文档本身是文档节点所有 HTML 元素是元素节点所有 HTML 属性是属性节点HTML 元素内的文本是文本节点注释是注释节点Element 对象在 HTML DOM 中，Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本节点、注释

2017-07-13 21:19:39 1693

原创 window对象

Window对象的属性1.closed返回一个布尔值，该值声明了窗口是否已经关闭History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。返回值返回一个布尔值，true为关闭，false为未关闭浏览器支持 google IE firefox safari

2017-07-11 16:33:21 561

原创 Window-Screen对象

Screen 对象含有关客户端显示屏幕的信息注意：没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。Screen 对象属性1. availHeight声明了显示浏览器的屏幕的可用高度，以像素计。在 Windows 这样的操作系统中，这个可用高度不包括分配给半永久特性（如屏幕底部的任务栏）的垂直空间 google IE firefox safari opera

2017-07-11 13:46:05 362

原创 Window-Navigator对象

＃ Navigator 对象包含有关浏览器的信息注意：没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。Navigator 对象属性　１．　appCodeName一个只读字符串，声明了浏览器的代码名 google IE firefox safari opera true true true true true｀navigator.a

2017-07-11 12:01:59 351

原创 Window-location对象

Location 对象包含有关当前 URL 的信息Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。注意：没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。Location 对象属性1. hash一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分） google IE firefox

2017-07-11 11:08:41 290

原创 Window-history对象

history对象包含用户（在浏览器窗口中）访问过的 URL。History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。注意：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。History 对象属性1. length声明了浏览器历史列表中的元素数量注意：Internet Explorer和Opera从0开始，而Firefox、

2017-07-11 11:07:23 640

原创 Document 对象

Document 对象集合1. all[]返回对文档中所有 HTML 元素的引用说明all[] 是一个多功能的类似数组的对象，它提供了对文档中所有 HTML 元素的访问。all[] 数组源自 IE 4 并且已经被很多其他的浏览器所采用。all[] 已经被 Document 接口的标准的 getElementById() 方法和 getElementsByTagName() 方法以及 Document

2017-07-10 15:36:56 803

原创 JS-Global对象

全局对象全局属性和函数可用于所有内建的 JavaScript 对象描述全局对象是预定义的对象，作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象，可以访问所有其他所有预定义的对象、函数和属性。全局对象不是任何对象的属性，所以它没有名称。在顶层 JavaScript 代码中，可以用关键字 this 引用全局对象。但通常不必用这种方式引用全局对象，因为全局对象是作用域链的头，这意

2017-07-07 23:25:52 7411

原创 JS-RegExp正则表达式的对象

RegExp 对象RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributesvar str = "1232".replace(/[0-9]/g,5); // 5555new RegExp(pattern,attributes)参数必需pattern 一个字符串，指定了正则表达式的模式。或正则表达式。可选attributes 一个可

2017-07-05 23:07:10 611

原创 JS-Math对象

属性1. E代表算术常量 e，即自然对数的底数，其值近似于 2.71828Math.Edocument.write("Euler's number: " + Math.E);2. LN2是 loge2，即 2 的自然对数，其值近似于 0.69314718055994528623Math.LN2document.write("LN2: " + Math.LN2);3. LN10是 loge10，即

2017-07-05 13:40:00 706

原创 JS-Date对象

1. getDate可返回月份的某一天返回值dateObject 所指的月份中的某一天，使用本地时间。返回值是 1 ~ 31 之间的一个整数。注释：该方法总是结合一个 Date 对象来使用。dateObject.getDate()var d = new Date()document.write(d.getDate()) //返回今天几号var birthday = new Date("July

2017-07-04 21:48:11 535

原创 JS-Array对象

1.concat用于连接两个或多个数组，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本返回值返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。arrayObject.concat(arrayX,arrayX,......,arrayX)参数必需该参数可

2017-07-03 14:26:45 340

原创 JS-Number对象

属性1. constructor返回对创建此对象的函数的引用object.constructorvar test = new Number();console.log(test.constructor == Number); //true2. MAX_VALUE返回JavaScript 中可表示的最大的数。它的近似值为 1.7976931348623157 x 10 308Number.MAX_

2017-07-03 13:09:20 301

空空如也

空空如也