webgl、threejs、D3js这三者的关系是：
1、D3js是一个数据可视化的库，看看他们的DEMO就可以知道，技术基础是SVG。兼容性是IE9+。
2、webgl是HTML5中提出的新技术，是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 20结合在一起，关于它的教程可以看看hiwebgl。目前兼容性堪忧
3、threejs是以webgl为基础的库，封装了一些3D渲染需求中重要的工具方法与渲染循环。它的教程同样可以在hiwebgl里面找到。
4、threejs之于webgl，类似于windows版本的虚幻引擎之于D3D。当然，虚幻引擎的能力范围比threejs大得多。d3js跟上面两者没有关系。
CocosCreator是一种流行的游戏引擎，支持使用Threejs作为材质渲染器。使用Threejs材质可以实现高质量的渲染效果，包括高清晰度的纹理和灯光效果。使用Threejs材质可以帮助开发者实现高品质的游戏场景渲染效果，如果遇到使用问题，可以结合Threejs官方文档和CocosCreatorAPI手册进行调试和学习。
1安装node，因为ts的编译器是js/ts写的； 安装node后同时获得npm命令，这是nodejs世界里的包管理器（也可以看作node的app商店）； 2安装vs 2015或者vs code，当然这不是必须的，但是这里强烈推荐写ts的工具，vs第一，vsc第二；
引入这个js <script src="/js/controls/OrbitControlsjs"></script> 找你自己的路径哈，在threejs的库文件里面有的。然后在代码中加入
var controls = new THREEOrbitControls(camera);//创建控件对象 camera是你的相机对象
controlsaddEventListener('change', render);//监听鼠标、键盘事件
就可以随意旋转了。
这两年大家使用threejs做项目是越来越多了，为了更方面使用three引擎以及照顾前端开发工程师的情绪，大家都喜欢使用前端框架，这里我分享一个在使用vue框架遇到的一个坑，大家在使用vue时候，都喜欢把变量定义到data里（纯前端开发好像都是这么做），如果你做的项目模型比较小这样做没太大影响（正常情况你的项目资源应该不会小），如果你们的模型资源相对来说不是那么小，如果你还这么做，你会发现这时候你运行系统，帧率会很低，和你不适用vue框架的帧率简直是两个数量级，这是因为vue中data的里定义的变量是vue内部机制需要高效实时刷新，而你定义的像scene、camera等变量在引擎中的update里也是需要高速渲染的，data里再反复渲染，会造成浏览器性能下降，所以我再定义有关three里需要再场景中渲染的变量时，不要在data里定义；这里分享一下个人的习惯，如果各位有所怀疑的话可以对比测试一下
以上就是关于webgl、three.js、D3.js这三者是什么关系全部的内容，包括:webgl、three.js、D3.js这三者是什么关系、cocoscreator使用threejs材质、如何用typescript开发threejs等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
