Skip to content

alishojaeix/animation-cube-three.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

animation-cube-three.js

Three.js Spider Web Animation

A simple project using the Three.js library to create a 3D animation where cubes move randomly across the screen, and spider web-like lines are drawn between them. The lines update with mouse movement, and the cubes smoothly animate to new positions.

Live Demo

Check out the live demo of the project here (replace with your GitHub Pages or deployment link).

Features

  • Random Cube Movement: Cubes move to random positions with smooth animations.
  • Spider Web Lines: Dynamic lines are drawn between the cubes, creating a spider web effect.
  • Mouse Interaction: The spider web lines update based on mouse movement.
  • Responsive Design: The project adapts to different screen sizes.

Technologies Used

  • Three.js - A JavaScript library for 3D graphics.
  • Tween.js - For smooth animations.
  • HTML5 and JavaScript.

How to Run the Project

Follow these steps to run the project locally:

  1. Clone the Repository:
    git clone https://github.com/alishojaeix/your-repo-name.git
    cd your-repo-name
    
    
    
2025-03-10.13-26-02.mp4

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published