Skip to content

masaudahmod/text-animate-threejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Text Animate

A simple HTML, CSS, and JavaScript project that displays an initial output, adds an image after a mouse click, and includes a credit section at the end. It's make with three.js perticals. where vertext and fragment glsl perticales used on this project.

Live Demo

Click here to see the live demo


Features

  • Displays an initial text output.
  • Adds an image dynamically upon a mouse click.
  • Shows a credit section at the bottom.

Preview

Initial Output

Image preview

After Mouse Click

Image Preview

Technologies Used

  • HTML for structure
  • CSS for styling
  • JavaScript for interactivity

How to Use

  1. Clone the repository:
    git clone https://github.com/masaudahmod/text-animate-threejs
  2. Open index.html in your browser.
  3. Click on the output section to see the image appear.

Credit Section

Created by [RICARDO SANPRIETO]
Codepen link: https://codepen.io/sanprieto/pen/XWNjBdb

License

This project is open-source and free to use. If you use it, consider giving credit. 😊

About

Animated text with mouse movement also get interaction.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published