Download

Skill UI

Browse and discover 7129+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search Three.js , found 13 results

Default Newest Most Downloaded

Interactive 3D Web Experiences

3d-web-experience

sickn33/antigravity-awesome-skills

Master the art of integrating high-performance, immersive 3D elements into web applications. This skill covers implementing advanced techniques using libraries like Three.js and React Three Fiber, optimizing WebGL performance, and designing interactive scenes. Focus is placed on balancing visual wonder with real-world usability and performance constraints, including model optimization and scroll-driven animations.

Three.js Scene Guide

sickn33/antigravity-awesome-skills

Guides building systematic, high-quality 3D scenes, animations, and interactive experiences with Three.js by covering setup, geometry, materials, lighting, controls, and responsiveness for WebGL projects.

Three.js Animation Toolbox

threejs-animation

sickn33/antigravity-awesome-skills

Covers the Three.js animation stack—clips, mixers, and actions—plus timer-driven loops, keyframe tracks, interpolation, GLTF loading, fades, and blending so you can drive skeletal, morph, or procedural motion within any scene.

Three.js Scene Fundamentals

threejs-fundamentals

sickn33/antigravity-awesome-skills

Guides the setup of a Three.js scene, covering cameras, renderers, object hierarchies, transforms, and resize handling so you can build and animate foundational 3D environments before diving into shaders or advanced effects.

ThreeJS Geometry Builder

threejs-geometry

sickn33/antigravity-awesome-skills

Guides creation and optimization of Three.js geometries, covering built-in shapes, BufferGeometry, custom meshes, path-based surfaces, and text, with tips for instancing and vertex data setup.

Interactive ThreeJS Controls

threejs-interaction

sickn33/antigravity-awesome-skills

Facilitates Three.js scene interaction with raycasting, pointer/touch handling, and camera controls for clickable objects, hover, and immersive 3D experiences.

Three.js Lighting Guide

threejs-lighting

sickn33/antigravity-awesome-skills

Guide for configuring Three.js lighting, covering light types, shadows, environment lighting, and performance trade-offs to boost readability, realism, and mood in WebGL scenes.

Three.js Asset Loaders

threejs-loaders

sickn33/antigravity-awesome-skills

Guides loading GLTF/GLB models, textures, HDR or EXR environments, and related assets with Three.js loaders plus loading managers, covering progress tracking, texture configuration, and PBR-friendly envmaps so you can orchestrate async scene resources.

Three.js Material Guide

threejs-materials

sickn33/antigravity-awesome-skills

Reference for Three.js materials covering MeshBasic, Lambert, Phong, Standard, Physical, Toon, and shader materials, showing key properties, textures, and usage scenarios for mesh styling, realistic PBR, and performance tuning.

Three.js Post Processing

threejs-postprocessing

sickn33/antigravity-awesome-skills

Layer EffectComposer passes (bloom, DOF, FXAA/SMAA, SSAO, film grain, vignette, etc.) onto a Three.js render to polish the final image with screen-space shaders and color grading.

Three.js Shader Primer

threejs-shaders

sickn33/antigravity-awesome-skills

Walk through building custom shaders in Three.js, covering ShaderMaterial vs RawShaderMaterial, uniform types, varyings, and common patterns like texture sampling, vertex displacement, and Fresnel effects for advanced visual tweaks.

Three.js Texture Essentials

threejs-textures

sickn33/antigravity-awesome-skills

Guides developers through loading, configuring, and optimizing Three.js textures—from UV mapping and cubemaps to HDR/equirectangular environments—so surface details stay accurate when working with images, videos, and data-driven materials.

Language