CodingTrain / CodingTrain/Suggestion-Box

matter.js: piano action

オープン
#448 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
言語のデータがありません
スター
570
フォーク
85
PR マージ指標
30日以内にマージされた PR はありません

説明

:steam_locomotive: I think the [upright piano](http://codepen.io/sharethewisdom/full/RKRVrL/) action may be good
for a challenge. Also see the [grand piano](http://codepen.io/sharethewisdom/full/GrWoXb/) action.

My disorderly attempts to animate svg parts using
GSAP (see www.greensock.com), turn out being a
bit heavy on the CPU.

Thanks to the CodingTrain I got to know matter.js!
This is perfect, and I'm eager to completely rethink
my attempts. I'd like to have a physical model, and:

* render on canvas (GPU)
* maybe move away from svg
* not hard code the collisions, velocities etc
* trigger a sound when the hammer collides with
the string until the damper mutes it
* provide parameters (sliders!) to:
- adjust screws
- bend the metal rod of the catcher
(on the back of the key lever)
- change the tension of springs

I'll post back here if I got a working attempt.
cheers! Bart

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

まず、issue にリンクされているアップライトピアノとグランドピアノの CodePen 例から始め、次に、挙げられている canvas、collision、sound、slider のアイデアについて Matter.js のドキュメントを確認してください。提案されている動作はいくつかの領域にまたがっており、受け入れ基準が定義されていないため、コーディングの前にスコープと具体的な Definition of done について合意する必要があります。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
computer-graphics
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
20/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。