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
- Download the project:
git clone https://github.com/ShaharFullStack/FigureNotes.git
cd FigureNotes- Install dependencies:
npm install- Start the server:
npm start- 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
- כרטיס סאונד
- חיבור לאינטרנט
- הורד את הפרויקט:
git clone https://github.com/ShaharFullStack/FigureNotes.git
cd FigureNotes- התקן את התלויות:
npm install- הפעל את השרת:
npm start- פתח את הדפדפן בכתובת
http://localhost:3000
- לחץ על המקשים כדי לנגן צלילים
- החזק את מקש Shift כדי להחזיק צליל
- גרור את העכבר כדי לשנות צלילים בזמן נגינה
- בחר בנק צלילים מהתפריט
- בחר גל צליל
- התאם את הפרמטרים השונים
- הפעל/כבה אפקטים ויזואליים
- בחר תמת צבע
- התאם את עוצמת האפקטים
- Three.js - רינדור תלת-ממדי
- Web Audio API - עיבוד צליל
- Howler.js - ניהול צלילים
פרויקט זה מופץ תחת רישיון MIT. ראה קובץ LICENSE לפרטים נוספים.