Real physics. Zero latency.

// Dispatch rigid simulation to WASM subworker thread
import { World, RigidBody, Collider, Canvas } from '@kinetix/react';

export default function PhysicsLab() {
  return (
    <Canvas camera={{ position: [0, 5, 10], fov: 50 }}>
      <World gravity={[0, -9.81, 0]} substeps={4} solver="island-parallel">
        
        {/* Static ground collider */}
        <RigidBody type="fixed" friction={0.6}>
          <Collider shape="cuboid" args={[20, 0.5, 20]} />
        </RigidBody>

        {/* 10K Dynamic Bodies dispatched to GPU buffer */}
        <RigidBody type="dynamic" restitution={0.7} position={[0, 4, 0]}>
          <Collider shape="sphere" args={[0.5]} mass={1.2} />
        </RigidBody>

      </World>
    </Canvas>
  );
}

<!-- Vue 3 Composition API with Zero-Copy State -->
<script setup lang="ts">
import { usePhysicsWorld, useRigidBody } from '@kinetix/vue';

const { world, step } = usePhysicsWorld({
  gravity: [0, -9.81, 0],
  backend: 'webgpu'
});

const cube = useRigidBody({
  mass: 2.5,
  shape: 'box',
  dimensions: [1, 1, 1]
});
</script>

<template>
  <KinetixViewport :world="world" @tick="step" />
</template>

<!-- Svelte 5 Runes Reactive Binding -->
<script>
  import { KinetixEngine, RigidEntity } from '@kinetix/svelte';
  
  let telemetry = $state({ fps: 60, bodies: 1024 });
</script>

<KinetixEngine hz={120} bind:telemetry>
  <RigidEntity type="dynamic" restitution={0.8}>
    <MeshCollider model="/models/actuator.glb" />
  </RigidEntity>
</KinetixEngine>

// Flutter Web FFI / WASM Bridge
import 'package:kinetix_flutter/kinetix.dart';

class SimulationWidget extends StatefulWidget {
  @override
  _SimulationWidgetState createState() => _SimulationWidgetState();
}

class _SimulationWidgetState extends State<SimulationWidget> {
  late KinetixWorld _world;

  @override
  void initState() {
    super.initState();
    _world = KinetixWorld.initialize(threads: 4);
  }
}