【重要】サービス終了のお知らせ

SVGで楽譜を作ろう!

ang

License: GPLv3 License

Fork
1
Fav
5
View
8023
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 790 lines
  • HTML 166 lines
  • CSS 66 lines
SVGで楽譜を作ろう!を作ってみた。

SVGとWeb Audio APIで楽譜の作成と再生。

音楽の知識がないので、
音が外れてたり長さが違うかも??

音が鳴る時にプチプチしてるのが気になる・・・

※Chrome Ver.39.0.2171.95


~メニューバーの説明~

左から

①音符をドラッグで楽譜上に配置
右クリックで音符の種類が選べます。

②楽譜のリセットと楽譜読込です。
「キラキラ星」と「さくらさくら」の楽譜を読込むことが出来ます。

③作成した楽譜を再生 or 停止

④音量の変更

⑤テンポの変更

⑥配置した音符を削除したい場合はゴミ箱へ!


  • SVGで楽譜を作ろう!
  • ANGlib2
  • jQuery v1.11.0
  • SVGで楽譜を作ろう!

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

ang

Author

javascriptとSVGのお勉強

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by