立体生成器简易教程

立体生成器是我基于threejs制作的网页小工具。它的地址是https://ejsoon.win/ejpoly。下面我用任务线的形式简单介绍它的使用方法。

任务一:创建一个方形孔环

2023020623101559

打开立体生成器,点击右下角的图层,选择第二层(当然你也可以不选第二层)。之后像下图一样填充立体:

2023020623162782

大功告成,关掉这个生成面板。你可以任意旋转这个立体。同时也可以体会一下在第一层生成跟第二层是什么区別。

任务二:理解立体范围

如果你在前个任务,试了在第一层生成,并且用鼠标或触屏旋转,会发现它并不是旋转中心。第二层才是。为什么呢?

原因就是下图菜单中的volumn,它认为你要生成一个3x3x3的立体,所以中心就在第二层的中间。

2023020623222692

把这个值设置为「width:4,length:4,height:1」,之后进入下一个任务。

任务三:做一个阴阳锁

下面要做一个阴阳锁,它有两种颜色,而我们现在只有一种颜色。

因此,我们首先要添加颜色。

来到颜色管理面板「generator>pieces」。我们发现右上角有一个加号,它可以随机添加颜色和名称。不喜欢的颜色可以删除,只留两种颜色。再把它们的方向,一个向左,一个向右。

2023020623342444

关闭它。重新打开panel生成面板。

最终生成以下形状:

5yinyang

点击播放就可以使之动起来,实现一个简易的三维动画。并且你可以在它移动时旋转视图。

课外任务:嵌入你的网站

这个任务比较难完成,实例参考

它的难度在于,首先你要有一个wordpress网站。

其次你要懂的如何做一个wordpress插件。

目前我沒有做成插件,如果有人觉的好玩,希望我把它做成wordpress插件,可以留言。

结尾

所有任务已完成,你已学会了生成立体的简易方法。

立体生成器可以做出很复杂的动画,还可做成立体点阵字,如:

2023020623532939

发挥你的想象力,也来为自己的网站做一个立体吧!

© 文章系本站作者 ejsoon 投稿发布于「博望坡」,文章授权后方可转载,请勿侵权!

(0)
上一篇 2023年2月7日 上午10:16
下一篇 2023年2月8日 上午9:28

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

评论列表(1条)