Download

Skill UI

Browse and discover 7429+ 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

Immersive 3D Web

3d-web-experience

sickn33/antigravity-awesome-skills

Designs and implements immersive web experiences using Three.js, React Three Fiber, Spline, and WebGL, covering product configurators, portfolios, scroll-driven scenes, and performance-aware 3D delivery.

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 System Guide

threejs-animation

sickn33/antigravity-awesome-skills

Master the complete animation pipeline within Three.js. This resource covers everything from creating custom keyframe tracks (position, quaternion, color) to managing complex animations using AnimationMixer and AnimationAction. Learn about procedural motion, animation blending (crossfading), morph targets, and loading skeletal animations from GLTF files for realistic 3D experiences.

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 Graphics Asset Loading Utilities

threejs-loaders

sickn33/antigravity-awesome-skills

A comprehensive utility for handling asset loading within Three.js environments. It supports various formats, including GLTF/GLB models, textures, HDR environments, and complex image assets. Features include robust asynchronous loading patterns, progress tracking via LoadingManager, and detailed configuration for PBR materials and environment mapping.

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 Visual Effects

threejs-postprocessing

sickn33/antigravity-awesome-skills

This guide details advanced post-processing techniques for Three.js, allowing developers to enhance 3D scenes with cinematic visual effects. It covers implementing Bloom (glow), Depth of Field (DOF), Anti-Aliasing (FXAA/SMAA), and Ambient Occlusion (SSAO) using EffectComposer, significantly boosting the visual fidelity and realism of web-based 3D applications.

Three.js Advanced Shader Programming Guide

threejs-shaders

sickn33/antigravity-awesome-skills

A comprehensive guide to implementing custom visual effects in Three.js using shaders. Learn how to work with GLSL, utilize ShaderMaterial, manage uniforms (scalars, vectors, matrices, textures), and manipulate vertex and fragment data. Covers advanced patterns like texture sampling, vertex displacement, and custom lighting effects.

Three.js Texture Loading and Configuration

threejs-textures

sickn33/antigravity-awesome-skills

A comprehensive guide covering texture management in Three.js. Learn how to load various texture types (regular, data, video, KTX2), configure critical properties like UV mapping, color space, wrapping modes, filtering, and mipmapping. Includes advanced workflows for generating and utilizing cubemaps and HDR environment maps.

Language