Witam,
Posiadam postawioną stronę na wordpressie. Mam kilka podstron, na których chciałbym zamieścić różne modele 3d, które będą wygenerowane np. w formacie GTFL.
Chciałbym żeby taki model można było wkleić w przykładową kolumnę wygenerowaną za pomocą wtyczki, akurat tutaj używam WebBakery.
Bardzo proszę o podpowiedź w jaki sposób najlepiej to zrobić. Bardzo dużo szukałem, ale nie mogę znaleźć odpowiedzi, a fakt, że jestem totalnie zielony nie pomaga.
Oczywiście spędziłem już mnóstwo czasu na szukaniem rozwiązania, ale z moimi skillami nie potrafię tego zrobić. Myślę, że schemat działania na przykładzie jednej podstrony byłby ogromnym kopem do wklejenia na stronę wszystkich modeli i stworzenia porządnej strony.
0
1
Jak chcesz tylko to zrobić (osadzić GLTF na stronie i nic więcej), to jest coś takiego jak Sketchfab - to taka strona do szerowania modeli. Wg tego, co piszą, można osadzać na stronie:
https://help.sketchfab.com/hc/en-us/articles/203509907
Ale nie używałem, nie wiem nawet czy to za darmo, nie mam konta. Jednak wydaje mi się, że może być to najłatwiejsza opcja.
Poza tym coś takiego jest: https://www.npmjs.com/package/@google/model-viewer
Tu też się wydaje, że powinno być łatwe.
A co do Three.js to też jest łatwo, ale jednak trzeba ogarnąć najpierw jak się inicjalizuje Three.js:
https://threejs.org/docs/#manual/en/introduction/Creating-a-scene
Potem możesz załadować GLTF za pomocą loadera: https://threejs.org/docs/#examples/en/loaders/GLTFLoader
No i to renderujesz to do danego elementu canvas.
(nie wiem jak z samą integracją z Wordpressem, mówię zakładając, że chcesz to osadzić na jakiejś stronie internetowej, bez wnikania w szczegóły wordpressowe)
Aha, no i przyda się też OrbitControls, żeby użytkownik mógł obracać kamerą https://threejs.org/docs/#examples/en/controls/OrbitControls
Nie wiem, na ile chcesz tylko wrzucić coś, czy może dokonać jakichś zmian, ale Three.js daje ci dużo dodatkowych możliwości, bo masz scenę i robisz, co chcesz, możesz zrobić coś interaktywnego itp.