2 拖拽模型_3D在线模型神器

现在站点中使用3D模型已经不是什么新鲜事了,各种框架库现在都有,但对于新手来说,在短时间内上手还是比较困难的,更何况有些零基础的设计师呢~

Tridiv就可以通过简单拖拽编辑等可视化方式操作,上手门槛低,可以生成CSS代码引入到项目中,相比手写代码要快很多~ 也可以作为初期模型的草稿本,快速创建一个示例模型运用到PPT中~


名称:Tridiv网址:tridiv.com


Tridiv 是一个基于 Web 的编辑器,使用 CSS 可视化创建 3D 模型。

它提供了一个传统的四视图面板的操作界面,给出了从每个平面的视图,以及一个预览窗格中示出的最终的效果。

使用 Tridiv 可以创造极其复杂的对象和动画。

fc5b80723d43ff65b9efb5922fdf0c7f.png

9ec93dff6e79703cd094298f3ff0f910.png 使用方法

一、打开站点tridiv.com 点击“start using the app” 即可进入到编辑页面。

ea74dcf1d8ae46ec229685e6a9f77f6f.png

二、可以点击“see examples”查看示例模板,如示例中的外星战舰模型

1e0205bc5f16234b90e4df051df3b5c6.png

三、进入编辑页面,左侧是视图、顶部是基础形状及操作区,右侧是属性面板

2e6a6f5c55c84ea549df49ca2e7f3d3c.png

四、直接点击顶部的基础形状既可以创建到画布中

0ead2ce95f631559615de1d44e24cf26.png

五、选中画布中的形状,就可以在各个视图中缩放、旋转、复制、删除等,右侧则显示该形状的基本属性。

07316d976a589a671e01382ba6cb9969.png

六、在右上角,可以切换预览和编辑视图模式,随时查看你创建的模型效果。
预览模式下,可以拷贝链接,或者直接引用CSS源码到你的站点

8d4a112ecc3ce23efb39a6893b53b9b6.png

01c43199fe125c438d1c718f9edc272b.png0da987d1bb39fed158a52322adadd442.png推荐理由f1eb7e1e5924e6db5f3e8a5685fd3d9d.png

1、简单易操作,适合零基础
2、可视化编辑,生成源码
3、免费

2f0878515c71705f73a9483047eadf64.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值