我想創建一個摺紙般的紙使用的WebGL或帆布摺疊動畫(不閃光!)。 我想重現的效果與video here中的效果相似。推薦JS庫摺紙般的摺紙動畫
最終的動畫的清晰視圖可以爲立方體表示如下:
我試圖用three.js庫,但我無法找到一個方法來動畫一個單面一個三.Mesh。我也嘗試過簡單的CSS3動畫,但是使用6個以上的人臉進行動畫製作會非常困難 - 因爲在兩個或更多個人臉之間創建關係並不可行。
任何人都可以推薦其他JS庫?或者有沒有辦法通過three.js來實現? 當然,如果可以通過使用canvas2d來實現它,那將是非常棒的 - 但我認爲它不太可能!
只是一個想法 - 所以,它聽起來就像你正在創建一個立方體,並希望動畫面孔。如果創建6個直角棱鏡(只有6個立方體,其厚度爲0或接近0),並將每個面的動畫作爲單獨的對象?也許那麼你可以將這個過程抽象爲具有N個面的三維形狀? – Kasapo