diff --git a/v1-com-officielle/public/DATA/msgData.json b/v1-com-officielle/public/DATA/msgData.json new file mode 100644 index 0000000..b9ce519 --- /dev/null +++ b/v1-com-officielle/public/DATA/msgData.json @@ -0,0 +1,38 @@ +[ + { + "title": "Atelier Meetup 1/3", + "date": "21/03", + "content": "Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. \n\n Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.", + "like": 0, + "isLiked": false, + "going": 0, + "isGoing": false, + "wasRead": false, + "isSelected": false, + "isEvent": true + }, + { + "title": "Atelier Meetup 1/3", + "date": "21/03", + "content": "Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. \n\n Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.", + "like": 0, + "isLiked": false, + "going": 0, + "isGoing": false, + "wasRead": false, + "isSelected": false, + "isEvent": true + }, + { + "title": "Atelier Meetup 1/3", + "date": "21/03", + "content": "Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. \n\n Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.", + "like": 0, + "isLiked": false, + "going": 0, + "isGoing": false, + "wasRead": false, + "isSelected": false, + "isEvent": true + } +] diff --git a/v1-com-officielle/public/README.MD b/v1-com-officielle/public/README.MD deleted file mode 100644 index 1e56e7a..0000000 --- a/v1-com-officielle/public/README.MD +++ /dev/null @@ -1,117 +0,0 @@ -# Liquid Shape Distortions 🌀 - -Create psychedelic animations in real-time in the browser. - -(P)art of your next trip. - -Webgl shader animation created using liquid motion, distorted shapes, shadows, and light. - -**Live demo: https://collidingscopes.github.io/liquid-shape-distortions** - -![Liquid Shape Distortions Example](assets/siteOGImage2.png) -![Liquid Shape Distortions GIF Example](assets/LSD.gif) - -The song used is Fahrenheit Fair Enough by Telefon Tel Aviv. - -## Overview - -Use this to create: -- Animated backgrounds for music videos -- Concert / rave posters -- Stylized assets for creative projects - -## Features - -- **Real-time rendering** - real-time edits to the animation in the browser -- **Randomization** - Generate unique patterns with a single click -- **Extensive controls** - Fine-tune the animation parameters and canvas size -- **Export options** - Save your creations as images or videos -- **Completely free** - No paywalls, no premium options -- **Open source** - MIT licensed for personal and commercial use - -## Controls - -| Control | Keyboard | Description | -|---------|----------|-------------| -| 🎲 | [R] | Randomize all inputs | -| ⏯️ | [Space] | Pause/play the animation | -| 📷 | [S] | Save a screenshot image | -| 🎥 | [V] | Start/stop video export | -| 🔊 | [M] | Toggle background music | - -Additional keyboard shortcuts: -- [Tab] - Refresh pattern with a new random seed -- [T] - Restart animation from time = 0 - -## Technical Details - -This project is built using: -- WebGL shaders for high-performance rendering -- Vanilla JavaScript for logic and interactivity -- HTML5 Canvas for display -- CSS for styling -- dat.GUI for the control interface -- MP4 muxer for video encoding and export - -The fragment shader uses: -- 3D simplex noise and fractal Brownian motion for organic patterns / liquid movement -- Seed-based randomization for unique visuals -- Real-time shader effects (bloom, saturation, grain) - -## Installation - -1. Clone the repository: - ``` - git clone https://github.com/collidingScopes/liquid-shape-distortions.git - ``` - -2. Open `index.html` in a web browser. - -That's it! No build process, dependencies, or server setup required. - -For development, you might want to use a local server: -``` -npx http-server -``` - -## Performance Notes - -The WebGL shaders used in this project can be resource-intensive. For optimal performance: -- Close unnecessary browser tabs -- Ensure your device has adequate GPU capabilities -- Reduce the canvas size if experiencing lag -- Ensure your device is not in battery-saving mode - -## Contributing - -Contributions are welcome! Feel free to submit issues or pull requests. - -## License - -This project is licensed under the MIT License - see the [LICENSE.txt](LICENSE.txt) file for details. - -## Related Projects - -Check out other free and open-source projects by the same developer: - -- [Particular Drift](https://collidingScopes.github.io/particular-drift) - Turn photos into flowing particle animations -- [Liquid Logo](https://collidingScopes.github.io/liquid-logo) - Transform logos and icons into liquid metal animations -- [Video-to-ASCII](https://collidingScopes.github.io/ascii) - Convert videos into ASCII pixel art -- [Shape Shimmer](https://collidingScopes.github.io/shimmer) - Turn photos into funky wave animations -- [Colliding Scopes](https://collidingScopes.github.io) - Turn photos into kaleidoscope animations -- [Manual Brick Breaker](https://manual-brick-breaker.netlify.app) - Play brick breaker by waving your hands around - -## Connect with the Developer - -- Instagram: [@stereo.drift](https://www.instagram.com/stereo.drift/) -- Twitter/X: [@measure_plan](https://x.com/measure_plan) -- Email: [stereodriftvisuals@gmail.com](mailto:stereodriftvisuals@gmail.com) -- GitHub: [collidingScopes](https://github.com/collidingScopes) - -## Donations - -If you found this tool useful, feel free to buy me a coffee. - -My name is Alan, and I enjoy building open source software for art, animation, games, and more. This would be much appreciated during late-night coding sessions! - -[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png)](https://www.buymeacoffee.com/stereoDrift) \ No newline at end of file diff --git a/v1-com-officielle/public/paramList4Background.png b/v1-com-officielle/public/paramList4Background.png deleted file mode 100644 index 64281f1..0000000 Binary files a/v1-com-officielle/public/paramList4Background.png and /dev/null differ diff --git a/v1-com-officielle/public/vite.svg b/v1-com-officielle/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/v1-com-officielle/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/v1-com-officielle/src/data/msgData.js b/v1-com-officielle/src/data/msgData.js new file mode 100644 index 0000000..a0c702f --- /dev/null +++ b/v1-com-officielle/src/data/msgData.js @@ -0,0 +1,10 @@ +//ecrire les messages dans /public/DATA/msgData.json avec 6 paramètres : title, content, likes, going, isSelected, isEvent +// like & going à 0 par défaut (fonctionnel) +// isLiked & isGoing local pour cette session: false par default (fonctionnel) +// isSelected: false par défault (fonctionnel) +// wasRead: false par défault (fonctionnel) +// isEvent: true si le message concerne un évènement +export async function loadMsgData() { + const data = await fetch('/DATA/msgData.json'); + return await data.json(); +} diff --git a/v1-com-officielle/src/infoComponents/InboxContent.vue b/v1-com-officielle/src/infoComponents/InboxContent.vue index 6f1730f..64903c2 100644 --- a/v1-com-officielle/src/infoComponents/InboxContent.vue +++ b/v1-com-officielle/src/infoComponents/InboxContent.vue @@ -1,6 +1,6 @@