APP下载

为网站添加3D元素

2016-05-16

CHIP新电脑 2016年5期

通过Tridiv我们可以创建3D标志或者3D飞船等其他的3D元素,然后只需要简单地在网页上插入一个代码,即可将3D元素添加到自己的网站或者博客上。

按照本文的方法为网站添加3D元素,我们需要支持Webkit技术的浏览器。这包括Google的Chrome浏览器、苹果公司的Safari浏览器、Opera和微软集成在Windows 10的Edge浏览器。朱利安·卡尼尔开发的Web服务Tridiv可以为这些浏览器提供一个3D元素的设计界面,通过这个界面,简单的操作即可创建复杂的3D对象加上漂亮的纹理,再将它们加入到自己的网站或者博客之中。加入的方式可以通过iFrame或缩短的Web地址来完成,Tridiv也可以提供HTML和完整的CSS代码。我们可以根据自己的需要更改或添加其他的功能。在步骤1至步骤5,我们会向大家介绍Tridiv的基本操作,步骤6和步骤7是3D对象的优化方法,最后则是将3D对象加入到网站的步骤。

1、启动Tridiv建模

打开网站tridiv.com,要启动一个新的空白项目,点击“Start using the app”或者选择“Examples”中3个样本中的一个。如果选择之后没有看到任何变化或者画面扭曲,那么这意味着浏览器可能不支持WebKit技术。请确认是否使用了上面介绍的几种浏览器之一,如果是则可以尝试更新浏览器,使用最新版本的浏览器进行操作。

2、加载基本形状

确保“Editor”被选中,然后点击工具栏上4个基本形状:立方体、圆柱体、棱柱或金字塔,选择需要的基本形状加载到编辑器。

3、修改基本形状

现在我们可以看到基本形状的小圆圈上有多个不同的图标,点击物体,通过这些小图标,我们可以旋转基本形状的底座,改变大小,复制或从编辑器中删除物体。……

登录APP查看全文