Asset Library

1,738 video parts you can take today, and 557 more to learn from. Find one you like, then open it for the details.

What do you need?EverythingA background that moves · 1A cut between two pictures · 1A picture layout · 1Sound you can see · 4A camera move · 73D · 20Pictures and footage · 1A plan or a script · 1A check on the result · 2Edit, render, publish · 4Everything else · 6Made withEverything · 66three.js and WebGL · 48Starters · 1Agent skills · 5Tools · 12

Made with

All66three.js and WebGL48Starters1Agent skills5Tools12

What do you need?

AllA background that movesA cut between two picturesA picture layoutSound you can seeA camera move3DPictures and footageA plan or a scriptA check on the resultEdit, render, publishEverything else

Takes a brand kit without a code edit

Showing 20 of 2,295Show everything

From Three.js Game Skills

threejs-aaa-graphics-builderthree.js · MIT3D

In words · 19

threejs-gameplay-systemsHow to make a playable loop: a one-page design brief, a core-loop contract proved in code, a level plan, then small ownership folders…three.js · MIT3Dthreejs-3d-generatorDrives the paid Tripo API to make 3D models for a three.js project: text to 3D, image to 3D, texturing, auto-rigging, animation…three.js · MIT3DRenderer and environment map setupFive lines that give a scene studio reflections with no HDR file: sRGB output, ACES tone mapping, and a RoomEnvironment baked once through…three.js · MIT3DPainted metal materialClearcoat over a colored base, for a car body or a hull panel. One line of three.js; assumes the environment map setup.three.js · MIT3DBare brushed metal materialRaw steel that needs the environment map to read as metal. One line of three.js; assumes the environment map setup.three.js · MIT3DRubber materialNear-black, almost no reflection, for tyres and grips. One line of three.js; assumes the environment map setup.three.js · MIT3DMatte plastic materialMid roughness with a muted reflection, for housings and crates. One line of three.js; assumes the environment map setup.three.js · MIT3DGlossy ceramic materialA sharp wet-look reflection with full clearcoat. In our trial the white version bloomed as hard as the emissive ball under a bright light…three.js · MIT3DEmissive signal materialA dark base with a glow strong enough to feed bloom, for beacons, status lights and pickup cores. One line of three.js; assumes the…three.js · MIT3DCloth materialHigh roughness plus sheen for the soft edge highlight of fabric. One line of three.js; assumes the environment map setup.three.js · MIT3DReal refractive glass materialTrue transmission for one or two hero surfaces seen close. Costly: every transmissive material adds a whole extra scene render each frame…three.js · MIT3DCheap fake glass materialTransparent clearcoat with no extra render pass, for repeated windows, visors and shields. One line of three.js; assumes the environment…three.js · MIT3DVertex-colour ambient occlusionDarkens creases by baking a color attribute into the mesh: contact shading with no texture and no extra draw call.three.js · MIT3DPolygon-offset decalsA flat mesh laid on a surface with polygonOffset so it does not flicker: panel lines, numbers and marks.three.js · MIT3DFake contact shadowA flat plane with a radial-gradient canvas texture under an object: grounds a floating thing with one draw call and no shadow map.three.js · MIT3DEmissive level-of-detail signalsRaise emissiveIntensity or swap material by distance so far lights still read; keep the color the same so identity survives.three.js · MIT3DMatcap propsMeshMatcapMaterial bakes lighting into one texture: the cheapest lit-looking material for background props. It ignores scene lights.three.js · MIT3DRapier setup with a fixed timestepHow to add real physics to a three.js scene: Rapier's world, a 1/60 s fixed step fed by a clamped accumulator, bodies and colliders…three.js · MIT3DInputController.tsKeyboard (WASD and arrows, Space or Shift to dash) and a touch stick merged into one movement vector, with pointer-cancel handling so a…three.js · MIT3D