About

The canopy is a real spherical cap with eight seams swept along its actual curvature in alternating colours and a vent ring at the apex; four rigging lines run from the skirt to the crate corners. The bob clip sways the crate and its lid together on parallel channels so the two never separate in the air, and open throws the lid back 85 degrees about its rear hinge, with close bringing it down from there. Bounding size 1.60 by 1.73 by 1.60 m; metres, +Y up, +Z forward. Origin: free, at the centre of the crate, so the drop is positioned by the load rather than by the canopy, because a collectible like this is hung in mid-air at whatever hover height the level needs and a base origin would put it on the floor. The geometry surrounds the origin, reaching 0.865 m below it and 0.865 m above it. Clips: bob (3.6 s), open (1.3 s), close (1.2 s). Rigid node animation only: named nodes with translation, rotation and scale clips, no skinned rig and no skeleton. No collision volumes and no navigation data. Opaque materials throughout; the pack uses no alpha blending and no transmission.

Use the “Supply drop under canopy (Pickups and Collectibles)” asset in my project. Model: https://cdn.3dassets.dev/assets/11263/v1/model.glb Asset page: https://3dassets.dev/assets/pickups-and-collectibles-supply-drop-45534dae Description: Airdropped crate 0.62 m wide hanging under a 1.56 m canopy on four rigging lines, with red banding, eight gore seams, a vent ring and a lid that opens on landing. - Dimensions (X × Y × Z): 1.6 × 1.729 × 1.6 metres - Triangles: 1,284 - Animations: bob, open, close - Licence: CC0 1.0 Universal (https://creativecommons.org/publicdomain/zero/1.0/) - Loading: Three.js GLTFLoader; no additional decoders required.

Import manually

Choose your framework, then copy the code into your project to load the asset.

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/11263/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)
}