Przesuwna mozaika z 3D szklanych płytek z Three.js

Budżet: 200 USD Termin: 10 dni

Witaj Nazarze,

Przejrzałem szczegóły Twojego projektu dotyczącego interaktywnych szklanych płytek. To fascynujące zadanie, ponieważ prawdziwe wyzwanie nie polega tylko na implementacji efektu 3D, ale na sprawieniu, aby był on odczuwalny dotykowo, wydajny i naprawdę konfigurowalny.

Pracowałem już wcześniej z MeshTransmissionMaterial z Twojego przykładu w CodeSandbox. Kluczem do uzyskania tego pięknego, realistycznego wyglądu szkła jest dopracowanie jego właściwości (grubość, ior, szorstkość) oraz ustawień oświetlenia. Aby zapewnić płynne działanie, szczególnie na urządzeniach mobilnych, skupię się na utrzymaniu geometrii w prostocie i optymalizacji komponentu React, aby zapobiec niepotrzebnym ponownym renderowaniom.

Aby pokazać Ci moje podejście, mogę szybko utworzyć dla Ciebie nowy, prywatny CodeSandbox z jednym działającym komponentem. Mogę ustawić niestandardowy kolor lub tekst, który podasz. W ten sposób będziesz mógł zobaczyć jakość mojego kodu i efekt wizualny na własne oczy, bez żadnych zobowiązań z Twojej strony.

Ta metoda jest podobna do tego, jak zbudowałem interaktywny widok 3D w moim portfolio, który możesz obejrzeć na żywo tutaj:
https://cgma-9tyz.onrender.com
(naciśnij przycisk „Enter as a guest”, aby pominąć proces rejestracji)

Daj znać, jeśli chcesz, żebym przygotował dla Ciebie ten CodeSandbox.

Pozdrawiam serdecznie,
Semetei Rozwiń

Budżet: 200 USD Termin: 1 dzień

Witam. Zrobię. Pisz, będę chętnie współpracować
Witam. Zrobię. Pisz, będę chętnie współpracować

Budżet: 300 USD Termin: 1 dzień

Witam!
Jestem front-end developerem skupiającym się na React i Three.js, i w pełni zrozumiałem Twoje zadanie.

Już pracowałem z MeshTransmissionMaterial, efektami szkła, i wiem, jak zaimplementować takie płytki z płynną animacją, realistycznymi załamaniami i miękkimi zniekształceniami. Twój przykład na CodeSandbox jest mi znany, i mogę odtworzyć ten sam styl, dostosowując go do Twoich potrzeb:

🔹 Klikalne płytki z linkami
🔹 Konfigurowalne tło, tekst i czcionka
🔹 Możliwość wstawienia obrazu wewnątrz
🔹 Responsywny design i mozaika z płynnym przewijaniem
🔹 Optymalizacja dla urządzeń mobilnych i desktopów
🔹 Komponent wielokrotnego użytku z propsami do konfiguracji

Dodatkowo zapewnię:
✔️ Wydajny i czysty kod
✔️ Płynne animacje bez przeciążenia
✔️ Wsparcie i pomoc przy publikacji

Mogę już w ciągu pierwszych 2–3 dni pokazać prototyp.

Jestem gotowa zacząć od razu i omówić szczegóły.
Dziękuję za interesujące zadanie — nie mogę się doczekać, aby pracować nad tym wizualnie pięknym projektem!

Z poważaniem,
Maria Rozwiń

Budżet: 555 USD Termin: 5 dni

Witaj! 3D MASTER
Mam doświadczenie w pracy z Three.js i React — stworzę dla Ciebie komponent z potrzebną interaktywnością, konfigurowalnymi parametrami i efektami wizualnymi, jak na przykładzie. Dostosuję do urządzeń mobilnych, wszystko zrobię płynnie i wydajnie.
Chętnie omówię szczegóły i zacznę — pisz!

Budżet: 500 USD Termin: 10 dni

3D
Cześć, rozumiem jak to zaimplementować i mam duże doświadczenie z Reactem. Szczerze mówiąc, pracowałem bardziej z Pixi.js, ale jeśli Three.js jest niezbędne, jestem pewien, że nie będzie to problemem. Chętnie omówię szczegóły i będę z Tobą współpracować.

Budżet: 650 USD Termin: 8 dni

Witaj Nazarze,

3D. Starannie przejrzałem Twój szczegółowy projekt interaktywnej mozaiki z trójwymiarowych szklanych płytek. To ekscytujące wyzwanie front-endowe, które łączy moje doświadczenie w React z kreatywnymi możliwościami Three.js.

Jestem pewien, że mogę dostarczyć wymaganą konfigurowalną komponentę, zapewniając, że spełni wszystkie Twoje wymagania:

Efekt szkła: użyję MeshTransmissionMaterial i niestandardowych shaderów, inspirowanych Twoim przykładem, aby stworzyć realistyczny przezroczysty efekt szkła z subtelnymi falowaniami i zniekształceniami.
Interaktywność i personalizacja: każda płytka będzie w pełni interaktywnym komponentem z klikalnym linkiem oraz łatwo konfigurowalnymi propsami dla tekstu, wewnętrznego obrazu i koloru tła.
Wydajność: animacje będą zoptymalizowane pod kątem płynnej wydajności, a cała mozaika będzie w pełni responsywna zarówno na urządzeniach mobilnych, jak i na komputerach stacjonarnych.
Jako deweloper full-stack z silnym naciskiem na wysokiej jakości doświadczenia front-endowe, mogę zapewnić, że końcowy produkt będzie nie tylko wizualnie imponujący, ale także dobrze zorganizowany i wydajny. Moje portfolio znajdziesz tutaj: www.revazgoguadze.com.

Jestem gotów ożywić tę angażującą koncepcję 3D. Rozwiń

Budżet: 450 USD Termin: 10 dni

3D
Witam
Zainteresował mnie Twój projekt, ale nie jestem pewna co do treejs
Czy możemy porozmawiać osobiście
Często tworzę dla stron internetowych webm, gif oraz po prostu modele 3D do integracji i interaktywności

Budżet: 1500 USD Termin: 15 dni

Cześć!
MISTRZ 3D.
Mam bogate doświadczenie w MERN i Three.js.
Chcę omówić więcej w prywatnej rozmowie.
Dziękuję.