Оживляем UI на мобилках с Sensor API

Речь пойдёт о реализации реакции веб-интерфейса на наклон устройства, смещение бликов, теней, для придания ему таким образом интерактивности и объёма. Device Orientation API существует уже давно . Мобильные устройства с гироскопом стали пожалуй основным окном для приложений и сайтов. Всевозможные эффекты "блеска" / градиентов в дизайне встречаются регулярно, тренд на эмоциональный дизайн и кажется пора это всё объединить! И ведь Apple выкатили эту фишку в liquid glass ! Но... лично по моему мнению, как-то не "дожали" или она померкла на фоне других нововведений... а жаль, я считаю реакцию ui на положение устройства гораздо более перспективной темой чем новая прозрачность с крутой физикой преломлений которую тут же все побежали повторять . В отличии от преломления фона, адекватная реакция на наклон устройства это не графон ради графона, а микро‑взаимодействие дающее ощущение контроля, отзывчивости, даже "живости" интерфейса. Ведь даже если пользователь не тапает по экрану - он очень даже взаимодействует с интерфейсом(смотрит/читает) и слегка "покачивает" телефон в руке, и UI на эти микродвижения уже чуть-чуть отвечает, маленькая физика (свет/тень/глубина), как будто элементы не нарисованы, а существуют как объекты... Ну это моё субъективное восприятие... тут есть похожие мысли про роль микровзаимодействий и баланс эмоций. Знаю что некоторых людей "лишние" анимации наоборот нервируют, или даже "укачивают", чтож... прекрасно что для них есть опция reduce-motion, для меня такой замечательной обратной опции "сделать красиво" нет ))) Если всё ещё не понятно о чём я, можете глянуть это видео : Блеск!

https://habr.com/ru/articles/1010328/

#sensors #ui #js #css #twa #tma #telegram #gyroscope #accelerometer

💥 Tiny sensor could transform head injury detection

https://medicalxpress.com/news/2026-01-tiny-sensor-injury.html

#sensors #health #sports #concussion #accelerometer #impact #injury #accidents #technology

Beyond the Mouse: Animating with Mobile Accelerometers

https://fed.brid.gy/r/https://frontendmasters.com/blog/beyond-the-mouse-animating-with-mobile-accelerometers/

Accelerometer Market Update

The global accelerometer market was valued at USD 7.35 billion in 2024. It’s projected to grow from USD 7.92 billion in 2025 to USD 15.20 billion by 2032, exhibiting a CAGR of 9.8%. North America dominated with a 36.6% share in 2024.

Source: https://www.fortunebusinessinsights.com/accelerometer-market-113005

#Accelerometer #SensorTechnology #InertialSensors #Aerospace #DefenseTech #MarketResearch #TechGrowth #MEMS

https://blog.gslin.org/archives/2025/08/05/12553/%e9%97%9c%e6%96%bc-android-%e5%81%b5%e6%b8%ac%e5%9c%b0%e9%9c%87%e7%9a%84%e9%9a%b1%e7%a7%81%e5%95%8f%e9%a1%8c/

關於 Android 偵測地震的隱私問題

#accelerometer #alert #android #earthquake #phone #privacy #system

Accelerometer test

https://makertube.net/w/u8EWz4ShGmmwoCvznHLnFx

Определение Аварии по MEMS Акселерометру

В настоящее время акселерометры встраивают куда только можно: в часы, автомобили, самокаты, LapTop-ы и прочее. В данном тексте изложена концепция распознавания аварии по данным с MEMS акселерометра. В этом тексте Вы узнаете зачем программисту микроконтроллеров надо знать дифференциальную геометрию .

https://habr.com/ru/articles/916386/

#crash_detection #crash_detection_by_accelerometer #accident_alert #mems #дифференциальная_геометрия #accelerometer

All I did was open github's webpage then search "i2c accelerometer".
What is my crime?

#github
#i2c
#accelerometer
#NotGuilty

Обзор Акселерометра LIS3DH

В этом тексте я написал о своем опыте работы с акселерометром LIS3DH . Это трёх-осевой цифровой 16-битный MEMS акселерометр с перегрузкой 16g и управлением по I2C. Тут я написал с какой стороны следует подходить к ASIC акселерометрам.

https://habr.com/ru/articles/851180/

#LIS3DHTR #акселерометр #accelerometer #lis3dh #ADC #i2c #uartcli #asic #8308 #метрология

Our paper "Similarities of motion patterns in skateboarding and hydrofoil pumping" has been accepted by iWOAR2024! 🎉

@ACM
#skateboarding #surfing #accelerometer #imu #machinelearning