platform-building

プラットフォーム構築

構築システムのためのタッチ操作、VR 入力、アクセシビリティのパターン。

クイックスタート

import { TouchBuildController } from './scripts/touch-build-controller.js';
import { VRBuildingAdapter } from './scripts/vr-building-adapter.js';
import { AccessibilityConfig } from './scripts/accessibility-config.js';

// Mobile touch building
const touch = new TouchBuildController(canvas, {
  doubleTapToPlace: true,
  pinchToRotate: true,
  swipeToChangePiece: true
});

touch.onPlace = (position, rotation) => buildingSystem.place(position, rotation);
touch.onRotate = (angle) => ghost.rotate(angle);

// VR building with hand tracking
const vr = new VRBuildingAdapter(xrSession, {
  dominantHand: 'right',
  snapToGrid: true,
  comfortMode: true // Reduces motion sickness
});

vr.onGrab = (piece) => selection.select(piece);
vr.onRelease = (position) => buildingSystem.place(position);

// Accessibility configuration
const a11y = new AccessibilityConfig({
  colorblindMode: 'deuteranopia', // red-green
  highContrast: true,
  screenReaderHints: true
});

// Apply to ghost preview
ghost.setColors(a11y.getValidityColors());

リファレンス

references/platform-considerations.md を参照してください。

• モバイルのジェスチャーパターン（Fortnite Mobile、Minecraft PE）
• VR 構築の研究と快適性に関するガイドライン
• 色覚特性に配慮したパレットの推奨事項
• スクリーンリーダーの統合パターン
• クロスプラットフォームの入力抽象化

スクリプト

ファイル	行数	目的
touch-build-controller.js	~450	モバイルジェスチャー：タップ、ドラッグ、ピンチ、スワイプ
vr-building-adapter.js	~400	VR の手やコントローラーによる入力、快適性の設定
accessibility-config.js	~350	色覚特性に配慮したモード、コントラスト、スクリーンリーダー

プラットフォームの検出

// Detect platform capabilities
const platform = {
  isMobile: /Android|iPhone|iPad|iPod/i.test(navigator.userAgent),
  isTouch: 'ontouchstart' in window,
  isVR: navigator.xr !== undefined,
  prefersReducedMotion: window.matchMedia('(prefers-reduced-motion: reduce)').matches,
  prefersHighContrast: window.matchMedia('(prefers-contrast: more)').matches
};

// Initialize appropriate controllers
if (platform.isVR && xrSession) {
  setupVRControls();
} else if (platform.isTouch) {
  setupTouchControls();
} else {
  setupMouseKeyboard();
}

モバイルに関する考慮事項

Fortnite Mobile は、カスタマイズ可能な HUD、自動素材選択、ジェスチャーによるピースの回転を備えた、効果的なタッチ操作での構築を実現しています。主なパターンとして、専用の構築モード切り替え、大きなタッチターゲット（最小 44px）、すべての操作に対する視覚的なフィードバックがあります。

VR に関する考慮事項

VR での構築では、快適性への配慮が必要です。スナップ回転は乗り物酔いを軽減し、腕の長さに合わせた構築距離は疲労を防ぎます。ハンドトラッキングでは直感的につかんで配置でき、コントローラーでの構築ではレーザーポインターによる選択が離れた位置のピースに有効です。

アクセシビリティのパターン

Valheim は安定性のインジケーターに緑と赤ではなく青と黄色を使用し、最も一般的な色覚特性である第二色覚異常に対応しています。ハイコントラストモードでは重要なインジケーターに 7:1 の比率を使用し、すべての視覚的フィードバックに音声または触覚による代替手段を用意してください。