随笔分类 -  3D可视化

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