Build 3D Scene with Three.js

curated by SkillMD · plugin · 5 skills

Set up a 3D scene, load models, and add user interaction using Three.js.

Install the whole plugin (CLI)

npx skillmds add cloudai-x/threejs-fundamentals
npx skillmds add cloudai-x/threejs-loaders
npx skillmds add cloudai-x/threejs-interaction
npx skillmds add mhassan0000/threejs
npx skillmds add tools-only/193-map-499a16db

⬇ Download

Skills in this plugin

▌
threejs-fundamentals · cloudai-x
Set up 3D scenes with Three.js, including scene, camera, renderer, Object3D hierarchy, coordinate systems, and math utilities.

2.5k
repo stars
▌
threejs-loaders · cloudai-x
Load 3D models, textures, and HDR environments in Three.js with GLTF, OBJ, FBX, STL, PLY, and Draco/KTX2 compression support.

2.5k
repo stars
▌
threejs-interaction · cloudai-x
Handle user input in Three.js scenes with raycasting, mouse/touch interaction, and camera controls including Orbit, Fly, FirstPerson, PointerLock, Trackball, and Map controls.

2.5k
repo stars
▌
threejs · mhassan0000
Creates 3D elements and interactive browser experiences with Three.js, covering scenes, materials, controls, and post-processing.

1
repo stars
▌
193-map-499a16db · tools-only bundle
Maps images and data onto 3D surfaces using Three.js textures, covering types, material maps, wrapping, filtering, UV mapping, color space, and optimization.

7
repo stars