https://github.com/s00d/ravedemo

https://github.com/s00d/ravedemo

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/s00d/ravedemo
• Owner: s00d
• License: mit
• Created: 2025-05-30T11:58:46.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-30T13:07:26.000Z (about 1 year ago)
• Last Synced: 2025-08-24T04:48:29.630Z (10 months ago)
• Language: Vue
• Homepage: https://s00d.github.io/ravedemo/
• Size: 129 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🌌 Rave Demo

[![Vue](https://img.shields.io/badge/Vue-3.0-4FC08D?style=flat&logo=vue.js&logoColor=white)](https://vuejs.org/)

[![TypeScript](https://img.shields.io/badge/TypeScript-5.0-3178C6?style=flat&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

[![Vite](https://img.shields.io/badge/Vite-5.0-646CFF?style=flat&logo=vite&logoColor=white)](https://vitejs.dev/)

[![License](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)

Демонстрационный проект современных веб-технологий и визуальных эффектов. Коллекция интерактивных секций с различными визуальными эффектами, анимациями и интерактивными элементами.

## 🚀 Демо

🌐 [https://s00d.github.io/ravedemo/](https://s00d.github.io/ravedemo/)

## 📊 Статистика

- Vue: 96.0%

- TypeScript: 3.0%

- Other: 1.0%

## 🛠 Технологии

- Vue 3 + TypeScript

- Vite

- SCSS

- Web Audio API

- Canvas API

- WebGL (через Three.js)

- GitHub Actions

## 📦 Установка

```bash

# Клонирование репозитория

git clone https://github.com/s00d/ravedemo.git

# Переход в директорию проекта

cd ravedemo

# Установка зависимостей

pnpm install

# Запуск сервера разработки

pnpm dev

# Сборка проекта

pnpm build

```

## 🎨 Компоненты

### Визуальные эффекты

- `MatrixSection` - Матричный дождь с интерактивными частицами

- `SauronEye` - Всевидящее око с эффектом слежения

- `CosmicPortal` - Космический портал с эффектом воронки

- `CyberpunkPortal` - Киберпанк-портал с неоновыми эффектами

- `NeuralNetwork` - Визуализация нейронной сети

### Интерактивные секции

- `InteractiveSection` - Интерактивные элементы с эффектами

- `ParallaxSection` - Секция с параллакс-эффектами

- `AnimatedSection` - Анимированные элементы

- `FeaturesSection` - Демонстрация возможностей

### Глобальные компоненты

- `GlobalEffects` - Глобальные визуальные эффекты

- `InteractiveEffects` - Интерактивные эффекты

- `VisibilityWrapper` - Компонент для управления видимостью

## 🎮 Интерактивность

- Все секции реагируют на движение курсора

- Интерактивные элементы с эффектами при наведении

- Параллакс-эффекты при скролле

- Звуковые эффекты при взаимодействии

- Адаптивное поведение на разных устройствах

## 🤝 Вклад в проект

1. Форкните репозиторий

2. Создайте ветку для ваших изменений (`git checkout -b feature/amazing-feature`)

3. Зафиксируйте изменения (`git commit -m 'Add amazing feature'`)

4. Отправьте изменения в ваш форк (`git push origin feature/amazing-feature`)

5. Создайте Pull Request

## 📝 Лицензия

MIT License - подробности в файле [LICENSE](LICENSE)

## 👏 Благодарности

- [Vue.js](https://vuejs.org/) команде за отличный фреймворк

- [Vite](https://vitejs.dev/) сообществу за быстрый инструмент сборки

- [Three.js](https://threejs.org/) за возможности WebGL

- Всем контрибьюторам проекта

## 📞 Контакты

- GitHub: [@s00d](https://github.com/s00d)

- Проект: [ravedemo](https://github.com/s00d/ravedemo)