Gio.js
高手问答
随着 WebGL 标准的快速推进，越来越多开发者尝试在浏览器上推出可交互的 3D 作品。相较于二维场景，3D 作品更能为用户带来真实和沉浸的体验。而对于可视化组件，相信大家都见过或者用过不少，通过它们，前端开发者能够十分直观且优雅地将数据可视化地展示出来。尤其是对于涉及到地理位置的数据，如果能将这类数据反映到地图上，不仅能在视觉上带来冲击的效果，更能让用户直观了解到数据的流动情况。
像上面这张图片，正是基于一个称为 Gio.js 的开源组件库而实现的，Gio.js 是一个基于 Three.js 的 Web3D 地球数据可视化开源组件库。你可以仅使用 4 行 JavaScript 代码即可创建3D地球数据可视化模型。对于这么一个极具“科幻感”的可视化组件库，作为开发者的我们，除了被这些效果惊艳一把之外，或许会更关心这些效果背后的技术实现。
因此本期高手问答(2018 年 8 月 1 日 — 8 月 7 日)我们邀请到了开源项目 Gio.js 的两位核心开发者，和大家一起围绕 Gio.js 就关于前端 Web3D 技术方面的问题进行讨论。
本期高手问答主题
1.Gio.js 的设计思路和实现原理
2.Gio.js 使用使用实战分享
3.使用 Three.js 的开发经验分享
4.数据可视化讨论
5.现代化3D前端应用和Web3D 技术
或有其它和本期高手问答主题相关的问题，也欢迎大家积极提问！
本期高手嘉宾
刘波@botime（圣何塞州立大学<-北卡罗来纳州立大学<-清华大学），Gio.js 项目发起人与主要开发者。关注新技术和科技新闻，努力成为一个严肃的程序员。喜欢看美剧、电影，偶尔找个阳光明媚的小板凳看看书。
沈云天@syt123450（圣何塞州立大学<-浙江大学），Gio.js 项目发起人与主要开发者。关注新兴黑科技，热衷数据可视化。在技术之外，打打球，烧烧hifi，经常一个人躲在小角落里默默地敲代码。
OSChina 高手问答一贯的风格，不欢迎任何与主题无关的讨论和喷子。
下面欢迎大家就 Web3D 技术相关问题向两位开源作者提问，请直接回帖提问。
@HelloGio 使用Three.js做3d物体obj 碰撞, 两个obj物体碰撞 ,应该怎么实现比较好
@HelloGio 和ECharts GL有什么不同？
引用来自“凉茶未凉”的评论
@HelloGio 和ECharts GL有什么不同？
名字不同喽！ 这个问题你应该找一个不同点问。
比如：设计哲学有什么不同，体积，执行速度有什么不同。难易有什么不同。。。
@HelloGio 你好，关于数据可视化这块，对于后端来说应该怎么来考虑呈现？从哪些方面去考虑？目前接触到的很多的BI项目里面都有可视化这一块，或者有没有什么好的建议，谢谢
引用来自“凉茶未凉”的评论
@HelloGio 和ECharts GL有什么不同？
感谢你的提问，这也是我们在Gio.js开发之初考虑过的问题，正好借这个机会将我们的设计与思考过程分享给大家。
Echart是一个非常酷的可视化库，我个人，从Echart-X开始，就是它的深度用户。在跨过了Echart的学习曲线了之后，可以借助这个大而全的库创建出不一样的前端应用。同类型的库还有deck.gl。
而Gio.js的设计，借鉴于Google Data Art团队的一个颇受欢迎的项目webgl globe。该项目专注于一种很酷的数据模型，有着简洁易用的设计理念，并没有复杂的功能与过多的配置。库的使用者，如果对这种数据模型感兴趣，可以专注于数据，只需要有最简单的前端知识，就能快速为自己的应用添加交互式3D数据可视化模型。对这种开发方式感兴趣的开发者，不妨试试Gio.js~
@HelloGio 最新在关注flutter的客户端方案， web有没有可能用webgl实现同一套的方案， 用webgl实现清渲染层， 实现一套dom和css的子集， 达到高性能的dom的目的？
@HelloGio 这个主要用在那些场景， 主要是bi分析的吗？
hightopo 觉得这个挺好的
https://hightopo.com/demos/index.html
引用来自“八一菜刀”的评论
@HelloGio 你好，关于数据可视化这块，对于后端来说应该怎么来考虑呈现？从哪些方面去考虑？目前接触到的很多的BI项目里面都有可视化这一块，或者有没有什么好的建议，谢谢
这个问题看起来很大，不知道能不能把问题缩小成：作为可视化项目的参与者，后端开发者应该考虑什么问题。当然在实际情况中，遇到问题必然会所有不同，不过个人认为可以放到两种工作场景中来探讨一下：前后端协作开发，全栈开发。
在协作开发的场景下，不少精力会放在前后端协商上，比如数据通信格式等工作，同时在开发的过程中，考虑数据清洗、数据格式化、高性能数据存取等问题。
在全栈开发的时候，对开发者会有更高的要求，不仅要对数据可视化“套路”了熟于心，更是需要创意、灵感、以及日常不断的积累。从技术角度，最好能掌握多种数据可视化库，熟悉基本的展现方式。从软件工程角度，采用渐进的开发方式，逐步开发2D数据展示、3D数据展示、3D交互式数据展示等。从产品角度，研究企业以及数据的核心价值，通过数据可视化将该价值即通俗易懂、又内涵丰富地展现出来。
@HelloGio 以前搞web的时候，总是畅想着用 web 能做 3D 游戏。后来 silverlight5 刚开始有点苗头，结果。。。就没结果了。
不知道，现在 web 能做这种真 3D 的页面游戏了吗？