vue 数据大屏项目 开发中,展示echarts柱状图,最近半年的数据,因为接口需要传开始和结束日期来查询数据,所以我们需要把先获取过去6个月的日期,并且还需要获取这个6个月的开始日期和结束如期。
引入dayjs
import dayjs from "dayjs&quo...
yekong
4天前 18℃
0喜欢
vue 数据大屏项目 开发中,展示echarts柱状图,最近一个月的数据,因为接口需要传每一天的日期来查询数据,所以我们需要把当前月份所有日期都遍历出来,但是有的月份是31天有的月份是30天,所以我们需要动态获取不能写死,通过dayjs的startOf我们可以获取月份开始的日期,...
yekong
4天前 23℃
0喜欢
vr全景看房通过创建多个立方体盒子,并给立方体盒子是6个方位添加图片,将视角设置为立方体盒子中心通过鼠标调整视角视角达到vr全景看房的效果。
初始化场景
// 初始化场景
const scene = new THREE.Scene();
初始化相机
// 初始化相机
cons...
yekong
4天前 203℃
1喜欢
VR全景看房实现场景房间切换效果,当我们实现了房间切换后,我们还需要添加一个小地图,小地图的作用就是标记位置,告诉用户自己当前所处的位置
创建地图
这里使用一个图片作为小地图,定位到左下角,用来表示房间的房型,以及当前用户的位置。
切换房间是地图也跟着切换
当我们监听到房间标...
yekong
4天前 150℃
0喜欢
VR全景看房当我们实现了VR全景看房房间切换以及地图动画,还需要再进行优化,因为图片过多过大,我们需要一段时间来加载这些图片,这时候我们就需要一个进度提示,让访客知道图片加载进度。
创建加载进度
创建一个div当我们的资源加载时,显示这些信息给用户返回当前状态,当进度为100%的...
yekong
4天前 136℃
0喜欢
vr全景看房,在实现VR全景查看房间后,我们还需要进行VR全景看房实现场景房间切换效果。
创建多个房间
VR全景看房,要切换房间,首先要有多个房间可供切换,所以我们需要创建多个房间。
因为要创建多个房间,所以我们需要一个房间函数
class Room {
constructo...
yekong
4天前 180℃
0喜欢
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的白色3d地球效果实例。3d旋转地球是基于threejs实现的。
实例演示
实例代码
/**
* @Author: 858834013@qq.com
* @Name: threejs地球
* @Date: 20...
yekong
1周前 (05-20) 63℃
0喜欢
之前的一个数据可视化大屏 项目开发中,有一个要求是需要进行3d环绕旋转的效果,这个效果之前有个案例demo中看到过,是通过css的matrix3d方式实现的,css实现方式,但是这个demo的css太长了,如果按照这个来写的话,实在是困难,首先每一个的css都特别长,写10几个的...
yekong
1周前 (05-20) 303℃
0喜欢
《Three.js可视化企业实战WEBGL课》课程一共有371节课程,课程时间长短不一,长的一节有60分钟,短的一节只有几分钟,平均下来一节大概有20分钟,总时长大概在90个小时。
课程价格
《Three.js可视化企业实战WEBGL课》课程价格为2880元,领取优惠劵后价格为...
yekong
4周前 (05-02) 837℃
0喜欢
threejs项目开发中,会需要一些纹理贴图,当我们手没有纹理贴图资源的时候,我们可以通过这些网站来寻找我们需要的纹理贴图。
poliigon
poliigon
poliigon提供了近百种免费的纹理贴图资源,满足了我们对纹理贴图的基本需要。
3dtextures
3dtext...
yekong
1个月前 (04-24) 88℃
0喜欢