两周一报05（20181021）

一、本周项目：岁月神偷H5&站内攻略详细版高潮期（10.17 ~ 11.02）

1. 部分安卓机下（测试机华为P10 Android8.0.0）音频播放必须通过click事件触发。
2. IScroll禁用了原生的click事件，官方推荐使用封装的tap事件，而tap事件只在页面滑动且滑动距离小于10px时触发。

二、近期学习

1. three.js：WebGL第三方库

• 描述：目前使用比较广泛的开源3D动画库
• 进度：80%
• 输出：目前正在整理学习文章，详细文章如下，更复杂的一些问题等大促过后再继续学习~
  • threejs基础上：初始化
  • threejs基础下：贴图资源加载与光照
  • threejs进阶上：动画
  • threejs进阶下：交互
  • threejs问题集锦（随时更新）
• DEMO
  • [BUG已修复] 3D地球，可拖动旋转。地球上有城市坐标，点击将该位置旋转到屏幕中央，下方显示城市名称，体验链接和效果展示如下：
    链接：https://h5.m.jd.com/babelDiy/Zeus/iGeFvMLrNuQqQwwW4grhhREEDVS/index.html
    
    
  • 简单的全景，之前看到的一个全景是需要鱼眼贴图，且比例为2:1，对图片资源要求比较高，所以试着采用了六面体贴图实现了全景demo，感觉效果比球状全景要好很多，顶部和底部不会穿帮，对贴图的要求也降低了不少，只需要提供前/后/上/下/左/右6个面的图二图即可，体验链接和效果展示如下：
    链接：https://h5.m.jd.com/babelDiy/Zeus/PmFEDsErFeuFrSgqVUsx11pbuZq/index.html