Làm thế nào để xóa phần tử dat.GUI?

Question

Tôi tìm thấy chức năng này để loại bỏ phần tử gui nhưng tôi nghĩ rằng nó đã lỗi thời. Cho đến nay tôi đã không thể tìm thấy bất kỳ ai khác biết cách loại bỏ bất kỳ phần nào của gui, cho dù đó là toàn bộ dat.GUI() hay chỉ là phần tử được thêm vào dat.GUI(). Việc đầu tiên có lẽ sẽ là đủ cho những gì tôi cần (chỉ cần loại bỏ dat.GUI() tất cả cùng nhau) nhưng một trong hai sẽ là siêu hữu ích!

phải loại bỏ một dat.GUI()

gui = new dat.GUI(); 

...

removeGui(gui); 

function removeGui(gui, parent) 
{ 
    if(!parent) 
    { 
     parent = dat.GUI.autoPlaceContainer; 
    } 
    parent.removeChild(gui.domElement); 
} 

Nhưng cho trở lại các lỗi: không thể gọi phương thức 'removeChild' không xác định, vì vậy tôi đoán rằng autoPlaceContainer là sai.

Các tác giả ban đầu của chức năng này để lại những ghi chú:

nơi các thông số gui đại diện cho DAT.GUI bạn muốn loại bỏ và mẹ là thùng phụ huynh mà nếu bạn không nói rõ một DOMElement khi instantiating DAT. GUI sau đó bạn không cần phải vượt qua một phụ huynh.

Answer 1

var gui = new dat.GUI(); 
item = gui.add(text, 'message'); 

Để xóa:

gui.remove(item); 

Nếu mục của bạn là bên trong một thư mục, bạn phải làm:

folder.remove(item); 

Answer 2

Thay đổi hàm remove trong file dat.gui.js: "slice" muốn được "ghép nối".

Câu trả lời có thể được tìm thấy ở đây: https://github.com/ulyssesp/dat.gui/commit/86f43c0be5db08c9a6d7339aa8287620306fb0b5

Answer 3

Nếu bạn muốn loại bỏ toàn bộ phần tử dat.GUI cùng với tất cả các thính giả của nó, bạn có thể sử dụng gui.destroy()