GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → gonnavis → Timeline

gonnavis / Timeline

直观地显示各个历史时间段及历史地图。Visually display various historical time periods and historical maps.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

vue3dmapthreejstimelinehistorycountry

Projects that are alternatives of or similar to Timeline

Harp.gl
harp.gl - web map rendering engine
Stars: ✭ 828 (+551.97%)
Mutual labels:  3d, threejs, map
Tweetscape
A WebVR experience displaying tweets in real-time along a 3D timeline
Stars: ✭ 132 (+3.94%)
Mutual labels:  3d, threejs, timeline
Unity Plane Mesh Splitter
Unity Plane Mesh Splitter
Stars: ✭ 71 (-44.09%)
Mutual labels:  3d, map
Trails
Simple geometrical trail to attach to your Three.js objects
Stars: ✭ 79 (-37.8%)
Mutual labels:  3d, threejs
React 3d Viewer
A 3D model viewer component based on react.js 一个基于react.js的组件化3d模型查看工具
Stars: ✭ 100 (-21.26%)
Mutual labels:  3d, threejs
Aframe Forcegraph Component
Force-directed graph component for A-Frame
Stars: ✭ 60 (-52.76%)
Mutual labels:  3d, threejs
Vimeo Depth Player
A WebVR volumetric video renderer that uses color-depth based videos hosted on Vimeo.
Stars: ✭ 65 (-48.82%)
Mutual labels:  3d, threejs
Three Forcegraph
Force-directed graph as a ThreeJS 3d object
Stars: ✭ 84 (-33.86%)
Mutual labels:  3d, threejs
Solar System Threejs
The Solar System: Modeled to scale with Three.js
Stars: ✭ 107 (-15.75%)
Mutual labels:  3d, threejs
Mdline
Markdown timeline format and toolkit.
Stars: ✭ 111 (-12.6%)
Mutual labels:  timeline, history
Angular Template For Threejs
Angular Template For Three.js
Stars: ✭ 114 (-10.24%)
Mutual labels:  3d, threejs
Fdf
School 42 project // 3D Wireframe Viewer
Stars: ✭ 46 (-63.78%)
Mutual labels:  3d, map
Egjs View3d
Fast & customizable 3D model viewer for everyone
Stars: ✭ 34 (-73.23%)
Mutual labels:  3d, threejs
Vanta
Animated 3D backgrounds for your website
Stars: ✭ 1,162 (+814.96%)
Mutual labels:  3d, threejs
Unesco Map
Show all the monuments of the UNESCO on an interactive map
Stars: ✭ 23 (-81.89%)
Mutual labels:  map, history
Grand Timeline
Interactive grand unified timeline of 30,800 ancient Chinese people / 古人全表
Stars: ✭ 83 (-34.65%)
Mutual labels:  timeline, history
Lba2remake
A Little Big Adventure 2 / Twinsen's Odyssey reimplementation in JavaScript / Three.js / React
Stars: ✭ 116 (-8.66%)
Mutual labels:  3d, threejs
Roygbiv
A 3D engine for the Web
Stars: ✭ 499 (+292.91%)
Mutual labels:  3d, threejs
Trois
✨ ThreeJS + VueJS 3 + ViteJS ⚡
Stars: ✭ 648 (+410.24%)
Mutual labels:  3d, threejs
Giojs
🌏 A Declarative 3D Globe Data Visualization Library built with Three.js
Stars: ✭ 1,528 (+1103.15%)
Mutual labels:  3d, threejs
View All Similar Projects ➔

历史时间线

在线演示 (时间线及三维地图) Demo 3D
在线演示twha版 (平面地图) Demo 2D

简介

直观地显示各个历史时间段及历史地图。

运行

npm install
npm run serve
http://localhost:8080/

编译部署

npm run build
然后提取 dist/ 内文件即可部署
由于添加了 Vuetify 和 Tailwind, 编译时间增加了非常多, 请耐心等待.

计划开发功能

用河流图直观地同时显示时间和面积信息，完善标尺，时间段嵌套，自定义／上传时间段。

twha(The World Historical Atras)项目代码

果然已经有人整理了所有年代的历史地图并做成了网页, 不需要自己再搞一遍了，官网，奇怪的是并没有放到线上, 因此稍做修改优化了下操作方式放到了线上 http://gonnavis.com/timeline/twha/ 目前只支持pc

代码放在本项目的 twha 文件夹下

运行twha版

直接打开 twha/index.html 即可

部署twha版

直接部署 twha/ 文件夹下所有文件即可

备注

目前使用 vue2 开发
之前的 angular2 版 git SHA-1: b2bbf00d95ac24568e1941da56a91884b95edc8d
之前的 angular1 版 git SHA-1: b5372193ab1ff344b9bd0d3dabb2e3339b436269

地图编辑模式(暂时弃用，因为目前使用图片地图而非路径地图，后续适时继续开发)

http://localhost:8080/?is_edit=true
点击框选边界
控制台执行: JSON.stringify({boundary :smap.vec3s_boundary_dot,camera_position: smap.camera.position,})
将结果复制粘贴入 src/components/data.js 中对应朝代的 map 属性内

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].