Kezdd itt

Fejlesztő vagy, aki egy Lupian Studio által készített Rive animációt integrál. Ez az oldal a támogatási réteg a beérkezett .riv fájl és a működő animáció között.

Akkor használd, ha

• Most kaptál egy .riv fájlt (vagy egy mappányit) a Lupiantól.
• Most fogod beilleszteni egy weboldalba, alkalmazásba vagy oldalépítőbe (WordPress, Webflow-szerű, Framer, React, Next, egyedi).
• Valami másképp jelenik meg, töltődik be vagy viselkedik, mint a Lupian előnézetén.

Az első három lépés

1. Válaszd ki az utat — 30 másodperces gyorssegéd, ami a megfelelő receptre mutat.
2. Mit küld a Lupian — fájllista, nevek, inputok és események, fallback kép, megjegyzések.
3. Nyisd meg a megfelelő receptet.
   • Sima HTML, WordPress, Webflow, egyedi stack → Vanilla Web (alapértelmezett biztonságos út).
   • React vagy Next.js → React / Next.js.
   • Framer → Framer.

Hogyan épül fel az oldal

• Receptek — beilleszthető integrációk minden stackhez. A Vanilla Web az alapértelmezett; a React és a Framer ugyanezt a fájlt csomagolja be máshogy.
• Hibakeresés — probléma-alapú oldalak. Nyisd meg azt, ami illik a tünetedre.
• Fejlesztői átadás — rövid fejlesztői és QA listák élesítés előtt, plusz mit küldj a Lupiannak, ha elakadsz.
• Hivatkozás — beágyazási lehetőségek, rendszerkövetelmények, a Framer komponens forrása.

Nem duplikáljuk a Rive dokumentációt

A Rive belső koncepcióihoz (runtime API, haladó funkciók, szerkesztői részletek) közvetlenül a rive.app/docs oldalra linkelünk. Ez az oldal arra koncentrál, ami egy Lupian-szállítás üzembe helyezéséhez kell.

Gyakori kérdések

• Melyik csomag kell? — Alapértelmezésben @rive-app/webgl2. Minden funkciót támogat, amit a Lupian használ (mesh, blend módok, vektoros tollazás).
• Kell hozzá React? — Nem. A Vanilla Web mindenhol működik. A React/Next csak egy wrapper ugyanahhoz a .riv fájlhoz.
• Hol a működő példa? — A demo.lupian.studio oldalon.
• Valami nem stimmel. — Kezdd a Hibakereséssel.

Ha elakadsz, ezt küldd a Lupiannak

Lásd: Kérj segítséget a Lupiantól — pontos lista arról, milyen részletekkel tudunk gyorsan segíteni.