Threejs3D Code Play

Threejs3D Code Play pomaga w nauce Three.js poprzez edycję kodu i oglądanie rezultatów w interaktywnej scenie 3D. Zacznij od przykładu, zmień jego kod HTML i JavaScript, a następnie uruchom swoją wersję w aplikacji.

UCZ SIĘ PRZEZ SCENY PRACY

Odkryj 99 przykładów w eksperymentach edukacyjnych i predefiniowanych scenach animowanych. Zacznij od kształtów, materiałów, oświetlenia i kamer, a następnie zbadaj cząsteczki, shadery i interakcję. Wypróbuj układ słoneczny, fale oceanu lub animowaną scenę abstrakcyjną, jeśli potrzebujesz szerszego punktu wyjścia.

Pięć ścieżek edukacyjnych porządkuje przykłady według podstaw, geometrii, koloru i światła, ruchu i warsztatu kreatywnego. Oznaczaj lekcje jako ukończone, kontynuuj ścieżkę, dodawaj przydatne przykłady do ulubionych i wróć do ostatnio otwartych scen.

EDYTUJ, URUCHOM I BADAJ

Otwórz przykład w edytorze kodu lub rozpocznij nowy projekt z już zaimportowanym Three.js. Korzystaj z podświetlania składni, cofaj i ponawiaj zmiany, znajduj i zamieniaj oraz przechodź do wiersza podczas pracy. Przełącz się na podgląd, aby zobaczyć aktualny kod i sprawdzić komunikaty lub błędy w konsoli.

Przeciągnij, aby orbitować i uszczypnij, aby powiększyć dołączone podglądy scen. W przypadku scen, które je obsługują, sterowanie na żywo pozwala na eksplorację koloru, szybkości animacji, oświetlenia, geometrii oraz tła jednolitego lub gradientowego. Dostępne sterowanie zależy od sceny.

ZACHOWAJ SWOJE EKSPERYMENTY

Zapisz nazwane projekty i otwórz je ponownie w sekcji „Twoje projekty”. Otwórz pliki HTML, aby kontynuować edycję istniejących prac, lub użyj opcji „Zapisz jako”, aby zachować osobną kopię.

Wyeksportuj lub udostępnij projekt w formacie HTML lub ZIP. Eksport obejmuje rozpoznane dołączone biblioteki Three.js; niestandardowe zasoby zewnętrzne pozostają zewnętrzne. Wypakuj plik ZIP i udostępnij jego folder przez HTTP, aby otworzyć projekt poza aplikacją.

ANIMUJ SWOJĄ TAPETĘ

Na zgodnych urządzeniach z systemem Android z wymaganą natywną obsługą, wyślij animowaną scenę do systemu, aby wyświetlić podgląd tapety na żywo i potwierdzić tam swój wybór. Dostępne miejsca docelowe tapet zależą od urządzenia.

Stworzone dla studentów, hobbystów i twórców stron internetowych, którzy chcą ćwiczyć kodowanie 3D poprzez małe eksperymenty. Dołączone przykłady korzystają z lokalnych bibliotek; Niestandardowe zasoby zdalne i reklamy mogą wymagać dostępu do internetu. Aplikacja zawiera reklamy.