立體生成器使用簡介

立體生成器是我基於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

發揮你的想象力,也來為自己的網站做一個立體吧!

(本文簡化字版授權博望坡發表,地址:https://www.dxia.com/486.html

Leave a Comment