Fork of Hearts by Kareena with Rainbow Colors

100%

Fork of Hearts by Kareena with Rainbow Colors

✓ Published0🌍 Public

Last edited Aug 12, 2025

Created on Aug 12, 2025

A cluster of eleven extruded 3D heart balloons, each tinted with a different rainbow color, floats and rotates in a dark Three.js scene. The hearts are arranged in a circle and pulse gently with a scaling animation, while a subtle point light creates a glowing effect. Built with Three.js's `Shape`, `ExtrudeGeometry`, and `MeshPhongMaterial`, the scene uses `OrbitControls` for camera interaction, with each heart animated via sinusoidal time-based transformations for rotation, scale, and vertical drift.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Hearts by Kareena

A ring of eleven glossy, pink heart-shaped balloons floats and rotates in a dark 3D space, each heart gently pulsing and bobbing as if inflated or suspended. The animation is rendered with Three.js (r174) using its WebGL renderer, OrbitControls for camera damping, and custom extrude geometry with bezier curves and bevel settings to form the puffy hearts. A point light inside the center heart creates a glowing effect, while ambient and directional lights add depth and shine to the semi-transparent MeshPhongMaterial surfaces.

NNita

87% match

Loading thumbnail…

Hearts

A cluster of eleven glossy pink heart-shaped balloons floats in dark space, each rotating independently while gently pulsing and bobbing. Three.js builds the hearts from a 2D bezier curve shape, extruded with bevels for a puffy volume, and applies a semi-transparent, emissive Phong material. OrbitControls enables viewer rotation. An animation loop adds continuous rotation, sinusoidal pulsing scale, and vertical drift, while a point light moves with the central heart to create a glowing effect.

KKareena

87% match

Loading thumbnail…

Fork of 3D Cube of Spheres

A 3D interactive model of a human heart built with Three.js and animated via requestAnimationFrame. The model uses color-coded spheres and cylinders to represent anatomical parts, including the left and right ventricles, atria, aorta, and pulmonary artery, each with an associated function. Users can orbit the heart using OrbitControls, and a mousemove event with Raycaster enables hover highlighting and logs part names to the console. The scene includes directional and ambient lighting, with a camera initial position of z=15.

NNita

72% match

Loading thumbnail…

Fork of React & D3 Vibecoding Starter

A three-dimensional heart rotates continuously within a responsive SVG container, its layered shapes creating a sense of depth and volume. The animation, driven by an animation frame loop in D3.js, updates a rotation angle that shifts each of the 20 heart-shaped paths horizontally and vertically. D3's `select`, `rgb`, and SVG path rendering construct the visual, while React's `useRef`, `useEffect`, and `useState` manage the container dimensions and animation state. The heart's colors and stroke opacity vary by depth to enhance the 3D effect.

NNita

71% match

Loading thumbnail…

Fork of Rotating Buddha

A large red heart sits centered on a black background, rendered with smooth SVG paths and a radial gradient that gives it a soft, three-dimensional glow. Built with React and SVG, the heart uses a drop-shadow filter for a subtle red halo and scales slightly when hovered. The page is coded in JavaScript with JSX, using React 18's `createRoot` and basic CSS transitions for the interactive effect.

NNita

70% match

Loading thumbnail…

Fork of Fork of 3D Cube of Spheres

A ring of colored spheres orbits a central point within a dark 3D space, slowly rotating to reveal its circular arrangement. Built with Three.js, the visualization uses a WebGL renderer and a perspective camera with orbit controls for interactive exploration. Each sphere is positioned using sine and cosine trigonometry, and its hue is mapped to its index around the circle, creating a smooth rainbow gradient. The scene includes directional and ambient lighting, and user-controlled damping enables smooth camera movement.

CCurran Kelleher

70% match

Loading thumbnail…

Fork of Buddha

Circles in a rainbow of colors grow from points on a black canvas, then converge and overlap to form a glowing, Buddha-like silhouette. The piece uses D3’s `select` and `transition` APIs with `easeLinear` to animate circle radius and position over time, while `mix-blend-mode: screen` in CSS blends overlapping shapes. Data comes from a static CSV-like array of coordinates, radii, and hex colors.

NNita

69% match

Loading thumbnail…

Fork of Flowers for my project

This visualization uses D3.js to render a stylized garden scene on a black canvas. It draws white circles to represent clouds, a pink rectangle for the stem, and twelve purple petals composed of double circles arranged around a central heart symbol. A yellow circle in the corner acts as the sun, while a blue rectangle near the bottom represents water. All elements are positioned using mathematical calculations for the petal angles, with shapes created via D3 selections and appended SVG primitives.

Vvedasrivarma13@gmail.com

69% match