●Pi Car-4WD web-example

　2021.07.02

　　　SUNFOUNDER の Pi Car-4WD に APP を install します。
　　　RasPiに下記のCommandを Keyinするとパソコン・スマホ・Tabletから
　　　接続できます。
　　　$ cd /home/pi/picar-4wd
　　　$ sudo picar-4wd web-example start


　Web Browserから Rasberry Pi Carの制御

　1. パソコン・スマホの Browserを開いて RasPiの IP Address:80 を
　　入力すると制御のTop画面が開きます。
　2. RasPi Car Web-Example Top画面
　3. RasPi Car Web 制御画面
　　画面上部の Menu欄の i-con は clickしても動作しますが、前後・左右に
　　4WD Carを動かすための△▽マークは押しても何も動きません
　　この部分は Program が書かれていません
　4. RasPi Car 超音波センサー画面
　5. RasPi Car 車輪Test画面
　　車輪の動作Test用の△▽マークを押しても何も動きません
　　ここも program が書かれていません
　6. RasPi Car ライン追跡画面
　7. RasPi Car System情報画面




　1. RasPi Car Web制御画面の Program追加
　(1) index.htmlの変更
　　　java-scropt の path が source側に張られていたので Program変更しても
　　　動作せず混乱した。




　(2) index.html　車輪動作 Program修正
　　　車輪の動作部分追加




　(3) style sheet 変更
　　　manual.css　up_arrowKey　down_arroKey部分変更




　　　manual.css　left_arrowKey　right_arrowKey部分変更




　(4) RasPi Car 車輪Test画面
　　　index.htmlに 車輪を動作させるProgram追加




　(5) style sheet 変更
　　　setting.css　wheel_arrowKey部分変更




　(6) java-script　setting.jsの変更
　　　車輪動作の初期値が 0 になっていたので、
　　　画面の△▽マークにタッチしても動作しなかった。




　(7) パソコン画面から制御できない。Mouseがきかない。
　　組み込まれてている hammer.jsは、画面の touch検出をする Programのため
　　パソコンから画面を mouse clickしても動作しません。
　　Tablet, Smart Phoneから指の制御なら動作します。