Küldetésünk:
Építs magával ragadó 3D világokat a weben — azonnal.
npm i @veldara/core
Bemutatjuk
Veldara 8
Funkciók
Minden, amire egy webes 3D apphoz szükséged van
A Veldara nem csupán egy renderelő réteg. Egy teljes ökoszisztéma, amely a prototípustól a produkciós szintű élményig kísér.
Deklaratív jelenetek
Írd le a 3D jelenetet komponensekként — a Veldara kezeli a Three.js objektumok életciklusát, te csak az élményre koncentrálsz.
Fizika beépítve
Rapier-alapú fizikai motor első osztályú integrációval: ütközések, kényszerek és merev testek pár sor kóddal.
XR támogatás
VR és AR élmények ugyanabból a kódbázisból. A WebXR teljes ereje, a boilerplate nélkül.
Animációs eszköztár
Springek, timeline-ok és scroll-vezérelt animációk deklaratív API-val — a mozgás a jelenet természetes része.
Modellbetöltés
GLTF, DRACO és KTX2 támogatás automatikus gyorsítótárazással és felfüggesztéssel — a modellek egyszerűen csak megjelennek.
3D elrendezés
Flexbox-szerű layout rendszer a térben — igazítsd, rendezd és skálázd az objektumokat, ahogy egy UI-t tennéd.
Fejlesztői élmény
Kód, amit öröm írni
Nincs imperatív jelenetkezelés, nincs kézi takarítás. Komponenseket írsz, a Veldara pedig rendereli őket — reaktívan.
- Teljes TypeScript támogatás automatikus típuskövetkeztetéssel
- Hot module replacement — a jelenet állapota újratöltés nélkül frissül
- Bármely Three.js objektum közvetlenül elérhető, ha mélyebbre mennél
<script> import { T, useTask } from '@veldara/core' let forgas = $state(0) useTask((delta) => { forgas += delta }) </script> <!-- Egy forgó kocka, ennyi az egész --> <T.Mesh rotation.y={forgas}> <T.BoxGeometry /> <T.MeshStandardMaterial color="#2C5C88" /> </T.Mesh> <T.DirectionalLight position={[3, 10, 7]} />
Kezdj bele még ma
A következő dimenzió egyetlen parancsra van
Csatlakozz több ezer fejlesztőhöz, akik már a Veldarával építik a web térbeli jövőjét.
npm i @veldara/core