CodingTrain / CodingTrain/Suggestion-Box
matter.js: piano action
- 主要言語
- 言語のデータがありません
- スター
- 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