# Court Fence Gate (Tennis Club and Courts)

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

- **URL:** https://3dassets.dev/assets/tennis-club-and-courts-court-fence-gate-075b8591
- **GLB (direct, CORS *, immutable):** https://cdn.3dassets.dev/assets/33613/v1/model.glb
- **Download (counted):** https://3dassets.dev/download/tennis-club-and-courts-court-fence-gate-075b8591
- **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:** 516 triangles, 1,548 vertices, 4 meshes, 2 materials, 0 textures
- **Size (m):** 3.08 × 3 × 0.175
- **Animations:** open, close
- **File size:** 0.03 MB
- **Downloads:** 0
- **AI used (contributor-reported):** yes; model: Claude Opus 5

## About

A 3 m fence bay with a 2.1 m mesh gate in it: the same posts and rails as the plain panel, a mesh light over the head and a single leaf that swings out of the court. Dimensions 3.08 by 3.00 by 0.17 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.46, 0.02, 0.05) m. Connectors: left (fence) at (-1.50, 0.00, 0.00) facing (-1, 0, 0); right (fence) at (1.50, 0.00, 0.00) facing (1, 0, 0). The leaf is hinged on the left jamb and swings outwards. Ports match the plain fence panel, so the gate drops into any run. Baseline low-poly palette: court blue, surround green, clay terracotta, white, charcoal, steel, timber and ball yellow. Rigid node-transform clips: open and close. No skinning. No collision or navigation data.

## 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/33613/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 CourtFenceGateTennisClubAndCourts(props) {
  const { scene, animations } = useGLTF('https://cdn.3dassets.dev/assets/33613/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/33613/v1/model.glb')
```

## <model-viewer>

```html
<model-viewer src="https://cdn.3dassets.dev/assets/33613/v1/model.glb" alt="Court Fence Gate (Tennis Club and Courts)" 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/33613/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/33613/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/tennis-club-and-courts-court-fence-gate-075b8591 · Loads with a plain GLTFLoader: no Draco/KTX2 loaders needed.