立体生成器是我基于threejs制作的网页小工具。它的地址是https://ejsoon.win/ejpoly。下面我用任务线的形式简单介绍它的使用方法。
任务一:创建一个方形孔环
打开立体生成器,点击右下角的图层,选择第二层(当然你也可以不选第二层)。之后像下图一样填充立体:
大功告成,关掉这个生成面板。你可以任意旋转这个立体。同时也可以体会一下在第一层生成跟第二层是什么区別。
任务二:理解立体范围
如果你在前个任务,试了在第一层生成,并且用鼠标或触屏旋转,会发现它并不是旋转中心。第二层才是。为什么呢?
原因就是下图菜单中的volumn,它认为你要生成一个3x3x3的立体,所以中心就在第二层的中间。
把这个值设置为「width:4,length:4,height:1」,之后进入下一个任务。
任务三:做一个阴阳锁
下面要做一个阴阳锁,它有两种颜色,而我们现在只有一种颜色。
因此,我们首先要添加颜色。
来到颜色管理面板「generator>pieces」。我们发现右上角有一个加号,它可以随机添加颜色和名称。不喜欢的颜色可以删除,只留两种颜色。再把它们的方向,一个向左,一个向右。
关闭它。重新打开panel生成面板。
最终生成以下形状:
点击播放就可以使之动起来,实现一个简易的三维动画。并且你可以在它移动时旋转视图。
课外任务:嵌入你的网站
这个任务比较难完成,实例参考。
它的难度在于,首先你要有一个wordpress网站。
其次你要懂的如何做一个wordpress插件。
目前我沒有做成插件,如果有人觉的好玩,希望我把它做成wordpress插件,可以留言。
结尾
所有任务已完成,你已学会了生成立体的简易方法。
立体生成器可以做出很复杂的动画,还可做成立体点阵字,如:
发挥你的想象力,也来为自己的网站做一个立体吧!
评论列表(1条)
看下