Toolverse
All skills

vr-ar

by davila7

VR/AR development principles. Comfort, interaction, performance requirements.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
Frontend
Views
15

About this skill

VR/AR development principles. Comfort, interaction, performance requirements.

How to use

  1. Zainstaluj umiejętność w swoim środowisku Claude, wskazując ścieżkę do repozytorium davila7/claude-code-templates w katalogu cli-tool/components/skills/creative-design/game-development/vr-ar. Umiejętność będzie dostępna do odczytu, zapisu i edycji plików.

  2. Wybierz platformę docelową dla swojego projektu — Quest dla doświadczeń standalone, PCVR dla wysokiej wierności, ARKit dla iOS lub ARCore dla Android. Jeśli planujesz aplikację webową, rozważ WebXR dostępny na obu platformach.

  3. Zaplanuj komfort użytkownika, implementując teleportację zamiast płynnego poruszania się, utrzymując 90 FPS (11,11 ms na klatkę) i dodając winietę podczas ruchu. Przetestuj zarówno tryb siedzącej, jak i stojący oraz pozwól użytkownikowi na kalibrację wysokości.

  4. Zdefiniuj schemat interakcji — punkt i klik do interfejsu, chwytanie do manipulacji obiektami, gesty do akcji specjalnych. Jeśli używasz śledzenia dłoni, pamiętaj, że jest bardziej immersyjne, ale mniej precyzyjne, dlatego lepiej sprawdza się w doświadczeniach społecznych niż w grach akcji.

  5. Zaprojektuj przestrzeń z zachowaniem skali 1 jednostka = 1 metr, aby obiekty wyglądały naturalnie. Przetestuj wymiary rzeczywistymi pomiarami i wykorzystaj stereo, paralaksę ruchu oraz inne wskazówki głębi do wzmocnienia immersji.

  6. Zoptymalizuj wydajność dla docelowej platformy — Quest 2 wymaga 72-90 FPS przy rozdzielczości 1832x1920, Quest 3 obsługuje 90-120 FPS, PCVR potrzebuje 90 FPS przy 2160x2160 lub wyższej. Każda opuszczona klatka będzie widoczna jako drżenie obrazu.

Related skills

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676