threejs-black-holes-and-space-effects

Generate black holes, wormholes, and accretion disks in Three.js with WebGPU and TSL.

5|1|Updated Jul 4, 2026
One-click install
npx skills add https://github.com/linegel/threejs-complete-set-of-skill --skill threejs-black-holes-and-space-effects
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: threejs-black-holes-and-space-effects
Source: https://github.com/linegel/threejs-complete-set-of-skill/tree/main/threejs-black-holes-and-space-effects
Command: npx skills add https://github.com/linegel/threejs-complete-set-of-skill --skill threejs-black-holes-and-space-effects

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires three/webgpu, three/tsl, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a suite of tools for creating sophisticated space effects like black holes, wormholes, and accretion disks in Three.js, leveraging WebGPU and TSL for performance and precision.

Core Features & Use Cases

  • Black Hole Effects: Generate realistic black holes with lensing, accretion disks, and relativistic distortions.
  • Wormhole Effects: Implement ultra-static wormholes with accurate null geodesics and artistic deformations.
  • Accretion Disk Effects: Create procedural accretion disks with density and emission models.
  • Use Case: Visualize complex astrophysical phenomena like black holes and accretion disks in Three.js applications for educational or scientific purposes.

Quick Start

Use the threejs-black-holes-and-space-effects skill to add a black hole effect to your scene.

Frequently Asked Questions about threejs-black-holes-and-space-effects

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a realistic black hole effect in Three.js using WebGPU?

To create a black hole effect in Three.js, this Skill generates realistic visuals with gravitational lensing, accretion disks, and relativistic distortions using WebGPU and TSL for physics-based rendering.

What is the process for rendering a wormhole with accurate null geodesics in Three.js?

Rendering a wormhole involves implementing ultra-static wormhole geometry with accurate null geodesics and artistic deformations using the TSL library to achieve precise procedural space effects.

Does this Three.js space effects Skill require a specific WebGPU or TSL version?

Yes, generating these space effects requires Three.js r185 or higher, specifically utilizing the WebGPURenderer and TSL libraries to ensure proper performance and physics-based rendering precision.

How do I generate a procedural accretion disk with emission models in Three.js?

You can generate an accretion disk by using this Skill to create procedural density and emission models, leveraging WebGPU and TSL to render accurate astrophysical phenomena in your Three.js scene.

Can I use these black hole and accretion disk effects for scientific visualization?

Yes, this Skill specifically targets scientific visualization and educational scenarios, providing accurate physics-based rendering of complex astrophysical phenomena like black holes and accretion disks in Three.js.

What is the difference between using TSL and standard Three.js materials for space effects?

Using TSL and WebGPU provides advanced physics-based rendering precision and procedural generation capabilities for space effects, whereas standard materials lack the specialized nodes needed for relativistic distortions and null geodesics.