@reactbytes/singularity
v1.0.1
Published
A premium, modular React component from the **React Bytes** collection. Built with React and TypeScript.
Downloads
250
Readme
Schwarzschild
A premium, modular React component from the React Bytes collection. Built with React and TypeScript.
Installation
npm install @reactbytes/singularityUsage
import { Singularity } from "@reactbytes/singularity";
export default function Example() {
return (
<Singularity />
);
}Properties
| Prop | Type | Default | Description |
| :--- | :--- | :--- | :--- |
| compress | number | 2.5 | Accretion disk coordinate compression multiplier, pulling/pushing disk particles relative to event horizon. |
| morph | number | 0 | Accretion disk turbulence/wave morph intensity based on procedural 3D noise. |
| intensity | number | 5 | Radiation glow luminosity/brightness of the gravitational lensing halo and disk streaks. |
| orbitScale | number | 0.1 | Rotational orbit speed scaling factor for accretion disk streamers. |
| rotateSpeed | number | 1.8 | Auto-rotation speed of the viewport coordinate system around the singularity core. |
| camDist | number | 68 | Radial orbit distance of the viewport camera from the center Schwarzschild singularity. |
| camPhi | number | 0.15 | Vertical latitude inclination angle (in radians) of the orbital camera. |
| colorBase | color | #ff0040 | Base color used to tint the gravitational lens and emission jets. |
Presets
This component includes the following design presets:
- Relativistic Collapse (
default) - Stable Singularity (
stable) - Accretion Turbulence (
turbulence)
Credits & Inspiration
Component Source
- ChandruMIT-o - Design & Development
3D Graphics & Physics
- Three.js - 3D Render Pipeline
- Schwarzschild Metric - Physics Inspiration
For interactive playgrounds, customizable controls, and code copy-pasting, visit the full showcase page at React Bytes - Schwarzschild.
