专题演讲嘉宾：杨鹏军

华为云官网是华为云的门户页面，对于页面的视觉与交互体验有较高的要求，结合华为云官网动态、强拟物、3D 影像等主流设计风格，我们在 Web 页面上使用了包含 js 动效，WebGL、WebGPU 等多种 Web 动效技术，极大地提升了门户页面的视觉与交互体验效果。

演讲提纲：
1. 背景介绍

• 业界及华为云官网的主流设计趋势及数字孪生，元宇宙的兴起
• 目前云官网的一些动效，Web3D 等的落地场景展示

2. 动效应用

• 前端动效基本概念
• 前端动效实现原理讲解
• 通用前端动效插件封装

3. Web3D 技术的探索与应用

• 视觉效果提升
  • 玻璃、金属等高品质材质效果提升
  • 3D 模型动态视觉效果提升
• 性能优化
  • 大数据量模型渲染优化
  • WebGPU，WebAssembly 等的应用
• VR 与 AR 技术的探索

4. 总结

• 华为云官网未来前端动效与 Web3D 技术的探索方向

你将获得：

• 学习到前端通用动效封装原理
• 学习 Web3D 开发中的视觉效果提升与性能优化方法