三维建模软件CampusBuilder(模模搭)!
海量模型库,直接拖拉拽
2D/3D切换,换算图纸比例
迷你版出来啦!
模型设置动画(animation)参数,包括开门、关门
什么都可以做,基于Webgl的3D框架,很多开发师都来注册了!牛批的广告也得打一打。
DEMO展示一下,一键可以在线发布项目哦!
疫情数据分析图
智慧建筑可视化
三维地形可视化
城市数据可视化
模模搭(CampusBuilder)客户端编辑器免费下载~请认准ThingJS旗下模模搭~支持国货!
1、打开threeJS软件,任意创建一个模型。
2、然后选择模型并单击“选择并均匀缩放”按钮。
3、将光标移动到X轴上,则X轴变为黄色,且光标的形状发生变化。
4、按住回鼠标左键拖动光标,则模型随着光标的移动发生变化,同理,其他轴也是这样的,
5、鼠标放在三角中间,按住鼠标左键拖动光标,则模型在X、Y、Z三个方向同时变化。如图所示
6、第二种模式“选择并非均匀缩放”跟第一种模式是一样的,
7、鼠标左键按住缩放按钮不放,在弹出的工具菜单中选择“选择并挤压缩放”按钮,将鼠标移动到三角形标识上,向内进行缩放操作,可以看到模型外观发生了巨大的变化,如图所示。
8、完成图。
注意事项:
three.js封装了一些3D渲染需求中重要的工具方法与渲染循环。它的教程同样可以在hiwebgl里面找版到。
three.js之于webgl,类似于windows版本的虚幻引擎之于D3D。当然,虚幻引擎的能力范围比three.js大得多。d3.js跟上面两者没有关权系。