Skip to content

tedgamer-hub/EmotionMusicBox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 

Repository files navigation

情绪实验室 3.0 - Mood Laboratory

一个创新的情绪音乐混合器,通过可视化的方式将不同情绪混合成独特的音乐体验。

🎵 项目简介

情绪实验室是一个交互式的音乐创作工具,用户可以:

  • 选择不同的情绪(平静、活力、忧郁、温暖等)
  • 将情绪拖拽到实验瓶中进行混合
  • 实时生成对应情绪的音乐旋律
  • 通过绘画功能表达情绪
  • 使用情绪色轮快速选择情绪

📁 文件说明

  • mood-mixer-splash.html - 启动界面(极简主义风格的"今日心情"页面)
  • mood-mixer-v3.html - 主应用(情绪实验室完整功能)

🚀 使用方法

  1. 打开 mood-mixer-splash.html 作为启动页
  2. 点击"进入"按钮跳转到主应用
  3. 或直接打开 mood-mixer-v3.html 开始使用

✨ 主要功能

情绪混合

  • 9种基础情绪可选
  • 拖拽式操作,直观易用
  • 实时音乐生成

可视化效果

  • 3D水晶球显示混合情绪
  • 粒子效果和液体融合动画
  • 情绪色轮快速选择

创作工具

  • 画笔工具(可调节粗细)
  • 橡皮擦工具(小/中/大三种尺寸)
  • 颜色预设面板

主题库

  • 预设情绪主题
  • 一键应用主题配方
  • 快速创作音乐

其他功能

  • 左侧面板可隐藏/展开
  • 一键惊喜随机生成
  • 情绪雷达图分析
  • 反应堆音乐生成器

🎨 技术栈

  • HTML5 Canvas
  • Tone.js (音乐合成)
  • GSAP (动画)
  • Font Awesome (图标)
  • 纯 CSS3 动画效果

📝 注意事项

  • 需要现代浏览器支持(Chrome、Firefox、Edge等)
  • 首次使用需要点击启动音频
  • 建议使用耳机以获得最佳音乐体验

🌟 特色

  • 无需安装,直接在浏览器中运行
  • 完全离线可用
  • 响应式设计,支持多种屏幕尺寸
  • 宇宙星空主题背景

开发时间: 2025年11月 版本: 3.0

About

An emotional healing music box based on mood

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages