logoHi! I'm Mofei!
  • 首页
  • 博客
  • 实验室
  • 留言
  • 小伙伴
  • English
  • 
全部88前端基础10HTML2CSS3JavaScript45Node.JS4可视化8杂谈15Python学习1

如何使用Canvas实现一个时间控件

 Tags:  JavaScript前端基础可视化
前段时间在一个分享上提及到了我们的时间穿梭控件,分享之后很多同学在Github的Issue中留言想了解该控件的具体开发过程,利用周末的时间将该控件单独重新写成一个Demo,和大家分享一下具体的技术实现细节。 重新整理的控件开源在Github上 https:github.comzmofeitimeplayer ,也欢迎大家在Issue中对代码提出问题或者建议,共同探讨一起进...
2020-03-22 13:54:50
 1234  5 

从地图看疫情

 Tags:  可视化JavaScript
前段时间我们发布了一张可以动态展示全球新型冠状病毒疫情趋势的地图: https:www.mapbox.cncoronavirusmap 这张图经过N个版本的迭代,结合了来自东西方灵感的碰撞,最终形成了目前大家看到的还算令我们满意的一个版本。今天和大家谈谈开发这张地图背后的故事:我们想通过地图表达什么以及我们通过哪些技术方案让疫情地图得以实现。 ![图片来自zhuwenlong.com](https:cdn.zhuwenlong.comuploadimage20200220heatmap.g...
2020-02-23 16:24:13
 3120  3 

从零开始做点阵地图

 Tags:  可视化JavaScript
最近有不少人看到我放在个人主页上的地图之后,问我是怎么做的或者是用了什么插件。 这张地图最早诞生在几年前的一次博客改版,当时是想把我去过的地方都标记出来,梦想着什么时候能把整个世界地图点亮。 最近抽空把这个整个地图的开发过程整理了出来,也顺便把这个项目放在了Github上,有兴趣的小伙伴可以通过 https:github.com...
2019-08-30 08:05:13
 2692  12 

如何在微信小程序里加载超好看的 Mapbox 地图?

 Tags:  可视化前端基础
小程序,正在成为一种 Pre-App,以一种轻量的方式,来测试 App 的功能和用户场景,便于在正式的 App 中作出更明智的决策。 只可惜,在微信小程序里,只支持自家的地图,比如最基本的地图显示。 所以,开发者们看着 Mapbox 绝美的样式,真的只能望洋兴叹么? ![P3](https:s...
2019-06-06 08:48:10
 2332  2 

mapv-Editor 预发布版简介

 Tags:  JavaScript可视化
<iframe height=498 width=800 src='https:player.youku.comembedXMzE4MDYwMjc0NA==' frameborder=0 'allowfullscreen'<iframe mapv-Editor是一个基于mapv引擎的一款在线编辑器,目前还处于试用阶段。 **项目地址:[https:huiyan-fe.github.iomapV-editordistindex.html](https:huiyan-fe.github...
2017-11-29 02:54:00
 2580  4 

使用JavaScript Canvas模拟绘制带斑马线的十字路口及其细节

 Tags:  JavaScript可视化
最近,在工作中需要模拟绘制一些带斑马线的十字路口,整个实现的过程中用了不少的时间,把具体的绘制过程简单的记录一下。 首先我们看一下手上有哪些数据,在下图中,左边就是我们能拿到的全部数据了。而右边的效果则是我们需要的图形。 ![https:static.zhuwenlong.comuploadimage1509690126944-20171103-1.png?imageView20w900](https:static.zhuwenlong.comuploadimage1509690126944-20171103-1.png?imageView20w9...
2017-11-06 13:05:19
 3558  7 

使用缓冲区以及GLSL变量 - webGL 学习手记 | webGL 教程 (三)

 Tags:  可视化
前两篇的文章我们介绍了如何使用webGL进行简单的绘制,今天我们简单说一下如何使用缓冲区。 * DEMO预览 * http:zmofei.github.ioyes-webgldemodrawpoint.html * [DEMO源码](https:github.comzmofeiyes-webglblobmasterdemodra...
2014-12-05 09:48:30
 5157  2 

webGL 学习手记 | webGL 教程 (一)

 Tags:  可视化
闲扯淡 若干年前(那时候还不知道雾霾是什么),一个偶然的机会了解到了WebGL。当时出于好奇便找了些资料,想深入研究,但是由于各种原因放弃了。若干年后,来到了充满“黑暗雾霾故事“的帝都追随梦想,由于工作的原因,再次对webGL充满了浓厚额兴趣,为了不让自己的意志被时间消磨,我决定把webGL的过程写成文章,一是用来鞭励自己,二是坚持互联网的开源分享精神,给后面赶路的童鞋们提供些便利(其实最重要的是可以给博客吸引人气,有木有!![贱萌的笑])。 一些介绍 因为工作比较繁忙,绝大部分的东西是在业余时间进行研究的,而且OPEN GL方面确实需要些数学基础,所以进度,以及能...
2014-11-16 09:44:40
 7520  6 
1
(C) 2010-2020 Code & Design by Mofei
Powered by Dufing (2010-2020) & Express
IPC证:皖ICP备11015043号