分类:学习笔记

note

threejs项目中为什么要加载环境贴图

threejs项目中为什么要加载环境贴图
threejs项目开发过程中,发现模型在加载了环境贴图后和没有加载环境贴图模型有明显的差异。所有查询了一下环境贴图在项目中起了什么作用。 未加载环境贴图hdr前 加载环境贴图hdr后 加载HDR (High Dynamic Range) 图像并将其设置为场景环境贴图主要有以下...

8个月前 (08-24) 喜欢

vue 实现vr全景看房并添加标注

vue 实现vr全景看房并添加标注
项目开发中,我们会遇到各种需求,今天我们的需求是实现全景看房,并给房间里对应的场景物品添加标注。 准备素材 我们需要准备各个房间的全景图,为渲染做准备 动态效果 移动端兼容 移动端测试可以正常浏览 配置房间信息 我们通过 roomList来配置房间, image为房间全景图,...

8个月前 (08-23) 喜欢

vue项目中使用openweathermap获取天气

vue项目中使用openweathermap获取天气
数据可视化大屏项目开发中,需要显示天气,客户提供的是openweathermap平台的key,查询天气时需要使用到key 经纬度,这里将请求方式记录下来。 <!-- WeatherForecast.vue --> <template> <div...

8个月前 (08-22) 喜欢

百度地图使用自定义地图json文件渲染地图

百度地图使用自定义地图json文件渲染地图
数据可视化大屏项目开发中,需要使用两种主题切换地图样式的效果,所以使用百度地图,然后监听主题,切换主题样式,这里是使用的主题色id然后通过styleId来切换,但是在交付的时候遇到问题,开发时使用的是自己的百度账号生成的主题色,切换为客户的地图id后主题色id失效了。所以这里我们...

8个月前 (08-22) 喜欢

koa实现excel数据导入导出功能

koa实现excel数据导入导出功能
数据可视化大屏项目中,后台管理数据往往需要导入导出的功能以供快速操作数据,今天我们以后端koa来实现导入导出的功能。 接收文件 app.js文件内,我们需要配置一下,文件接收 import koaBody from 'koa-body'; function applyBodyP...

8个月前 (08-21) 喜欢

双击执行node index.js的脚本

双击执行node index.js的脚本
项目开发过程中,用于在部署项目的时候,可能对代码不熟悉,所以我们要减少客户操作。今天有个项目,客户想快速运行,依赖环境都有了,但是每次cmd运行需要输入几次命令,为了简介快速,这里我们创建一个脚本,让其快速运行起来。 是的,你可以在项目根目录创建一个批处理文件(Windows)或...

9个月前 (08-17) 喜欢

koa设置静态资源加载html页面

koa设置静态资源加载html页面
数据可视化大屏项目开发过程中,需要一个后端界面,一个前端界面,这里为了方便管理,我们将前端和后端都打包放在koa接口端里面,默认koa是不支持的,所以我们配置一下,让其支持访问项目中的静态页面。 配置代码 import serve from 'koa-static'; app...

9个月前 (08-16) 喜欢

vue3实现3d遮罩刻度依次加载底座效果实例

vue3实现3d遮罩刻度依次加载底座效果实例
在数据可视化大屏项目开发过程中,设计师提供的大屏设计图经常会遇到类似下面的底座效果。 项目做的多了,遇到类似的底座多了以后就想着能不能让底座里的刻度动起来呢? 动画效果 底座实现代码 <template> <div class="BgBody&...

9个月前 (08-16) 喜欢

数据可视化大屏完整端配置

数据可视化大屏完整端配置
本文介绍基于数据可视化大屏项目后端配置。 api端 文件夹名api 本项目基于lin-cms-koa框架开发 项目运行环境 nodejs 14 安装依赖 pnpm install 启动项目 node index.js 或者使用pm2进行启动 数据库配置 数据库使用的mysql 5...

9个月前 (08-16) 喜欢