.. include:: /index.rst :start-after: start_hello_message :end-before: end_hello_message レッスン12:ローバーの目を通して見よう ================================================ ローバーがカメラをうなずかせられるようになったので、次は実際の視覚を与えましょう!このレッスンでは、マーズローバーのカメラを通して見ているものをそのまま見る方法を学びます。 ローバーの視点からライブビデオを見ながら探検しましょう。火星の景色を眺め、面白い岩を発見し、本物の宇宙探検家のように移動できます! .. image:: img/11_camera_image.png 学習目標 ------------------------- * マーズローバーからのライブカメラ映像をリアルタイムで表示する * カメラ表示とサーボ制御を組み合わせてインタラクティブな探検を実現する ローバーの目:ESP32 CAM ------------------------------------------------------- ESP32 CAMをご紹介します。ローバーの強力な視覚システムです!この素晴らしいモジュールは、ローバーに超スマートな目を与えるようなものです。 .. image:: img/esp32_cam.png :width: 400 :align: center ESP32 CAMは2つの信じられないことを行います: 1. ローバーが見ているものの **写真やビデオを撮影** 2. その **ビデオを直接スマートフォンやコンピュータに送信** まるでローバーと一緒に火星にいるようです!ローバーが見るすべてをリアルタイムで見ることができます。ローバーの目を通して探検を始める準備はできましたか? .. _camera_system: ローバーのカメラシステムを探る ---------------------------------------------------- 1. ``カメラをON`` ブロックをドラッグしてクリックします。ステージがローバーからのライブカメラビューに変わります! .. image:: img/11_camera_on.png 2. カメラ映像が上下逆に表示される場合は、``カメラ画像の向きを反転に設定`` を使用して修正します。 .. image:: img/11_camera_orientation.png 3. もっと光が必要ですか?``カメラLEDをON`` を使用して、カメラの内蔵ライトをオンにします。 .. image:: img/11_camera_led.png **カメラ制御ボタンの作成** 1. カメラコントロールパネルを作りましょう!4つのスプライトを作成して整然と配置します。 .. image:: img/11_camera_4.png 2. 各ボタンをプログラムします: - Ball 1:カメラをOFF .. image:: img/11_camera_1sp.png - Ball 2:カメラをONにして向きを設定 .. image:: img/11_camera_2sp.png - Balloon 1:LEDをON .. image:: img/11_camera_3sp.png - Balloon 2:LEDをOFF .. image:: img/11_camera_4sp.png 3. コントロールを重ねて配置してスペースを節約します。必要なときにポップアウトします! .. image:: img/11_camera_fold.png 4. 各スプライトに ``最背面に行く`` を追加します。1つのボタンをクリックすると次のボタンが表示され、クールなトグル効果が生まれます。 .. image:: img/11_camera_layer.png 5. ステージ拡張ボタンをクリックして、フルコントロールモードに入ります。 .. image:: img/11_camera_go_stage.png 6. ローバーの視点からのライブビデオを見ながら探検できます。火星の景色を眺め、面白い岩を発見し、本物の宇宙探検家のように移動できます! .. image:: img/11_camera_image.png カメラ制御ブロック ------------------------------- * カメラをオンまたはオフにします。オンの場合、ステージにローバーからのライブビデオが表示されます! .. image:: img/block/camera_turn.png * カメラのLEDライトを制御します。暗い場所での探検に最適です。 .. image:: img/block/camera_led_turn.png * カメラビューの透明度を調整します。 .. image:: img/block/camera_transp.png * カメラビューが上下逆に表示される場合に反転します。 .. image:: img/block/camera_orientation.png