EmojiAdventure is an interactive digital art project that brings emojis to life in a mesmerizing, ever-changing canvas. This project showcases the intersection of generative art, user interaction, and the expressive power of emojis.
- Dynamic Emoji Display: Experience a canvas filled with emojis that shift and change based on Perlin noise algorithms.
- Interactive Movement: Drag your mouse to explore different areas of the emoji landscape.
- Responsive Design: Adapts seamlessly to any screen size or device.
EmojiAdventure uses Perlin noise to generate a smoothly changing pattern across the canvas. Each point on this pattern is mapped to a specific emoji from the Unicode range. As you move your mouse, the view shifts, revealing new patterns and combinations of emojis.
Image of a Perlin Noise Field in Black and White.
Want to put your own spin on EmojiAdventure? Here are some ideas:
- Change the Emoji Range: Modify the
EMOJI_RANGEobject to focus on specific emoji categories. - Adjust the Noise Scale: Experiment with the
NOISE_SCALEconstant to create finer or coarser patterns. - Color Variations: Introduce color by modifying the
text()function to include fill colors based on noise values. - Animation Speed: Alter the time factor in the
draw()function to speed up or slow down the animation.
To run EmojiAdventure locally:
- Ensure you have a web server set up (e.g., Live Server for VS Code).
- Open the
index.htmlfile in your browser. - Start interacting with the emoji canvas!
We welcome contributions! Whether it's adding new features, improving performance, or fixing bugs, feel free to fork this repo and submit a pull request.
This project is open source and available under the MIT License.
Dive into the world of emojis and discover the endless possibilities of generative art with EmojiAdventure! 🚀🎨