FigureNotes is an interactive 3D piano tool using Three.js. The project allows playing music through a visual piano interface with advanced visual and sound effects.

• Visual piano with 4 octaves
• Mouse and touch support
• Hold notes with Shift key
• Change sounds while dragging

• Various sound banks:
  • Basic synthesizer
  • Acoustic piano
• Full control over parameters:
  • Waveform (sine, square, triangle, sawtooth)
  • Volume
  • Attack and release time
  • Reverb
  • Delay
  • Distortion
  • Filter

• Visual effects:
  • Particles
  • Animated background
  • Note trails
• Different color themes:
  • Blue
  • Green
  • Purple
  • Red
  • Orange

• Recording capability (in development)
• Fullscreen mode
• Interactive help guide

• Modern browser with WebGL support
• Sound card
• Internet connection

1. Download the project:

git clone https://github.com/ShaharFullStack/FigureNotes.git
cd FigureNotes

2. Install dependencies:

npm install

3. Start the server:

npm start

4. Open your browser at http://localhost:3000

• Click keys to play notes
• Hold Shift key to sustain notes
• Drag mouse to change notes while playing

• Select sound bank from menu
• Choose waveform
• Adjust various parameters

• Toggle visual effects
• Choose color theme
• Adjust effect intensity

• Three.js - 3D rendering
• Web Audio API - Sound processing
• Howler.js - Sound management

This project is licensed under the MIT License. See the LICENSE file for details.

FigureNotes הוא כלי אינטראקטיבי לנגינה בפסנתר תלת-ממדי באמצעות Three.js. הפרויקט מאפשר לנגן מוזיקה דרך ממשק ויזואלי של פסנתר עם אפקטים ויזואליים וצליליים מתקדמים.

• פסנתר ויזואלי עם 4 אוקטבות
• תמיכה בעכבר ומסך מגע
• אפשרות להחזיק צלילים עם מקש Shift
• שינוי צלילים בזמן גרירה

• בנקי צלילים מגוונים:
  • סינתיסייזר בסיסי
  • פסנתר אקוסטי
• שליטה מלאה בפרמטרים:
  • גל צליל (sine, square, triangle, sawtooth)
  • עוצמת צליל
  • זמן התקפה ושחרור
  • ריוורב
  • דיליי
  • דיסטורשן
  • פילטר

• אפקטים ויזואליים:
  • חלקיקים
  • רקע מונפש
  • שובלי צלילים
• תמות צבע שונות:
  • כחול
  • ירוק
  • סגול
  • אדום
  • כתום

• יכולת הקלטה (בפיתוח)
• מצב מסך מלא
• מדריך עזרה אינטראקטיבי

• דפדפן מודרני עם תמיכה ב-WebGL
• כרטיס סאונד
• חיבור לאינטרנט

1. הורד את הפרויקט:

git clone https://github.com/ShaharFullStack/FigureNotes.git
cd FigureNotes

2. התקן את התלויות:

npm install

3. הפעל את השרת:

npm start

4. פתח את הדפדפן בכתובת http://localhost:3000

• לחץ על המקשים כדי לנגן צלילים
• החזק את מקש Shift כדי להחזיק צליל
• גרור את העכבר כדי לשנות צלילים בזמן נגינה

• בחר בנק צלילים מהתפריט
• בחר גל צליל
• התאם את הפרמטרים השונים

• הפעל/כבה אפקטים ויזואליים
• בחר תמת צבע
• התאם את עוצמת האפקטים

• Three.js - רינדור תלת-ממדי
• Web Audio API - עיבוד צליל
• Howler.js - ניהול צלילים

פרויקט זה מופץ תחת רישיון MIT. ראה קובץ LICENSE לפרטים נוספים.