このチュートリアルでは、node.jsによって制御されたロボットのノードボットの構築を示しています。 Webブラウザから制御可能なシンプルなモーターボットを作成します。 このプロジェクトは、JavaScriptのロボット工学とIoTで人気の高まりを活用しています。
重要な概念:
- nodebots&arduino統合:node.jsを搭載した
- nodebotsは、ゲーム開発、ロボット工学、IoTなどの多様なアプリケーションのためにArduinoと強力な組み合わせを提供します。 ハードウェアのセットアップ: ハードウェアは、Arduino、2つのモーター、L298モーターコントローラー、接続ケーブルで構成されています。 重要なことに、StandardFirmataはArduinoにインストールする必要があります
- server-side(node.js):node.js、Express.js、socket.io(リアルタイム通信用)、およびJohnny-five(FirmataベースのRoboticsフレームワークを使用します)。
- クライアントサイド(ブラウザ):シンプルなWebインターフェイスにより、ユーザーはモーターの動きを制御できます。 Socket.ioは、ブラウザとサーバー間のリアルタイム通信を処理します。
- ハードウェア:
arduino microcontroller 2つのモーター
- l298モーターコントローラー
- Arduinoをコンピューターに接続するUSBケーブル
モーターの選択:
StandardFirmataのインストール:
Arduino IDEをダウンロードしてください。
USBを介してArduinoを接続します IDEでは、。に移動します
StandardFirmataコードをArduinoにアップロードします- ソフトウェアのセットアップ:
-
File > Examples > Firmata > StandardFirmata
ファイルを作成: - 依存関係をインストールするには
サーバー側のコード(
):package.json
{ "name": "nodebot-sample", "dependencies": { "express": "^4.11.2", "johnny-five": "^0.8.53", "socket.io": "^1.3.3" } }
npm install
クライアントサイドコード(
):index.js
var express = require('express'); var app = express(); var io = require('socket.io')(app.listen(8081)); var five = require('johnny-five'); app.use(express.static(__dirname + '/app')); app.get('/', function (res) { res.sendfile('/index.html'); }); var board = new five.Board({ repl: false }); board.on('ready', function () { var speed, commands, motors; motors = { a: new five.Motor([3, 12]), b: new five.Motor([11, 13]) }; io.on('connection', function (socket) { socket.on('stop', function () { motors.a.stop(); motors.b.stop(); }); socket.on('start', function () { speed = 255; motors.a.fwd(speed); motors.b.fwd(speed); }); socket.on('reverse', function () { speed = 120; motors.a.rev(speed); motors.b.rev(speed); }); socket.on('left', function () { motors.a.fwd(220); motors.b.rev(50); }); socket.on('right', function () { motors.a.rev(50); motors.b.fwd(220); }); }); });
app/index.html
:app.js
サーバーを起動するには。 index.html
でコントロールインターフェイスにアクセスします。 ボードが認識されていない場合は、接続の問題をトラブルシューティングすることを忘れないでください。 この例は、基本原則を示しています。この基盤では、より複雑な相互作用が達成できます。 完全なソースコードはGitHubで入手できます(リンクが提供されている場合はここに挿入されます)。
以上がArduinoおよびnode.jsを使用してモーターボットを制御しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください

この記事では、JQueryとAjaxを使用して5秒ごとにDivのコンテンツを自動的に更新する方法を示しています。 この例は、RSSフィードからの最新のブログ投稿と、最後の更新タイムスタンプを取得して表示します。 読み込み画像はオプションです

Matter.jsは、JavaScriptで書かれた2D Rigid Body Physics Engineです。このライブラリは、ブラウザで2D物理学を簡単にシミュレートするのに役立ちます。剛体を作成し、質量、面積、密度などの物理的特性を割り当てる機能など、多くの機能を提供します。また、重力摩擦など、さまざまな種類の衝突や力をシミュレートすることもできます。 Matter.jsは、すべての主流ブラウザをサポートしています。さらに、タッチを検出し、応答性が高いため、モバイルデバイスに適しています。これらの機能はすべて、物理ベースの2Dゲームまたはシミュレーションを簡単に作成できるため、エンジンの使用方法を学ぶために時間をかける価値があります。このチュートリアルでは、このライブラリのインストールや使用法を含むこのライブラリの基本を取り上げ、

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

WebStorm Mac版
便利なJavaScript開発ツール

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ホットトピック









