プログラミング得意な奴ちょっと来てくれ

1 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:51:37.887 ID:Rf40BBAl0.net

https://i.imgur.com/SinsiX7.jpg

画像の鍵盤を押した時に対応した音を鳴らすプログラムを作りたいんだけど、
白鍵と黒鍵のクリック判定って1個づつif(クリック位置が0〜450)みたいに指定しなきゃダメ？
もっと効率良いやり方とかあるの？

2 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:52:54.092 ID:ySKJ7yh6M.net

画像系はそんなもん
座標入れてくしかない

3 ：以下、＼(^o^)／でVIPがお送りします：2018/07/06(金) 19:54:06.568 ID:NdE42jp3d.net

js？

4 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:54:09.991 ID:v6fZiN1z0.net

座標でやるから都合が悪い
上に透明なボタンのせろよ

5 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:54:16.262 ID:Rf40BBAl0.net

>>2
やっぱり1個づつ地道に画像の座標入れて判定作っていくしかないんか・・・

6 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:54:17.159 ID:CZuN+e0O0.net

鍵盤ひとつひとつを画像にしよう

7 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:54:59.952 ID:w7LVgoE4F.net

部品化しても良さそうだけどこの程度ならifでOK

8 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:55:08.567 ID:Rf40BBAl0.net

>>3
js

>>4
その発想天才すぎるｗｗｗ
こういうとこでコーディングの差が出るんだろうなあ

9 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:55:43.804 ID:Rf40BBAl0.net

>>7
便宜上3つの画像にしてあるけど実際は88鍵盤だよ

10 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:55:56.201 ID:V65uKdV90.net

けちんぼしないで

11 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 19:56:55.229 ID:UmjiVNqIH.net

黒鍵と白鍵三種類
合計4つコンポーネント化して並べてけばいい

12 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 20:00:42.924 ID:UmjiVNqIH.net

と思ったが
白鍵と黒鍵二種類で
白鍵の上に黒鍵乗せるで良かった

13 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 20:07:42.732 ID:SmoPwwtw0.net

四角形なら範囲の判定めっちゃ簡単じゃん

14 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 20:11:55.887 ID:ArIBHgVOa.net

言語は？

15 ：以下、？ちゃんねるからVIPがお送りします：2018/07/06(金) 20:13:50.159 ID:sKrfFdrR0.net

SVGでやってみるとか