Компанія Microsoft недавно запустила новий сайт демонстрації IE 10, названий Bubbles. Сайт заснований на анімаційної оцінці Bubblemarks.
На сайті Bubbles показані рухомі перед екраном ldquo-пузирькіrdquo- з логотипом IE, повільно представляють зимовий пейзаж. Демо можна змінювати різними способами, включаючи кількість бульбашок на екрані, ефекти зіткнень, вплив гравітації на бульбашки і т.п. Внизу екрана ви можете бачити швидкість fps, як і інформацію про час обчислення і рендеринга.
За даними блогу IE, сайт Bubbles в своїй основі є відносно простим фізичним движком javascript. На кожному кадрі анімації, приблизно 60 раз в секунду, даний движок перераховує положення всіх бульбашок, коригує їх швидкості, застосовує гравітацію і обчислює зіткнення.
У всіх цих обчисленнях застосовується математика з плаваючою комою. Кожен бульбашка на екрані представляється елементом DOM, про якого йдеться в CSS. Спочатку зображення зміщується близько точки свого походження, а потім динамічно масштабується для створення ефекту роздування міхура.
Сайт Bubbles працює і з іншими браузерами. Правда, замість логотипу IE користувачі Firefox і Chrome бачать відповідні символи своїх браузерів. Хочете подивитися? Будь ласка!