Skill Store 33

Google 3D Tiles R3F

Builds a 3D world using Google Maps Photorealistic 3D Tiles API with Three.js and React Three Fib…

by liuchiawei

The skill

Builds a 3D world using Google Maps Photorealistic 3D Tiles API with Three.js and React Three Fiber (R3F), including ECEF-to-ENU coordinate correction for a flat local coordinate system. Use when integrating Google 3D Tiles, Google Earth tiles, 3d-tiles-renderer, R3F map scenes, or when correcting 座標系 (coordinate systems) from ECEF to ENU for camera, physics, or audio positioning.

This skill's licence does not allow redistribution, so the store does not show its text. Read it at the source.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: liuchiawei/google-3d-tiles-r3f-83423214204.

Markdown version

Details

Publisher
liuchiawei
Category
Creative & Media › 3D
Updated
2026-02-18

References

More from liuchiawei

  • Mediapipe Usage Provides guidance for Google MediaPipe Pose Landmarker on web using @mediapipe/tasks-vision.
  • Multiplayer Websocket Manages WebSocket-based real-time multiplayer in Tokyo Sounds.
  • Threejs Skills Three.js skills for creating 3D elements and interactive experiences
  • Analytics Tracking Design, audit, and improve analytics tracking systems that produce reliable, decision-ready data.

Related skills

  • React Three Fiber Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js.
  • Threejs R3F Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.
  • React Three Fiber Patterns Build interactive 3D experiences in React using react-three-fiber (R3F), drei helpers, and shader…
  • Three Js 3D graphics in the browser with Three.js and React Three Fiber (R3F).
  • R3F Drei @react-three/drei helper library—OrbitControls, Text, Environment, useTexture, useGLTF, Html, Bil…