Twórz animacje i grafikę 3D za pomocą Threejs (3JS)

Jan 30 2023
ThreeJS to biblioteka JavaScript obsługująca wiele przeglądarek i interfejs programowania aplikacji służący do tworzenia i wyświetlania animowanej grafiki komputerowej 3D w przeglądarce internetowej przy użyciu WebGL. Wprowadzenie do THREEJS Być może zastanawiałeś się, jak działają gry internetowe i grafika w przeglądarce internetowej.
TRÓJKI

ThreeJS to biblioteka JavaScript obsługująca wiele przeglądarek i interfejs programowania aplikacji służący do tworzenia i wyświetlania animowanej grafiki komputerowej 3D w przeglądarce internetowej przy użyciu WebGL.

Wprowadzenie do THREEJS

Być może zastanawiałeś się, jak działają gry internetowe i grafika w przeglądarce internetowej. Sam HTML i CSS nie wystarczą. Więc jaka tak naprawdę jest technologia, która za tym stoi?

WebGL (Web Graphics Library) to interfejs API javascript, który służy do renderowania trójwymiarowych obiektów, dwuwymiarowych obiektów i grafiki w przeglądarce internetowej. Nie wystarczyło to jednak do zaspokojenia współczesnych potrzeb.

Później ThreeJS doszedł do roli przezwyciężenia wad WebGL .

Three.js to biblioteka JavaScript typu open source, która służy do wyświetlania obiektów 3D, obiektów 2D i grafiki w przeglądarce internetowej.

Najpierw zrozumiemy, czym jest WebGL :

  • Jest to JavaScript API, które umożliwia wyświetlanie grafiki 3D w przeglądarce.
  • WebGL zapewnia niski poziom dostępu do sprzętu.
  • WebGL rysuje tylko podstawowe obiekty, takie jak punkt, kwadrat i linia.
  • WebGL nie obsługuje większości przeglądarek.
  • Jest to biblioteka JavaScript zbudowana na bazie WebGL do renderowania grafiki 3D w przeglądarce.
  • Three.js umożliwia użycie procesora graficznego (GPU) do renderowania grafiki 3D.
  • Obsługuje większość przeglądarek.
  • Three.js pozwala na użycie GPU do renderowania grafiki 3D.

W tym artykule przedstawiłem podstawy Threejs śledź mnie dla takich ciekawszych blogów. W nadchodzących blogach przyjrzymy się bliżej 3JS.