Erstellen Sie 3D-Textnetze in Three.js mit React-Three-Fiber

Blog

Erstellen Sie 3D-Textnetze in Three.js mit React-Three-Fiber

Als ich Three.js zum ersten Mal begegnete, war ich überwältigt. Es war kaum zu glauben, dass die komplizierten 3D-Szenen, die ich mir ansah, keine Videos waren, sondern direkt im Browser gerendert wurden! Ich wollte etwas daraus machen, irgendetwas, nur um zu verstehen, was diese Technologie ist und wie sie in das Ökosystem von HTML, CSS und JS passt.



Gelöschte Tweets finden 2020

Während es einige explorative Versuche gab, Three.js in frühe Iterationen meiner Website zu integrieren, bleibt jetzt das sich drehende Textnetz auf der Homepage meiner Website. In diesem Beitrag werde ich durchgehen, wie wir es mit Three.js und React replizieren können, indem wir die erstaunliche Reaction-Three-Fiber-Bibliothek verwenden.

Wir werden das meiste aus dem machen, was Sie in der Sandbox unten sehen können. Wenn Sie also mitmachen, benötigen Sie ein leeres React-Projekt, um den Code zu verwenden.



#software-entwicklung #reagieren #threejs #reagieren-drei-faser #javascript

medium.com

Erstellen Sie 3D-Textnetze in Three.js mit React-Three-Fiber

Erstellen Sie 3D-Textnetze in Three.js mit React-Three-Fiber - Als ich Three.js zum ersten Mal begegnete, war ich überwältigt. Es war kaum zu glauben, dass die komplizierten 3D-Szenen, die ich mir ansah, keine Videos waren, sondern direkt im Browser gerendert wurden! Ich wollte etwas daraus machen, irgendetwas, nur um zu verstehen, was diese Technologie ist und wie sie in das Ökosystem von HTML, CSS und JS passt.