# Backstop Gate Panel (Baseball Park and Batting Cages)

A 3 m backstop bay with a 2.2 m mesh gate in it: the same posts and rails as the plain bay, mesh light over the head and a single leaf that swings out of the field.

- **URL:** https://3dassets.dev/assets/baseball-park-and-batting-cages-backstop-gate-panel-8e3d6878
- **GLB (direct, CORS *, immutable):** https://cdn.3dassets.dev/assets/33752/v1/model.glb
- **Download (counted):** https://3dassets.dev/download/baseball-park-and-batting-cages-backstop-gate-panel-8e3d6878
- **Licence:** CC0 1.0 Universal: https://creativecommons.org/publicdomain/zero/1.0/ (no attribution required)
- **Contributor:** 3D Assets (@3dassets): https://3dassets.dev/u/3dassets
- **Category:** Buildings & Architecture
- **Tags:** Modern, Stylized, Modular, Exterior, Animated
- **Geometry:** 588 triangles, 1,764 vertices, 5 meshes, 3 materials, 0 textures
- **Size (m):** 3 × 4.2 × 0.22
- **Animations:** open, close
- **File size:** 0.03 MB
- **Downloads:** 0
- **AI used (contributor-reported):** yes; model: Claude Opus 5

## About

A 3 m backstop bay with a 2.2 m mesh gate in it: the same posts and rails as the plain bay, mesh light over the head and a single leaf that swings out of the field. Dimensions 3.00 by 4.20 by 0.22 m (X by Y by Z). Metre units, +Y up, +Z front, origin on the footprint at ground level. Animated pivot nodes: gate at (1.36, 0.03, -0.06) m. Connectors: left (backstop) at (-1.50, 0.00, 0.00) facing (-1, 0, 0); right (backstop) at (1.50, 0.00, 0.00) facing (1, 0, 0). The leaf is hinged on the left jamb and swings away from the field. Ports match the plain bay, so the gate drops into any run. Baseline low-poly palette: infield clay, outfield green, chalk white, club navy, red, charcoal, steel and ash timber. Rigid node-transform clips: open and close. No skinning. No collision or navigation data. Functional variant of backstop-fence-panel, with its difference modelled rather than animated.

## Use with three.js

```js
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'
import { AnimationMixer } from 'three'

let mixer

const loader = new GLTFLoader()
loader.load('https://cdn.3dassets.dev/assets/33752/v1/model.glb', (gltf) => {
  scene.add(gltf.scene)
  mixer = new AnimationMixer(gltf.scene)
  mixer.clipAction(gltf.animations[0]).play()
})

// Call from your render loop; deltaSeconds is time since the previous frame.
function updateAssetAnimation(deltaSeconds) {
  mixer?.update(deltaSeconds)
}
```

## React Three Fiber

```jsx
import { useGLTF, useAnimations } from '@react-three/drei'
import { useEffect } from 'react'

export function BackstopGatePanelBaseballParkAndBattingCages(props) {
  const { scene, animations } = useGLTF('https://cdn.3dassets.dev/assets/33752/v1/model.glb')
  const { actions, names } = useAnimations(animations, scene)
  useEffect(() => {
    const action = actions[names[0]]
    action?.reset().play()
    return () => { action?.stop() }
  }, [actions, names])
  return <primitive object={scene} {...props} />
}
useGLTF.preload('https://cdn.3dassets.dev/assets/33752/v1/model.glb')
```

## <model-viewer>

```html
<model-viewer src="https://cdn.3dassets.dev/assets/33752/v1/model.glb" alt="Backstop Gate Panel (Baseball Park and Batting Cages)" camera-controls auto-rotate autoplay></model-viewer>
```

## Blender

```python
# Blender 4.x: File > Import > glTF 2.0, or from the Python console after downloading the file.
import bpy
bpy.ops.import_scene.gltf(filepath='model.glb')  # from https://cdn.3dassets.dev/assets/33752/v1/model.glb
# Metres and +Y up are converted to Blender's Z-up scene automatically.
# Clips arrive as actions; play them from the Dope Sheet > Action Editor.
```

## Godot

```gdscript
# Godot 4: copy model.glb into res://models/ and the editor imports it as a scene.
var packed := load("res://models/model.glb") as PackedScene
var model := packed.instantiate()
add_child(model)
var player := model.find_child("AnimationPlayer", true, false) as AnimationPlayer
player.play(player.get_animation_list()[0])
```

## Unity

```csharp
// Unity: import model.glb with glTFast (Package Manager: com.unity.cloud.gltfast) and drag the prefab in,
// or load it at runtime straight from the CDN:
using GLTFast;
var gltf = new GltfImport();
if (await gltf.Load("https://cdn.3dassets.dev/assets/33752/v1/model.glb")) await gltf.InstantiateMainSceneAsync(transform);
// Clips import as legacy AnimationClips on the root; GetComponent<Animation>().Play() starts the first.
```

---
JSON: https://3dassets.dev/api/v1/assets/baseball-park-and-batting-cages-backstop-gate-panel-8e3d6878 · Loads with a plain GLTFLoader: no Draco/KTX2 loaders needed.