微游技术部一周分享 20230730期
本周关键字：Android后台播放视频，Nginx反向代理，docker搭建lnmp，svg描边动画，响应式头部导航栏，游戏化与UX设计，割草游戏碰撞检测。
大家好，以下是微游互娱技术部本周的分享：
1. [Android开发] Android Media3 — 在后台播放视频
目前主流的音视频App中，除了当用户正在使用时播放视频或音频，应用回到后台后音视频仍能继续播放的功能也很常见。本文简单介绍下如何使用Media3库实现在后台播放视频。
2. [Nginx] Nginx反向代理中出现的问题及解决方法
本文整理了在使用nginx进行反向代理时遇到的2个问题及相应的解决方法。
3. [docker] docker快速搭建lnmp开发环境
本文介绍如何使用docker快速搭建lnmp开发环境。
4. [web开发] svg描边动画
本文介绍SVG描边动画的实现原理。
5. [web开发] 制作一个响应式头部导航栏（Tailwind CSS + Headless UI）
头部导航栏几乎是每个网站必备的元素，可以提供快速的页面跳转和主要信息展示。在移动设备为主的当前环境下，制作一个网站首先需要考虑移动端用户的体验，那么使用响应式方案来实现就是首选方案。
本文介绍以 Next.js 框架，结合 Tailwind CSS, Headless UI 如何制作一个响应式头部导航栏。
6. [产品设计] 游戏化在赛事活动中的可行性
游戏化是将游戏中好的设计（原则、机制、元素等）应用到非游戏环境中的一种理念。游戏化设计在过往十几年的商业化实践中已被证实了能够在一定程度上提升用户参与度和体验。
本文介绍如何在UX设计中运用游戏化的设计原则和设计机制，便成为了一种1+1>2的叠加放大效果，让产品在用户使用中变得有趣和愉快。
7. [游戏开发] 割草游戏中的高效碰撞检测思路
在面对大规模交互性游戏，如割草游戏中出现的大量小怪时，高效的碰撞检测是关键。对于这种场景，我们有几种可能的碰撞检测方法：Sweep and Prune、四叉树（Quadtree）和八叉树（Octree）。
本文对比了不同碰撞检测方法的区别，以及Sweep and Prune在割草类游戏中的应用。
8. [go开发] Go绘制图表库go Echarts
本文简要介绍go-echarts和使用方法，并通过绘制条形图、折线图和图表的http server 的例子演示了使用方法。go-echarts是用go语言实现的制表屠库，借鉴了echarts js库。
9. [产品设计] B端和C端的区别
本文介绍了B端产品和C端产品的不同特点。
以上。