分类:threejs

threejs

dayjs 获取过去六个月每个月的开始日期和结束日期

dayjs 获取过去六个月每个月的开始日期和结束日期
vue 数据大屏项目 开发中,展示echarts柱状图,最近半年的数据,因为接口需要传开始和结束日期来查询数据,所以我们需要把先获取过去6个月的日期,并且还需要获取这个6个月的开始日期和结束如期。 引入dayjs import dayjs from "dayjs&quo...

yekong 4天前 18℃ 0喜欢

dayjs 获取当前月份所有的日期

dayjs 获取当前月份所有的日期
vue 数据大屏项目 开发中,展示echarts柱状图,最近一个月的数据,因为接口需要传每一天的日期来查询数据,所以我们需要把当前月份所有日期都遍历出来,但是有的月份是31天有的月份是30天,所以我们需要动态获取不能写死,通过dayjs的startOf我们可以获取月份开始的日期,...

yekong 4天前 23℃ 0喜欢

vr全景看房原理以及实现

vr全景看房原理以及实现
vr全景看房通过创建多个立方体盒子,并给立方体盒子是6个方位添加图片,将视角设置为立方体盒子中心通过鼠标调整视角视角达到vr全景看房的效果。 初始化场景 // 初始化场景 const scene = new THREE.Scene(); 初始化相机 // 初始化相机 cons...

yekong 4天前 203℃ 1喜欢

VR全景看房房间切换以及地图动画

VR全景看房房间切换以及地图动画
VR全景看房实现场景房间切换效果,当我们实现了房间切换后,我们还需要添加一个小地图,小地图的作用就是标记位置,告诉用户自己当前所处的位置 创建地图 这里使用一个图片作为小地图,定位到左下角,用来表示房间的房型,以及当前用户的位置。 切换房间是地图也跟着切换 当我们监听到房间标...

yekong 4天前 150℃ 0喜欢

VR全景看房全局加载进度管理实现页面loading

VR全景看房全局加载进度管理实现页面loading
VR全景看房当我们实现了VR全景看房房间切换以及地图动画,还需要再进行优化,因为图片过多过大,我们需要一段时间来加载这些图片,这时候我们就需要一个进度提示,让访客知道图片加载进度。 创建加载进度 创建一个div当我们的资源加载时,显示这些信息给用户返回当前状态,当进度为100%的...

yekong 4天前 136℃ 0喜欢

VR全景看房实现场景房间切换效果

VR全景看房实现场景房间切换效果
vr全景看房,在实现VR全景查看房间后,我们还需要进行VR全景看房实现场景房间切换效果。 创建多个房间 VR全景看房,要切换房间,首先要有多个房间可供切换,所以我们需要创建多个房间。 因为要创建多个房间,所以我们需要一个房间函数 class Room { constructo...

yekong 4天前 180℃ 0喜欢

threejs 实现旋转的白色3d地球效果实例

threejs 实现旋转的白色3d地球效果实例
vue项目开发中,我们会需要一些动画进行装饰,今天整理的效果是旋转的白色3d地球效果实例。3d旋转地球是基于threejs实现的。 实例演示 实例代码 /** * @Author: 858834013@qq.com * @Name: threejs地球 * @Date: 20...

yekong 1周前 (05-20) 63℃ 0喜欢

threejs 3d环绕旋转动画效果实例

threejs 3d环绕旋转动画效果实例
之前的一个数据可视化大屏 项目开发中,有一个要求是需要进行3d环绕旋转的效果,这个效果之前有个案例demo中看到过,是通过css的matrix3d方式实现的,css实现方式,但是这个demo的css太长了,如果按照这个来写的话,实在是困难,首先每一个的css都特别长,写10几个的...

yekong 1周前 (05-20) 303℃ 0喜欢

Three.js可视化企业实战WEBGL课 课程介绍

Three.js可视化企业实战WEBGL课 课程介绍
《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喜欢