- 博客(42)
- 收藏
- 关注
RSS订阅原创 【unity2D游戏开发】第五章节：添加游戏角色并上下左右移动——《AVG-太空之战》
作为游戏场景中的对象，它可以承载我们导入的素材/纹理来在场景中显示，也可以被程序或玩家操作，是2D游戏的基本概念。为了在场景中添加一个角色，可以如下图所示在层级窗口中添加一个2D Sprite。我们命名为player。前言：在上一章节中，我们已经完成了地图的创建，本章节我们将添加游戏角色并控制角色的移动。可以看到我们这里创建了一个正方形的精灵，现在我们更改精灵的材质，把我的角色资源替换上去。我们选择角色的面对我们的初始姿态进行添加，可以看到角色已经出现在了场景中。
2024-03-29 17:17:27
437
原创 【unity2D游戏开发】第四章节：完善游戏地形瓦片地图——《AVG-太空之战》
在上一章节中我们简单的创建了一个高低地形图，下面我们就来对游戏地图进行完善，加上湖泊，河流，地下密室等场景。
2024-03-28 21:11:16
514
原创 【unity2D游戏开发】第三章节：简单创建高地地形瓦片游戏地图——《AVG-太空之战》
那么现在我们就可以着手开始对我们的2D游戏《AVG-太空之战》来进行开发了。这里我们试下平铺下另一个墙体我们会发现两个墙体直接会有间距并且无法链接，这是由于资源包的图片大小和网格大小不一致。一个好的游戏一定会有精美有趣的游戏地图，来增加游戏的美观性和可玩性。打开瓦片调色器后我们先来铺设墙体，首先我们先点击选择中墙体，后点击画笔吸取按钮吸取墙体图片。如果我们想移动墙体的化，可以点击选择网格区域按钮，然后再点击移动按钮皆可移动墙体。吸取墙体后我们移至场景中，即可看到我们墙体已经显示再了场景和游戏画面中。
2024-03-28 01:38:01
685
原创 【unity2D游戏开发】第二章节：导入游戏资源包以及资源包目录讲解——《AVG-太空之战》
在上一章节中，我们已经大致了解到了unity编辑各个菜单栏和选项卡的作用，那么本章节我们就来开始我们2D游戏的开发之旅。首先同学们要了解，一个完美的游戏是由背景、人物、特效、音效、动画加上故事情节以及有趣的关卡设置等来完成的。这些在游戏开发中这些统称为游戏资源包。在项目开发中我们都是导入美工、特效师等创建的自研游戏资源包。操作是在菜单栏中点击资源按钮，选择导入新资产即可。
2024-03-27 17:22:26
798
1
原创 【unity2D游戏开发】第一章节：创建2D项目模板并认识unity游戏编译器各选项卡的作用——《AVG-太空之战》
File（文件）：打开和保存场景、项目、以及创建游戏。Edit（编辑）：主要用于Unity内部功能、快捷键设置。Assets（资源）：用于资源的创建、导入和导出。GameObject（游戏对象）：用于游戏对象的创建。Component：（游戏组件）：为游戏对象等添加组件来实现部分功能。Window（窗口）：显示特定视图。Help（帮助）：主要包含使用手册、资源商店、论坛等。
2024-03-27 14:32:37
1333
原创 【unity】认识unity Hub的主要功能
【安装】功能，这个功能是对应unity 游戏编译器版本的安装，点击选择位置按钮可以选择安装编译器的位置，点击安装按钮则是选择安装对应的编译器版本，这里我们推荐安装正式发行版的最新版本。首先是介绍【项目】功能，在这里我们可以创建本地项目和云端项目，作为初学者我们创建本地项目皆可，当然如果你是多人协作，或者不想在本地操作可以选择创建云端项目。在这里我们可以选择需要创建游戏的模板，这里我们主看核心模板，在这里你看创建2D/3D/AR/VR项目。点击阅读更多，可以查看相应的模板介绍。
2024-03-27 12:04:45
463
原创 【unity】如何汉化unity编译器
很好现在你已经完成了中文包的安装，但是请等等这里有的同学也会出现安装失败，或者一直卡在正在验证中的状态，这里不要怕，请看。这篇文章中，我们已经完成了unity Hub的汉化，现在让我们对unity Hub安装的编译器也进行下汉化处理。第一步：在unity Hub软件左侧栏目中点击安装，选择需要汉化的编译器，再点击设置图片按钮。第三步：下滑右侧滑块，找到语言包预览，点击简体中文，点击继续按钮同意协议进行安装。好了，我们的中文汉化包已经安装完成，现在我们在项目中启动编译器。点击Preferenges[首选项]
2024-03-27 10:51:32
538
原创 【unity】解决unity编译器安装中文汉化包失败
查看是否有Localization目录如果没有就进行创建，然后点击打开Localization把下载的zh-hans.po文件复制剪切进去即可。如果有的同学中文包安装失败，我们找到相应的编译器版本，点击在资源管理器中显示按钮，我们找到简体中文，复制downloadUrl后面的值到浏览器打开进行下载，点击Edtior language选择框，选择简体中文，等待加载。我们点击当前目录的上一级，进入编译器目录。返回在文件管理器中点击Editor目录。编译器启动后点击Edit[编辑]按钮。复制或者剪切下载的文件。
2024-03-27 10:49:19
1059
原创 【unity】如何汉化unity Hub
相信大家下载安装unity后看着满操作栏的英文，英文不好的小伙伴们会一头雾水。但是没关系你要记住你要怎么高速运转的机器进入中国，请记住我给出的原理，不懂不代表不会用啊。现在我们就来把编译器给进行汉化。第二步：点击菜单栏中的Appearance[外观]，再点击Language[语言]选择框选择简体中文。第一步：我们打开Unity Hub运行软件后点击Preferences[参数选择]按钮。好了，现在开始你已经学会了这个操作。
2024-03-27 09:44:29
375
原创 App备案-iOS云管理式证书 Distribution Managed 公钥及证书SHA-1指纹的获取方法
点击网络，找到其中certificates中你想要下载的证书的certificateContent，右键-复制值。这里，我的第一个证书就是云管理证书。keytool -list -v -keystore 文件名称.p12 -storetype PKCS12 -storepass 证书密码。访问Apple Developer (简体中文)，使用App对应的iOS开发者账号登录。获取SHA-1指纹，在p12文件页面cmd输入命令。复制SHA1的值，注意需要去除：号。在这个页面F12,并且刷新页面。
2024-01-15 17:33:51
770
原创 C++前端post请求的接口
以下是一个简化的示例，演示如何使用C++和第三方库来创建一个能够处理基本POST请求的Web服务器。然后，您可以使用以下示例代码创建一个简单的Web服务器，来处理前端的POST请求。在此示例中，我们使用cpp-httplib库创建了一个简单的Web服务器，它监听在本地的8080端口。在实际应用中，您可能需要更复杂的处理逻辑，以及更强大的库或框架来处理路由、数据验证、数据库交互等任务。在这个示例中，我将使用cpp-httplib库，这是一个简单的C++ HTTP库，适用于创建基本的Web服务器和客户端。
2023-08-23 23:20:29
824
原创 【图像标注】使用vue3实现图像标注功能
最近没事情想写一个图像标注功能，本来是想基于Canvs开发，结果发现很多事情无法实现，或者做起来比较消耗性能，于是就想出了用div来画框的方法。后续会对其封装成一个npm插件，希望可以帮到有用的小伙伴。...
2022-06-12 23:43:48
2314
2
原创 【Drawer】VUE3写出自己的Drawer组件
最近项目中有DrawerUI需求，看来Element的组件发现并不太适合自己的项目,于是就自己动手写了一个，有需要的小伙伴直接拿源码研究。
2022-06-12 23:36:47
534
原创 video 属性和事件用法大全
video属性<!-- video 不支持 IE8及以下版本浏览器，支持三种视频格式：MP4，WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <video src="test.mp4" controls controlslist="nodownload" width="400" height="300
2021-07-02 10:42:41
326
原创 vue中播放h265视频流
最近vue推流视频项目需要视频流适配h265，找到很多解码js，发现稳定和好用的还是WXInlinePlayer。 官方文档地址https://github.com/ErosZy/WXInlinePlayer。 一如既往我还是的喜欢直接上代码。不过这里提示下因为WXInlinePlayer没有WXInlinePlayer包<template> <div> <iframe style="width: 100% ;height: 100vh;" frameborde.
2021-06-17 14:08:40
5120
6
原创 leaflet讲解:vue中使用leaflet进行点绑定点击事（4）
哈喽大家好，三天打鱼2天晒网的我又回来了。下面给大家讲解的是对后台返回的经纬度进行点标注操作。废话不多说直接上代码.本人微信wyk1364630428，承接微信小程序开发，后台官网web开发欢迎合作。<template> <div id="app"> <div id="map" /> </div></template><script> export default { data() { return {
2021-06-16 10:48:00
1875
原创 CSS3transition:属性规定时间内加载样式
css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。transition：transition-property transition-duration transition-timing-function transition-delaytransition:属性 延续时间 速率变化 延迟时间transition-property 规定设置过渡效果的 CSS 属性的名称。t
2020-12-10 17:09:19
527
原创 css 图片剪切object-fit属性
CSS object-fit 属性实例对图片进行剪切，保留原始比例：img.a {width: 200px;height: 400px;object-fit: cover;}属性值值 描述 尝试一下fill 默认，不保证保持原有的比例，内容拉伸填充整个内容容器。 尝试一下 »contain 保持原有尺寸比例。内容被缩放。 尝试一下 »cover 保持原有尺寸比例。但部分内容可能被剪切。 尝试一下 »none 保留原有元素内容的长度和宽度，也就是说内容不会被重置。 尝试一下 »sc
2020-12-10 14:29:11
477
原创 JS获取当前时间以及年月日
JS获取当前时间Js获取当前日期时间及其它操作JS获取当前时间Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myD
2020-12-10 09:22:39
1107
原创 htm记住密码-js记住密码-cookies记住密码-记住密码加密
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js记住密码</title> <!-- 引入vue --> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <!-- 引入el样式 --> <link rel="styles
2020-11-26 23:12:15
209
原创 js sessionStorage和localStorage的存储和取值
localStorage存值localStorage.setItem(‘存值名称’, 存值)取值localStorage.getItem(‘取值名称’)sessionStorage存值sessionStorage.setItem(‘存值名称’, 存值)取值sessionStorage.getItem(‘取值名称’)
2020-11-24 15:24:27
586
原创 vue 根据权限显示不同页面解决方案
第一步：在登陆成功后获取权限列表， 获取的路由权限可以进行Session存储。并定义一个默认的路由。根据所拥有的权限添加进去所显示的路由。import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter);var RouterVer = function() { var RouterVers = [] //jurisdiction权限列表是否存储 var jurisdiction = **** if（jurisd
2020-11-24 10:33:13
3162
原创 js截取指定字符分割字符串
split() 方法用于把一个字符串分割成字符串数组。**语法** stringObject.split(separator,howmany)参数 描述separator 必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。返回值一个字符串数组。该数组是通过在 se
2020-11-24 10:14:16
18833
原创 js获取屏幕宽度方法大全
js获取当前屏幕宽度方法可见域：即可以被显示出来的区域，由起高度大小决定，包括所有内边距、滚动条（被滚动出去的内容）和边框大小。网页可见域宽（不包括边框）：document.body.clientWidth 包括内容和内边距，整个文档宽度，即使被卷出去挡住的网页可见域高（不包括边框）：document.body.clientHeight 包括内容和内边距，整个文档高度，即使被卷出去挡住的网页可见域宽（包括边框）：document.body.offsetWidth 包括内容、内边距、边框，整个文档
2020-11-21 23:31:29
17539
原创 html元素居中五中方案
在网页开发中，经常会有嵌套元素中将子元素居中的要求。下边将五种常用的居中方法进行总结。1：原始图（父子元素无border，无padding）：2：实现居中效果：一：使用margin进行固定长度的偏移在使用margin进行具体高度的偏移时，需要知道父元素和子元素的具体的宽高尺寸1：水平方向居中在进行水平方向上的居中时，可对子元素样式使用margin:0 auto;2：垂直方向居中在使用margin进行垂直方向上的居中时，至少要满足三个条件中的一条才能达到垂直居中的效果，否则子元素和父元素会一
2020-11-21 23:05:40
163
原创 html网页调用手机拨打电话-js拨打手机电话-web拨打手机电话
其实，实现web端拨打手机电话是很简单的。只需要利用href的属性一行代码即可实现拨打电话的效果了。话不多说直接上代码！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>html拨打手机电话</title> </head> <body> <a href="tel:15993336602">点击即可拨打电话<
2020-11-21 11:13:37
5917
原创 安装vue脚手架-vue-cli3-npm-安装vue脚手架
在安装vue脚手架前我们需要先配置vue的运行环境然后win+r输入cmd 进入命令符窗口输入npm install -g @vue/cli 就可以安装最新的vue脚手架啦
2020-11-20 16:29:59
884
原创 vue入门教学第一课时：配置vue运行环境
哈喽大家好！这里是vue入门教学课堂。在这里我将给大家带来全面的vue教学，欢迎大家积极交流分享、收藏、评论该文章。俗话说的好，高楼大厦不是凭空而起的，而且是一砖一瓦的建立起来的，因为运行vue需要node.js,所以我们在学习vue前需要把vue的运行环境给配置好。**node中文网：http://nodejs.cn/**复制上方链接进入node中文网，下载页面下载适配自己电脑的node安装包后；点击next按钮直接进行安装步骤。安装成功后使用快捷按键win+r在出现的弹出内输入cmd进入“命令提示
2020-11-20 16:24:42
182
原创 VScode设置语言为中文-超级简单一步搞定
在前端开发中，VScode是一个非常好用的工具，但第一次打开vscode会发现界面为英文，不过我们把界面设置成中文就好啦~步骤很简单。1.打开VScode点击商店搜索框内输入chinese 出现的第一个点击安装（install）按钮。 安装完成关闭重启VScode就行啦！...
2020-11-20 14:25:42
1632
原创 git配置SSH-克隆git分支提示没有权限-git如何生成ssh公钥
Git安装完之后，克隆分支文件发现克隆失败提示没有权限访问！这种情况就是因为没有配置git公钥和私钥原因，而上传代码到远程仓库的时候需要秘钥进行验证是否本人上传的，想要创建可以使用下面的方法：打开git bash，分别执行以下两句命令git config --global user.name “用户名”git config --global user.email “邮箱”用户名看自己喜欢起，一般都是起些容易记的，亦或者某个简称，邮箱选自己邮箱即可。SSH配置1、打开git bash。2、使
2020-11-20 14:14:03
1623
原创 js2048小游戏-全网详细解析2048源码-2048小游戏html讲解
js2048小游戏-全网详细解析2048源码-2048小游戏html讲解！成功是留给有准备的人的。话不多多少我喜欢直接上代码，里面都有注释！如果大家有什么疑问可以留言交流。另外本人擅长：微信小程序、支付宝小程序、后台管理系统。如果大家有这边的项目也可以跟我合作。微信：wyk1364630428!<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>2048</ti
2020-11-18 23:54:43
1903
8
原创 link-ui 如何自定义UI提示弹窗
不想成为大牛的程序员不是一个好的程序员。今天给大家讲解写自定义UI弹窗是如何实现的首先需要创建一个html页面写好弹窗的样式名称和组成结构。如下图<div class="link-popup"> <div class="link-popup-content"><p>自定义弹窗内容</p></div></div>写好之后创建一个css样式表开始写弹窗的css样式如下图！并且在上个页面引入！如果大家有什么疑问可以留言交流。另
2020-10-29 17:59:51
588
原创 vue或jquer+setInterval 定时器实现 数字滚动显示效果
今天一个项目需要用的数字滚动显示效果，本想着省事情去百度一下可是却没有想要的代码。就算是有对于大部分小白来说也不不容易看懂。于是就自己写下了分vue和jquer的代码希望对大家有帮助。在这里插播一个setInterval和setTimeout相关的小知识点setInterval(() => {}, 1000)//setInterval方法此处作用是每隔1秒执行1次定义的事件setTimeout(() => {}, 1000)//setTimeout方法此处作用是隔1秒后执行1次..
2020-10-20 00:22:59
738
原创 jquer+vue自动提取生成目录
jquer+vue根据标题自动生成目录并且秒点定位，话不多说直接上代码。本人微信wyk1364630428，承接微信小程序开发，后台官网web开发欢迎合作。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jquer+vue根据标题自动生成目录</title> <!-- 本地JS --> <script src="./jquery
2020-09-19 10:23:52
498
原创 leaflet讲解:vue中使用leaflet进行地图点标标注事件（3）
哈喽大家好，三天打鱼2天晒网的我又回来了。下面给大家讲解的是对后台返回的经纬度进行点标注操作。废话不多说直接上代码<template> <div id="app"> <div id="map" /> </div></template><script> export default { data() { return { markes:[30.228742, 120.11787]//模拟后台数据 }
2020-07-14 09:28:14
2787
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人