dominikn / esp32-mpu9250-web-view

Visualizing MPU9250 3D orientation data on the web page hosted by ESP32

ESP32-MPU9250-web-view

Visualizing MPU9250 3D orientation data on the web page hosted by ESP32. Using websockets and JSON to send orientation data (quaternion or Euler angles) to the web browser. Visualisation is done using Three.js library. Written using Arduino framework.

MPU9250 is one of the most popular IMU (Inertial Measurement Unit) available on the market. It combines not only 3D accelerometer, 3D gyro and 3D compass but also DMP (Digital Motion Processor). Thanks to DMP we can read orientation data in the form of Euler angles or quaternions directly from the chip.

A web page with a 3D cube visualizing orientation of MPU9250 is hosted by ESP32. Real time data from MPU9250 is sent to a web browser through a websocket. That data is then used by Three.js library (https://threejs.org/) to visualize orientation of the cube in a real time. The web page is available both in LAN and through the internet thanks to Husarnet (https://husarnet.com/).

To run the example, follow the next steps.

Connect MPU9250 to ESP32

Interface between ESP32 and MPU9250 is as follows:

ESP32 <-> MPU9250

P22   <-> SCL
P21   <-> SDA
P19   <-> INT

GND   <-> GND

Remember also to provide appropriate power supply both for ESP32 and MPU9250.

Configure Platform IO IDE

• Clone the project repo on your disk and open it from Visual Studio Code with platformio installed
• Open ESP32-MPU9250-web-view.ino file
• modify line 39 with your Husarnet join code (get on https://app.husarnet.com -> [Create Network] -> [Add Element] -> [Join Code])
• modify lines 18 - 27 to add your Wi-Fi network credentials
• upload project to your ESP32 board.

If you face any issues in the process, please visit this site: https://docs.husarnet.com/docs/begin-esp32-platformio#get-platformio .

Open a web page hosted by ESP32

There are two options:

1. log into your account at https://app.husarnet.com, find box3desp32 device that you just connected and click web UI button. You can also click box3desp32 element to open "Element settings" and select Make the Web UI public if you want to have a publically available address. In such a scenerio Husarnet proxy servers are used to provide you a web UI. Works with any web browser: desktop and mobile.

2. P2P option - add your laptop to the same Husarnet network as ESP32 board. In that scenerio no proxy servers are used and you connect to ESP32 with a very low latency directly with no port forwarding on your router. Currenly only Linux client is available, so open your Linux terminal and type:

• $ curl https://install.husarnet.com/install.sh | sudo bash to install Husarnet.
• $ husarnet join XXXXXXXXXXXXXXXXXXXXXXX mylaptop replace XXX...X with your own join code, and click enter.

At this stage your ESP32 and your laptop are in the same VLAN network. The best hostname support is in Mozilla Firefox web browser (other browsers also work, but you have to use IPv6 address of your device that you will find at https://app.husarnet.com) and type: http://box3desp32:8000 You should see a web UI to controll your ESP32 now.

esp32-mpu9250-web-view's Issues

Information Request

I was wondering how easy / difficult this would be to implement on a single device, and if it can run on an ESP-12E

The reason i ask, is i'm mid-way through creating a project, and i have been using the MPU-9250 to display raw numbers, i think it would be nicer to have a small web element to visualize the direction, roll, pitch, and yaw.

As i'm EXTREMELY new to all this, i was wondering if there's a simplified example, that stores the web assets in spiffs, and just displays the roll,pitch,yaw, and direction within the web page served by the esp itself.

Any help would be appreciated

Tried to compile, got a stack of toolchain errors.

compiler blows up with a big stack of errors starting with:

esp32dev\lib868\WiFiClientSecure\ssl_client.cpp.o

---

Am I alone here, or anyone else have trouble? The platformio.ini looks ok at first glance.

bno was not declared in this scope in line 333

Hi,
I'm trying to use the code with a mpu 9250 but I'm getting an bno was not declared error from line 333 when I try to compile the code.

credentials.h

How to use ?

#if __has_include("credentials.h")
#include "credentials.h"
#else

ESP32s using web-view.ino occur error

Hi when i upload example web-view sketch the serial monitor to print these below

[0;32mI (297) heap_init: Initializing. RAM available for dynamic allocation:�[0m
�[0;32mI (297) heap_init: At 3FFAE6E0 len 00011920 (70 KiB): DRAM�[0m
�[0;32mI (299) heap_init: At 3FFC9BD8 len 00016428 (89 KiB): DRAM�[0m
�[0;32mI (305) heap_init: At 3FFE0440 len 00003BC0 (14 KiB): D/IRAM�[0m
�[0;32mI (311) heap_init: At 3FFE4350 len 0001BCB0 (111 KiB): D/IRAM�[0m
�[0;32mI (318) heap_init: At 400919DC len 0000E624 (57 KiB): IRAM�[0m
assertion "false && "item should have been present in cache"" failed: file "/build/esp-idf/components/nvs_flash/src/nvs_item_hash_list.cpp", line 85, function: void nvs::HashList::erase(size_t)
abort() was called at PC 0x400e306b on core 0

Backtrace: 0x40087f9c:0x3ffb23d0 0x4008809b:0x3ffb23f0 0x400e306b:0x3ffb2410 0x400e8c4c:0x3ffb2440 0x400e8146:0x3ffb2460 0x400e8421:0x3ffb24a0 0x400e7780:0x3ffb24f0 0x400e737a:0x3ffb2540 0x400e7403:0x3ffb2560 0x400e742e:0x3ffb2580 0x400d79ec:0x3ffb25a0 0x40122d6f:0x3ffb25c0 0x400e5292:0x3ffb25f0

Rebooting...
ets Jun  8 2016 00:22:57

rst:0xc (SW_CPU_RESET),boot:0x13 (SPI_FAST_FLASH_BOOT)
configsip: 0, SPIWP:0xee
clk_drv:0x00,q_drv:0x00,d_drv:0x00,cs0_drv:0x00,hd_drv:0x00,wp_drv:0x00
mode:DIO, clock div:1
load:0x3fff0018,len:4
load:0x3fff001c,len:956
load:0x40078000,len:0
load:0x40078000,len:13076
entry 0x40078a58

how to do can solve this problem ?

How to join esp32-husarnet by Husarion to IDE?

Hi i meet a trouble that is first step then i add external board URL
https://dl.espressif.com/dl/package_esp32_index.json, https://files.husarion.com/arduino/package_esp32_index.json
and going to boards manager search
esp32-husarnet by Husarion that is not any option to download, how to solve this problem ?