ホームページ >ウェブフロントエンド >htmlチュートリアル >デジタル タブレットも DIY する必要があります。天国に行ってみませんか_html/css_WEB-ITnose

デジタル タブレットも DIY する必要があります。天国に行ってみませんか_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:30:461121ブラウズ

編集者注: これは、IoTables というチームによる自作のタブレットです。彼らは皆、モノのインターネットの愛好家で、ガジェットをいじるのが好きです。

デザイナーにとって、コンピューター上でマウスやトラックパッドを使用して描画するのは非常に不快ですが、ほとんどのプロ仕様のタブレットは高価です。そこで私たちは、いつものようにペンを使って紙に絵を描き、その画像をコンピュータに転送できるように、自分たちでデジタル タブレットを構築することにしました。

ここでは、画像処理のコアとして BeagleBone Black 開発ボードを使用しているため、画像処理プロセス全体が非常にスムーズになります。

ステップ 1: 塗装装置を作る

X 座標と Y 座標の値を測定するには、2 つの線形ポテンショメータを準備する必要があり、それらを引くと電圧が変化します。平らな面に設置する必要があるため、通常の筆記具でも描けるよう表面は平らで滑らかな木を選びました。

ブラケットを木の表面に取り付ける場合は、必ず 2 つのブラケットを対角線に配置してください (写真に示すように)。また、2 つのブラケットはバネ紐で接続されており、この紐を引っ張っている間、電圧が変化します。 . 、X 座標値と Y 座標値を測定できます。

次のステップは、リニア ポテンショメータの端にスプールを巻き付けることです。紐を引くと、スプールがポテンショメータを回転させます。最後に紐の真ん中にワッシャーを置き、完成したらペンをワッシャーに差し込んで描き始めます。

ステップ 2: インターフェースのレイアウト

このタブレットの制御機能はボタンです。押すと描画が開始され、放すと自動的に停止します。タブレットには実際には別のボタンがありますが、色で区別できます。

この回路を完成させるには、まず BeagleBone 開発ボードのインターフェイスを見つける必要があります。まずボタンをユニバーサル入出力インターフェイスに接続して、後でプログラムできるようにします。ここでは、P9_11 インターフェイスと P9_15 インターフェイスをそれぞれ使用して 2 つのボタンを接続します。

さらに、描画できるかどうかを通知する LED がタブレットに取り付けられています。LED を P9_13 インターフェイスに接続してください。

2 つのポテンショメータはアナログ入力を使用するため、それぞれ P9_33 および P9_35 インターフェイスを使用して接続する必要があります。さらに、それらに電力を供給するには1.8V電源を使用する必要があります。これらが完了するとハードウェアの生産は終了となります。

ステップ 3: コード

コードは、X 座標値と Y 座標値を測定するための鍵です。ここでは、HTML5 キャンバスとペイントのバックエンドを作成できる process.js アーキテクチャを使用します。さらに、BoneScript ライブラリを使用して線形ポテンショメータから値を読み取ります。

コード、processing.js、および BoneScript ライブラリをここからダウンロードします。

ステップ 4: 完成品

組み立て後、ユーザーは自分で筆記具を追加できます。選択後、ペンをワッシャーに挿入し、ボタンを押します。さて、次のデザイナーはあなたです!

via instructables

WeChat で leiphone_bang をフォローし、グローバル Maker マラソン メイン グループ (グループ番号: 259592983) に参加し、インタラクティブなディスカッションに参加して、最新のコンテスト情報を入手してください~

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。