Mastering H5 Animations: From GIFs to WebGL and Game Engines

This guide explores the full spectrum of H5 animation techniques—including GIFs, sprite‑sheet frames, CSS keyframe animations, Lottie, WebGL/Canvas performance trade‑offs, and a comparative overview of popular game engines—providing practical code snippets, compatibility notes, and implementation tips for modern web developers.

Game enginesH5 AnimationLottie

0 likes · 11 min read

Mastering H5 Animations: From GIFs to WebGL and Game Engines

Alibaba Cloud Developer

Jun 21, 2018 · Frontend Development

Turning an Annual Meeting into a Live 3D Smiling Planet: Alibaba’s Face‑Check‑In System

Alibaba engineers created a two‑week “smile check‑in” system that uses facial recognition and Three.js to turn annual meeting entrances into an interactive 3D “smile planet,” displaying participants’ avatars, nicknames and smile scores in real time while optimizing performance for large‑screen displays.

H5 AnimationPerformance OptimizationThree.js

0 likes · 11 min read

Turning an Annual Meeting into a Live 3D Smiling Planet: Alibaba’s Face‑Check‑In System