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.
Showing 24 of 2,295Show everything
From Three.js Game Skills
No preview yet · 22
threejs-gameplay-systemsthree.js · MITHow to make a playable loop: a one-page design brief, a core-loop contract proved in code, a level plan, then small ownership folders…threejs-3d-generatorthree.js · MITDrives the paid Tripo API to make 3D models for a three.js project: text to 3D, image to 3D, texturing, auto-rigging, animation…create_threejs_game.pyTool · MITCopies the starter into a folder you name and rewrites the project name in package.json and the lockfile. It only copies files; it installs…threejs_3d_asset.pyTool · MITA 73 KB command-line client for the Tripo API using only Python's standard library: text, image, status, download, postprocess…Renderer and environment map setupthree.js · MITFive lines that give a scene studio reflections with no HDR file: sRGB output, ACES tone mapping, and a RoomEnvironment baked once through…Painted metal materialthree.js · MITClearcoat over a colored base, for a car body or a hull panel. One line of three.js; assumes the environment map setup.Bare brushed metal materialthree.js · MITRaw steel that needs the environment map to read as metal. One line of three.js; assumes the environment map setup.Rubber materialthree.js · MITNear-black, almost no reflection, for tyres and grips. One line of three.js; assumes the environment map setup.Matte plastic materialthree.js · MITMid roughness with a muted reflection, for housings and crates. One line of three.js; assumes the environment map setup.Glossy ceramic materialthree.js · MITA sharp wet-look reflection with full clearcoat. In our trial the white version bloomed as hard as the emissive ball under a bright light…Emissive signal materialthree.js · MITA dark base with a glow strong enough to feed bloom, for beacons, status lights and pickup cores. One line of three.js; assumes the…Cloth materialthree.js · MITHigh roughness plus sheen for the soft edge highlight of fabric. One line of three.js; assumes the environment map setup.Real refractive glass materialthree.js · MITTrue transmission for one or two hero surfaces seen close. Costly: every transmissive material adds a whole extra scene render each frame…Cheap fake glass materialthree.js · MITTransparent clearcoat with no extra render pass, for repeated windows, visors and shields. One line of three.js; assumes the environment…Vertex-colour ambient occlusionthree.js · MITDarkens creases by baking a color attribute into the mesh: contact shading with no texture and no extra draw call.Polygon-offset decalsthree.js · MITA flat mesh laid on a surface with polygonOffset so it does not flicker: panel lines, numbers and marks.Fake contact shadowthree.js · MITA flat plane with a radial-gradient canvas texture under an object: grounds a floating thing with one draw call and no shadow map.Emissive level-of-detail signalsthree.js · MITRaise emissiveIntensity or swap material by distance so far lights still read; keep the color the same so identity survives.Matcap propsthree.js · MITMeshMatcapMaterial bakes lighting into one texture: the cheapest lit-looking material for background props. It ignores scene lights.Rapier setup with a fixed timestepthree.js · MITHow 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…InputController.tsthree.js · MITKeyboard (WASD and arrows, Space or Shift to dash) and a touch stick merged into one movement vector, with pointer-cancel handling so a…Modelling and world recipesSkill · MITParts lists for building convincing models from three.js geometry alone: a hero vehicle, a hero character, obstacle families, rewards and a…