Moving-Particles
Project Description
Project information
- Category: HTML Elements
- Programming Language: JavaScript
- Project Type: Sole project
- GitHub URL: https://github.com/Isuranga-Seram/Moving-Particles.git
Applications Used
HTML
CSS
JavaScript
Project Description âšī¸
This JavaScript application features interactive moving particles that respond to cursor elements, engaging typing animations, and dynamic updates using setInterval. The project is designed to enhance user interaction with smooth animations and real-time effects.
Outcomes:
Developing this application will give many benefits, More importantly it's give you how html elements are working.
- ClientWidth - ClientHeight
- OffsetWidth - OffsetHeight
- ScrollWidth - ScrollHeight
- JavaScript Animations
- SetIntervals & Timeouts
Features of the Web-Surfer Application đ
- Moving Particles: Particles follow the cursor or interact dynamically based on movement.
- Typing Animation: Simulates a natural typing effect for text elements.
- Set Interval Functions: Used for continuous updates, animations, or timed effects.
- Smooth Animations: CSS and JavaScript-powered fluid motion.
Technologies Used đŠđģâđģ
- JavaScript (Core logic and animations)
- HTML (Structure)
- CSS (Styling and animations)
Getting Started
Installation đģ
First clone the app and enjoy.
- Clone the repo:
- Open "index.html" in a browser.
- Interact with the cursor to see the effects.
git clone https://github.com/Isuranga-Seram/Moving-Particles.git
Enjoy !!
Get in touch
Have an idea for a project? Let’s turn it into reality! Contact me here, and let’s get started.Find Me
Email: isurangaseram@gmail.com
LinkedIn: linkedin.com/in/isuranga-seram
Tel: +94 71 8816464