图形
ValdisW
懒懒的月更博主
展开
-
THREE + d3制作中国地图挤压(extrude)模型
下午花了几个小时边学边做,做出来了一个中国地图的倒角模型。其中中国地图的数据是geojson的格式,由于相关法律这里无法提供地图数据。如果想要学习交流使用可以前往github上翻一翻。使用的工具很单纯:THREE.js (ver 11.5,主要用了挤压模型和缓冲模型,材质使用的基础半透明材质和线材质) d3.v5.js (只用到了d3-geo的Mercator变换和其他的坐标变换小工具)...原创 2020-04-06 21:26:33 · 2393 阅读 · 0 评论 -
WebGL渲染2D图形
WebGL是OpenGL ES 2.0的Web标准,它结合JavaScript在HTML5的<canvas></canvas>上渲染图形。WebGL现在已经是HTML5 Canvas的绘制上下文之一。因此在使用上的流程和OpenGL ES存在了诸多相似之处,函数名和参数也几乎是相同的。...<canvas id="main-canvas"></...原创 2020-01-27 11:20:10 · 3461 阅读 · 0 评论 -
Processing的Serial库
参考:https://processing.org/reference/libraries/serial/ 《Processing与Arduino互动编程》Serial简介Serial是一个串行接口(简称串口)库。能够通过Processing程序「一次一个字节地」在两个设备之间读/写数据。该库针对的是串行接口(serial即串行)。常见的串行接口有普通计算机使用的RS...原创 2019-06-22 11:20:03 · 3264 阅读 · 1 评论