AlZhuo的博客

原创 vue swiper插件使用（滑动事件）

学了那么久的vue，也提升了不少，主要就是要学会看api，去多想，多实践。之前已经能够做到了可以获取到当前滑动到了第几页。那么如果当滑动到当前页的时候又要执行相对应的方法，哪有应该如何做呢？然后我就又去看swiper-vue的apihttps://github.com/surmon-china/vue-awesome-swiper 不看例子的直接通向这个网址来一个栗子：<template> <swiper class="swiper" :options="s...

原创 vue 加载 three.js 模型（fbx,json）

fbx-loader

原创 微信扫码跳转小程序获取参数,uni-app,小程序扫码获取参数

微信扫码跳转小程序并且获取参数实现步骤生成二维码如何测试拿到参数1.生成二维码进入微信公众平台，打开小程序后台，工具-生成小程序程序码。填入需要的appid,或者小程序名称填入需要跳转的小程序的路径，这里添加了code的参数为123456点击确定生成二维码2.如何测试打开小程序开发工具，选择通过二维码编译，接着选中刚才生成的二维码3.拿到参数二维码的数据可以在onLoad(option) 中获取onLoad(options) { console.log(opt

原创 unity shader 抖音效果

最近开始学习了unity shader，所以想要做一些简单的效果，来巩固一下知识。我第一个想做的就是做一些类似于抖音的效果。(PS:最近学习了markdown，所以就用markdown开始写博客了)Shader "My/mydouyin"{ Properties { _MainTex ("Texture", 2D) = "white" {} _offsetX("OffsetX",float) = 0 _offsetY("offsetY",float) = 0 } SubShade

原创 vue 引入 360度图片旋转插件 SpriteSpin.js

最近又有一个需求就是给一组图片，然后让这组图片可以进行360度旋转，准确的说是绕Z轴旋转(Z轴向上)。虽然当初的需求是加载模型，然后让模型进行旋转，但是模型加载出来之后，three.js的材质效果不是很好，所有就改了方案，先把效果好的模型宣出图片，然后宣出足够的图片，然后进行旋转。这个效果自己也是可以写的，但是为了快，就在网上找了一个插件来快速实现。（spritespin官网）1.首先安装这个插件npm install spritespin2.按照官网提供的方法，把这个插件融入到vue中。可以

原创 微信小程序 引入 WeUI

1.创建一个新的工程2.win+r，输入cmd,打开终端，然后进入刚才所创建的文件中，同时使用小程序开发工具打开刚才创建的项目3.终端中输入npm init(我这里都是快速回车默认选择了),这样项目中会出现一个node_modules的文件4.继续输入npm i5.安装插件weui,输入npm i weui-miniprogram（可能会失败 可以改用 npm i weui-miniprogram -S --production）6.开发者工具上选择工具-...

原创 unity windows10语音识别

最近项目重要添加一个实时语音识别的功能，但是我又不想调用百度，讯飞那些语音接口。上网查资料就发现unity有自带的语音识别的接口.立马打开api看完之后，先开心的把代码复制到自己的程序中去。开心的运行，然后就报错了。看了报错之后，大概意思就是需要把window的语音权限打开 设置->隐私->在线语音识别打开就行，如下图这样就可以使用了。...

原创 three.js 切割模型动画，并且播放

因为公司没有人会用blender，所以动画都是用max做的，动画师一般都是会把多个动画做在一个模型上，然后程序中需要使用的话，调用指定的帧数。unity可以把动画切割成animationclip。最近公司使用了需要在three.js中添加一个模型，模型带了一段长动画，所以我这边就是需要把模型的指定帧数之间的动画切割出来。接下来演示部分：1.准备素材一段带动画的素材初始化，加入相机，灯光模型等元素function init() { var canHeight = window.

原创 unity 2019 3.X版本使用sqlite

写一个unity 使用sqlite存储数据。当前使用unity版本：2019.3.5。一开始找了很多的资料，需要Mono.Data.Sqlite.dll，System.Data.dll，Sqlite3.dll3个dll.但是我当前的版本不需要System.Data.dll。而且在当前版本的mono文件下找到的Mono.Data.Sqlite.dll，使用起来会报错。最后我去2018的unity安装目录下找了Mono.Data.Sqlite.dll（Editor\Data\Mono\lib\mono\

原创 计算机图形学-二维图形-直线的生成

一、概述在计算机产生的图形中，用到大量的直线，画好直线是非常有意义的，其一般的准则是：1.线条应该显得笔直：有连续点组成的直线要显示在离散网格的平面上，一定会有不经过网格的点。在这种情况下，必须选择靠近直线的网格来逼近这条直线。若选择的好，线就显得较直；否则就会有明显的句齿形。2.直线端点的位置应该是准确：画出的直线如果不准确，往往会使两条线之间不能很好的镶接。3.直线浓度应该均匀：线段的浓度单位与单位线段中所显示的点数成正比。要保持线段的浓度均匀端点应该等距分布。只有与轴平行和成4

原创 计算机图形学-二维图形-几何变换

几何变化一、概述图形变换：是一种几何变换，在二维图形处理过程中，常常需要对平面图形的形状，尺寸，显示方向和显示位置进行修改，来达到改变图形的目的。几何变换：是一种先行变换，对原来图形中的一点坐标通过变换生成一个新的点坐标：对原来图形中的一条直线的变换是通过直线上的亮点作变换后的新的端点坐标，然后连接这两个新的端点，便得到变换后的直线；类似的，可以进行各种图形的几何变换。几何变换的表示采用3*3矩阵的形式，称为变换矩阵，点的坐标表示采用齐次坐标形式（齐次坐标就是将一个原本是n维的向量用一个n+1维

原创 计算机图形学-二维图形

直线截取算法

原创 CRT工作原理图

随机扫描显示器的工作原理：从刷新存储器里，读取显示文件当中的每一条指令，进行解释执行，然后按照图形轨迹生成最终的图形。（缺点对图形显示的复杂度有限制）显示器的评判指标存储管显示器1.先在存储栏中先生成一张带有正电荷的图形2.电子枪停止工作3.通过潮枪，不停发射低速电子流，涌向屏幕光栅扫描显示器显示原理：在x，y偏转系统上加上恒定扫描的频率讯号，分别成为行扫描和帧扫描（存放的是位图）光栅扫描显示器的优缺点缺点：1动态不如随机扫描好有点1....

原创 vscode中安装开发html5中需要的插件

最近在学习H5，也开始尝试着用vscode来写h5的代码。vscode是一个很不错的剪辑器，已经用它来写过php，python，还有vue的代码了。最近使用它写H5的代码，推荐一些H5有关的插件。1.Emmet是一款编辑器插件，支持多种编辑器支持。在前端开发中Emmet使用缩写语法快速编写HTML、CSS以及实现其他的功能，极大的提高了前端开发效率。a.安装完之后，创建一个html的文件敲入！，然后按一下tab就会出现h5的基本框架。b.可以直接用缩写敲入div，按tab，就会出现<div

原创 vue项目优化策略去除掉打包文件中的console

安装插件babel-plugin-transform-remove-console，这个插件可以去除掉你在项目中的console。插件地址：https://www.npmjs.com/package/babel-plugin-transform-remove-console安装方法：npminstallbabel-plugin-transform-remove-console--save-dev官方方法可以在.babelc中加入.babelrc这个文件是全局共享的，不管是在开发阶段...

原创 unity 下载服务器端assetbundle资源包到本地，并且加载资源

将assetbundle资源包存放到服务器上。IEnumerator SaveAssetBundle(string path, string filename, Action DownLoad = null) { //服务器上的文件路径 string originPath = path + filename; Debug.Log("originPath:"+originPath); using (webRequest = Unit

原创 unity 打包assetbundle资源包（一）

查看API,unity中有专门用来打包的工具Unity Asset Bundle Browser tool（https://docs.unity3d.com/Manual/AssetBundles-Browser.html）要求5.6以上的版本，下载地址https://github.com/Unity-Technologies/AssetBundles-Browser。下载完之后，把editor文件夹放入unity asset下接着可以在window->AssetBundle Brow..

原创 vue 自己编写的js中的方法

记录scrolltopkeepalive

原创 图形学（一般工作过程）

原创 计算机图形学定义

1.在计算机上生成图形的工具2.与图形交互的工具3.快速绘制图形的硬件4.图形真实感的显示5.仿真物理现象的算法6.可视化复杂数学的工具计算机图形学-对非图形信息产生图形模式识别-对图像提取特征，予以分类和描述关系，再进行匹配（比如识别文字，土，干，都是两横一竖的特征）图像处理-对图像采用增强，变换等技术进行处理-增强对比度：对曝光过度，不足，或模糊的进行处理-变换：一幅亮度范围宽的图像->两种亮度的图像->线条状图形C.G. 描述-.

原创 vue scroll滑动到底部自动加载

vue中常常会遇到滑动加载的情况，为了不让数据一次性请求到太多。那么接下来就来实现一下这个功能吧<template> <div id="app"> <div class="showpanel"> <div class="title">下拉自动加载</div> <div class="boxpanel"> <div class="show-item" v-for="(in

原创 vue中使用swiper（获取当前页面）

bgbhnh

原创 学习VUE 3（下载别人的demo,并且查看）

在学习过程中，部分功能不能自己实现，所以需要去网上搜索其他大神的代码。这边以github上下载一个例子https://github.com/1446445040/card-swiper下载完成之后，进入到项目文件中，安装依赖 npm install(查看上图，项目中缺少node_modules，需要在本地重新加载一份node_modules，用来确保vue项目得以运行）)安装好node_modules后，马上导入npm run dev,然后立马报错 ，哈哈查看packjson

原创 学习vue遇到的第二个问题(element 导航栏)

vue选项卡跳转到相应的网页

原创 学习vue遇到的第一个问题 （设置width 100% height 100 无效）

为了让项目更有结构感，为了开发效率更加的高，所以决定把公司的web项目整改为使用vue.js开发。在看完了vue api之后遇到了第一个问题，就是不知道如何讲html，body的样式 height，width设置为100%。于是我查阅了百度，有的说直接在style中写下样式就可以了，然而并没有什么用处。<template> <div id="app">demo</div></template><script>expo...