最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入wowjs来实现动画,但是升级到vue3后再使用wowjs会报下面的错误。
报错
Uncaught...
yekong
2年前 (2023-01-28)
喜欢
vue项目中会使用wow.js+animate.css这类插件进行项目动画渲染。但是使用animate.css插件没有效果,使用特定版本的animate.css就可以,今天趁着处理vue3 vite项目使用wowjs实现加载动画问题也把这个历史问题给解决了。推荐方案1
解决方案...
yekong
2年前 (2023-01-28)
喜欢
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统,用来做实践项目。
然后遇到了第一个问题
使用vite引入组件的时候会报错误
Failed to load url /src/comp...
yekong
2年前 (2023-01-28)
喜欢
通过设置纹理的重复模式来实现图片复用达到草坪的效果。
演示效果
草地效果
代码
/**
* 创建一个草地地面
*/
var geometry = new THREE.PlaneGeometry(1000, 1000); //矩形平面
// 加载草地纹理贴图
var text...
yekong
2年前 (2023-01-28)
喜欢
由于电脑自带的网卡突然无法上网了,而路由距离我的房间又很远没办法使用网线连接,然后想到自己还有一个闲置的路由,可以用路由中继然后通过这个闲置路由的网线连接电脑实现上网。
管理地址
由于长时间没用过这款路由了,忘记了管理地址。通过查询得知是192.168.2.1
配置无线中继
在k...
yekong
2年前 (2023-01-28)
喜欢
通过批量创建表示一个树的精灵模型,来达到树林的效果。
演示效果
树林效果
代码
var that = this
/**
* 创建场景对象Scene
*/
var scene = new THREE.Scene();
/**
* 精灵创建树林效果
*/
// 加载树纹...
yekong
2年前 (2023-01-27)
喜欢
被引入的文件
module.exports = {
url: "https://www.wanjunshijie.com"
}
vue.config.js
const url = require('./qiniu-upload-prefiex.js');...
yekong
2年前 (2023-01-27)
喜欢
threejs视频教程-大屏3D地图可视化教程学习实例,最终实现效果。中间的学习笔记整理。
笔记
threejs 鼠标移入地图显示标签信息
threejs 实现地图轮廓的拉伸
threejs 经纬度转墨卡托坐标
threejs 3d地图添加矩形贴图标注位置
threejs 在3d...
yekong
2年前 (2023-01-27)
喜欢
.addFolder() 分组
new GUI()实例化一个gui对象,默认创建一个总的菜单,通过gui对象的.addFolder()方法可以创建一个子菜单,当你通过GUI控制的属性比较多的时候,可以使用.addFolder()进行分组。
.addFolder() 返回的子文件夹...
yekong
2年前 (2023-01-26)
喜欢
add()方法参数3和4数据类型:数字
格式:add(控制对象,对象具体属性,其他参数)
其他参数,可以一个或多个,数据类型也可以不同,gui会自动根据参数形式,自动生成对应的交互界面。
参数3和参数4,分别是一个数字,交互界面是一个鼠标可以拖动的拖动条,可以在一个区间改变属性的...
yekong
2年前 (2023-01-26)
喜欢