Nauka Three.js

-
Ostatnio (od stycznia) mocno wszedłem w temat Three.js. Masę rzeczy się nauczyłem. No i zrobiłem taki edytor.
chociaż on jeszcze nie skończony jest. Tylko, że w międzyczasie inne pomysły mnie naszły, więc z jednego projektu w Three.js zrobiłem kilka projektów. Wydzieliłem "silnik" oraz rzeczy specyficzne dla projektu i jakby robię kilka apek na jednym silniku (nawet w jednym repo wszystko jest, tak wygodniej). Poza tym:
  • nauczyłem się operować na wierzchołkach, tworzyć własną geometrię. W ten sposób tworzę teren: https://github.com/hex13/tileterrain/. Jest on inspirowany terenem, jaki miały gry izometryczne z lat 90
  • stworzyłem własny shader. I dzięki temu mam inny kolor terenu na różnych wysokościach (na górze śnieg, niżej skały, niżej trawa, a najniżej piasek). A przedtem to shaderów się bałem.
  • poznałem wiele dziwactw Three.js. Niestety jest to biblioteka, która ma wiele rzeczy nieintuicyjnych i trzeba naprawdę uważnie czytać dokumentację + uczyć się na własnych błędach + czytać zasoby o Three.js (fora, discord itp.), bo może się okazać, że sposób, w który robisz coś, jest przestarzały albo nieoptymalny
  • o ile dalej zaledwie liznąłem Three.js, to czuję się w nim na tyle pewnie, że jestem w stanie większe projekty w nim robić
  • nauczyłem się nie tylko importować, ale również eksportować GLTF i przypisywać metadane do niego. Poznałem jego wewnętrzną strukturę.
  • poznałem trochę system animacji w Three.js i niestety to jakieś dziwne jest
  • piszę autorski framework oparty o Three.js, gdzie mam np. inicjalizację, obsługę RWD(żeby zmienić rozmiar renderera przy zmianie wielkości okna), obsługę zdarzeń (zarówno myszy, jak i dotykowych), system "trybów"(np. tryb budowania, tryb kasowania itp.), GUI i parę innych rzeczy. Więc teraz jak chcę coś zrobić w Three.js to mam ułatwioną robotę (no a kiedyś, żeby zrobić jakąkolwiek nową apkę w Three.js musiałem się namęczyć, bo niestety Three.js wymaga dużo boilerplate'u).

    • No ale co dalej?

    Chcę się dalej rozwijać w kierunku Three.js i WebGL. Tworzyć w nim różne aplikacje czy komponenty przeznaczone do osadzania w innych aplikacjach. Mam już parę pomysłów, ale raczej tak powoli z nimi idę. Nie chcę za szybko iść, wolę powoli, przemyśleć, też na bieżąco rozbudowywać framework tak, żeby dało się pewne rzeczy zrobić itp.

    Komentarze

    Prześlij komentarz

    Popularne posty z tego bloga

    Dlaczego nie da się nadgonić frontendu

    -
    Obraz
    Światek JavaScriptu, frontendu to jedno wielkie FOMO. Nie uważasz przez chwilę, to się okazuje, że już są kolejne frameworki do nauczenia, biblioteki do obczajenia, wzorce do zrozumienia. Zeszłoroczne dobre praktyki okazują się już przestarzałe i teraz już należy robić inaczej. Można mieć na to wyjebane i robić swoje. I jest to podejście spokojnego programisty, który gdzieś tam klepie po firmach i ma fokus na dostarczanie tasków na produkcję, a nie na naukę frameworków dla frameworków. I to jest dobre podejście. Do czasu zmiany pracy. Bo wtedy się okazuje, że musisz się praktycznie od nowa uczyć masy rzeczy, frontend już jest inny, nie chcą cię już na rozmowach, bo nie znasz jakiejś tam nowej opcji w libce, która weszła akurat wtedy, jak byłeś zajęty pracą. Więc co robić? Można się uczyć na bieżąco nowości. Skąd jednak wiedzieć, czego się uczyć? Cóż, najświeższa wiedza jest na Twitterze (no dobra, czasem świeższa wiedza jest na Githubie, Discordach itp. no ale na Twitterze ta
    Czytaj więcej

    Absurdy Rekrutacji 2023

    -
    Obraz
    Oto absurdy rekrutacyjne, których doświadczyłem w tym roku: 7h robienia zadania domowego (trzeba było prostą apkę w Node.js zrobić), potem feedback, który nawet nie był słowny, ale punktowy. Firma oceniała kandydatów wg punktów. U mnie zabrakło im obsługi błędów (ale nie napisali, że to ważne), więc miałem mniej punktów, więc wypad XD Śmieszne to jest, bo pokazuje ogólne myślenie podczas oceniania, czyli "nie zrobiłeś czegoś? Pewnie tego nie umiesz. Mamy kandydatów, którzy to napisali, oni umieją". Zadanie domowe z tworzenia gier w Pixi.js. Nawet to ciekawe na początku było, bo potrzebowałem googlać, jak się robi pewne rzeczy z Pixi.js. Więc sam skorzystałem na tym. Jednak nie kontynuowałem tego zadania, ponieważ po 2 godzinach owszem, ruszyłem temat i może po 4h by mi się udało zrobić "jakoś" to zadanie. Jednak w wymogach było napisane, że wymogiem jest duża jakość kodu i sensowne podzielenie tego wszystkiego na klasy. Myślę, że jakbym chciał to dobrze zapro
    Czytaj więcej

    Przygody juniora (1)

    -
    Obraz
    Zakodziłem swojego taska. Zakomitowałem i pusznąłem na serwer. Dałem merdż rekłesta. No i czekam. Nie wiedziałem, co ze sobą zrobić, więc wyłączyłem wifi w kompie, żeby włączył się dinozaur. Zacząłem grać. Tak mnie to wciągnęło, że aż pół godziny spędziłem na tym. Nagle stuka mnie w ramię kolega senior. - Czemu nie odpisujesz? Wysłałem ci wiadomość. - A no bo ja, no wiesz, wyłączyłem internet, żeby pograć w dinozaura. - Do tego nie musisz wyłączać internetu. Wystarczy wejść na chrome://dino - rzekł senior i byłem pod wrażeniem jego wiedzy. - O, nie wiedziałem tego! - No to jak masz jakiś problem, to pytaj. - To ty masz jakiś problem, bo przyszedłeś. - A, no tak. No bo dałeś mi tego merdż rekłesta, tak? Ale tam w ogóle nie ma napisanych testów. - A od kiedy muszą być pisane testy? - Od kiedy zmieniliśmy definiszyn ow don. Wcześniej rzeczywiście nie pisaliśmy testów, bo nie było tego w DoD. - A co to są testy i jak się je pisze? - może i głupie pytanie, ale nigdy wcześniej
    Czytaj więcej