立體生成器是我基於threejs製作的網頁小工具。它的地址是https://ejsoon.win/ejpoly。下面我用任務線的形式簡單介紹它的使用方法。
任務一:創建一個方形孔環
打開立體生成器,點擊右下角的圖層,選擇第二層(當然你也可以不選第二層)。之後像下圖一樣填充立體:
大功告成,關掉這個生成面板。你可以任意旋轉這個立體。同時也可以體會一下在第一層生成跟第二層是什麽區別。
任務二:理解立體範圍
如果你在前個任務,試了在第一層生成,並且用鼠標或觸屏旋轉,會發現它並不是旋轉中心。第二層才是。為甚麽呢?
原因就是下圖菜單中的volumn,它認為你要生成一個3x3x3的立體,所以中心就在第二層的中間。
把這個值設置為「width:4,length:4,height:1」,之後進入下一個任務。
任務三:做一個陰陽鎖
下面要做一個陰陽鎖,它有兩種顏色,而我們現在只有一種顏色。
因此,我們首先要添加顏色。
來到顏色管理面板「generator>pieces」。我們發現右上角有一個加號,它可以隨機添加顏色和名稱。不喜歡的顏色可以刪除,只留兩種顏色。再把它們的方向,一個向左,一個向右。
關閉它。重新打開panel生成面板。
最終生成以下形狀:
點擊播放就可以使之動起來,實現一個簡易的三維動畫。並且你可以在它移動時旋轉視圖。
課外任務:嵌入你的網站
這個任務比較難完成,實例參考。
它的難度在於,首先你要有一個wordpress網站。
其次你要懂的如何做一個wordpress插件。
目前我沒有做成插件,如果有人覺的好玩,希望我把它做成wordpress插件,可以留言。
結尾
所有任務已完成,你已學會了生成立體的簡易方法。
立體生成器可以做出很復雜的動畫,還可做成立體點陣字,如:
發揮你的想象力,也來為自己的網站做一個立體吧!
(本文簡化字版授權博望坡發表,地址:https://www.dxia.com/486.html)