タグ

HTML5と電子工作に関するkaiware007のブックマーク (2)

  • ドラムの振動をセンサーで映像にしてみる | ツクロア - DESIGN LAB

    レッドツェッペリンの曲に「Immigrant song(邦題で”移民の歌”)」という曲があります。 バスドラムを16分音符の連続で打ちまくる特徴的なリズムパターンが有名な曲です。 Youtubeなどでもそのテクニックをレクチャーする動画がいくつもあるほど難易度が高く、初心者では簡単には叩くことができないパターンといってもいいでしょう。 私は趣味でドラムを習い始めて1年の初心者で全然上達しないのですが、ちょっとずつ練習をしています。 今回、演奏にあわせたタイミングで光や映像が反応すると楽しい気がしたので、自らの演奏と自らの映像でどこまで感じられるか、チャレンジしてみました。 バスドラムの振動をHTML5 Canvasでパーティクルアニメーション 解説は後にして、先に実験結果を撮影してみました。 私の演奏なのであまり上手ではありませんが。 まずはドラムセット全景、センサーを設置してみました。

  • CircuitJS1 - JavaScriptで作られたWebベースの電子回路シミュレータ

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ここ数年のハードウェアやIoTブームがあり、電子や電気系に注目が集まっています。抵抗や電源、スイッチなどを使って回路を組み立てて自分の思ったとおりの動きを得られた時のうれしさはとても大きいでしょう。 それらの部品を買ってきても良いですが、まずはシミュレータで確認するのが良いでしょう。今回はWebブラウザ上で回路設計を行えるCircuitJS1を紹介します。 CircuitJS1の使い方 ごくごく簡単な回路。コンデンサ、抵抗、スイッチなどが並んでいます。 電気の流れる方向に動いています。 実際に動かしてみたところ。電気の流れが分かるでしょうか。 こんな複雑な回路や、 より実践的な回路もデモで用意されています。 CircuitJS1は元々用意されているものだけでなく、自分で回路図を作成

    CircuitJS1 - JavaScriptで作られたWebベースの電子回路シミュレータ
  • 1