随笔分类 - 3D可视化
摘要:前面几篇已经完成了前端3D疫情地球的实现和疫情数据的爬虫,如何将这两个链接起来,需要在这两个程序之间搭建一个服务 服务类型很多,这里使用websocket实现 1 websocket服务端 2 websocket客户端 websocket服务端 这里使用python实现一个简易的websocket服
阅读全文
摘要:接前几章,已经实现了前端3D地球的展示,本章开始完成一个疫情数据的爬虫 爬取数据使用python爬虫实现 1 运行环境 1 python 3.7 2 scrapy 2.0.1 3 selenium 4 chromedirver 选择适合自己浏览器的 http://npm.taobao.org/mir
阅读全文
摘要:上一篇,实现到了地球的3D可视化的展示,本篇在之前的基础上增加一些数据标注 为了美观,先给地球加上一些点缀 1 创建星星 太空中的视角,星星就是一个个的两点,这里借助threejs的Geometry实现 修改material.js, 在材质类中新增一个星星的材质创建方法 class material
阅读全文
摘要:接上篇,已经搭建好前端代码框架,本文开始进行前端代码的开发 准备工作 地球采用球体+蒙皮的方式实现,贴图来自echarts: https://www.echartsjs.com/examples/data-gl/asset/world.topo.bathy.200401.jpg,下载贴图jpg文件,
阅读全文
摘要:基于Threejs的3D疫情地球,环境采用上篇博客里的前端准备环境。 首先创建前端代码文件夹VDEarth mkdir VDEarth && cd VDEarch 安装组件 npm安装应用到的组件 安装webpack组件 npm install -D webpack 安装webpack-cli组件,
阅读全文
摘要:背景 最近疫情肆虐,各个网站也都上线了各种疫情地图的页面,单大部分都是基于图表的,所以想做个3D可视化的全球疫情展示 要实现这个功能,主要简单分为三块内容 (1)3D可视化地球 (2)爬取疫情数据 (3)数据推送 环境 分别准备三部分环境 (1)前端3D可视化 这里使用threejs进行实现,环境选
阅读全文

浙公网安备 33010602011771号