Hi头像——让头像有趣一点。
让头像有趣一点 <!--
| 特性 | 介绍 | | ----------- | ------------------------------------ | | 云开发 |基于腾讯云云开发,易部署、扩展性很好 | | 人工智能 | 基于腾讯云的人脸五官分析服务自动为头像戴皇冠、圣诞帽或口罩,支持多人识别 | | 多端运行 | 基于 Taro 打造,有微信小程序端和 Web 端 | | 用户体验好 | UI设计精美,易于操作,交互动画友好且动感 | | 部署文档详细 | 本项目的部署文档非常详细,详情请查看《DEPLOYMENT》文档 | | 数据管理方便 | 使用 CloudBase CMS 管理数据,并贴心地给出初始化数据模型及默认数据 | | 前端工程化 | 核心配置已抽取,基于 Cloudbase Framework 完成云函数、Web 端 和小程序端部署| | 技术小册 | 独家拥有技术小册《从0到1开发一个智能头像识别小程序》,详细说明 Hi 头像主要实现思路 | -->
小程序二维码
Web 体验版:https://face.xiaoxili.com
DEMO 体验版 前台功能:https://face-demo.xiaoxili.com CMS 数据体验:https://face-demo.xiaoxili.com/tcb-cms/ 账号: cmsAdmin 密码: cmsAdmin123==
如有问题,可以提 Issue 请勿修改密码,上传敏感数据。环境数据可能会被清空,勿做私人使用。
在节日的时候,我们可以使用符合节日七夕的头像,比如在国庆节使用含国旗的头像表达对祖国的祝福;在圣诞节的时候,我们能给亲朋送一个带圣诞帽的头像传递快乐。
在一些特定节日里,很多人尤其是年轻人喜欢新潮的头像,比如近几年的圣诞节,会有“@官方微信,送我一顶圣诞帽“的需求,对此,我们做这个小程序,来解决特定时候头像的制作。
标语:让头像有趣一点
「Hi头像」结合节日特点,微信头像进行智能化处理,让头像更加符合节日氛围。
1、紧跟节日热点
国庆节头戴国旗、圣诞节智能戴帽子,增加节日乐趣
2、简单易操作
不同于各类app的繁琐,小程序更简洁易操作
3、乐于分享
借助微信社交机制,头像处理后可以分享给好友或分享到朋友圈,展示头像成果
20-35喜欢分享的年轻人
小溪里,技术研发
公众号:小溪里
不二雪,UI设计
公众号:不二诗旅
本项目的部署文档非常详细,详情请查看《DEPLOYMENT》文档。
🚀 表示已经实现的功能,👷 表示进行中的功能,⏳ 表示规划中的功能,🏹 表示技术方案设计中的功能。
| 功能 | 状态 | 发布版本 | | -------------------------------------------------------- | --------- | -------- | | UI 重构、页面流程优化 | 🚀 已实现 | V2.0 | | 云函数合并,使用
tcb-router进行路由匹配 | 🚀 已实现 | V2.0 | | 云函数优化,封装更完毕的错误处理信息 | ⏳ 规划中 | V3.0 | | 使用
cloudbase-framework来发布 Web 端、云函数 | 🚀 已实现 | V2.0 | | 使用
cloudbase-framework来部署小程序的预览、体验版 | 🚀 已实现 | V2.0 | |
Cloudbase CMS v1版数据模型快速生成集合字段 | 🚀 已实现 | V2.0 | |
Cloudbase CMS v2版数据模型快速生成集合字段及提供默认数据 | ⏳ 已实现 | V2.0 | | 贴纸编辑器调研 | 🏹 设计中 | V3.0 | | 小程序冷启动数据预加载 | 🏹 设计中 | V3.0 | | 海报换为
canvas 2d版 | 🏹 设计中 | V3.0 | | Web 版云开发登录鉴权设计 | 🏹 设计中 | V3.0 | | 云环境共享调研 | 🏹 设计中 | V3.0 | | 更多的腾讯云人工智能服务 | 🏹 设计中 | V3.0 |
阅读我们的贡献指南,让我们一起建立一个更好的头像小程序。
我们欢迎所有贡献。 请先阅读我们的 《CONTRIBUTING.md》。 您可以提交任何想法到pull requests 或 GitHub issues。 如果您想改善代码,请查阅《DEPLOYMENT》文档,祝您玩得愉快! :)
从 v1到v2版迭代过程中,有4位同学参与了一些工作。
若想贡献代码或者提供建议,请先查阅《CONTRIBUTING》文档。
本项目遵从Angular Style Commit Message Conventions,更新日志请查阅 《CHANGELOG》
本技术小册基于Hi 头像 v1版本编写,v2 版本正在撰写中。
从产品功能规划、技术选型到实战开发,全方位介绍基于小程序云开发来实现智能人像识别小程序,不仅能完成跨端开发,更能学习到当今炙手可热的 ServerLess 开发实战(即小程序与 Web 云开发),更能将高深的人工智能技术落地到真实项目中,甚至,我们还将探索如何将小程序与Web端完成前端工程化实践。
你会学到什么?
本项目在小程序和Web端使用 Taro 构建,功能服务基于腾讯云云开发及腾讯云人工智能服务,使用 CMS 内容管理系统来管理数据,基于Cloudbase Framework完成小程序端、Web端、云函数端构建。
在
taro/src中,有以下文件
|-config.js 配置AppId、云环境Id及其它 |-components 全局组件 |-pages |-|- avatar-edit 头像编辑页 |-|- avatar-poster 头像分享页 |-|- theme-list 主题列表 |-|- self 我的,含个人头像列表
头像编辑是Hi 头像的主逻辑,下面这个流程图充分展示了从加载主题数据、到头像编辑、再到头像生成的完整流程。
Hi 头像功能以小程序端为主,功能齐全,而在 web端能制作头像并保存图片,暂不提供头像保存和分享功能。
v1版中使用图示“第五版”时序图来完成主逻辑,而v2版中使用“第六版”时序图,这两者差异点就是基于已有服务来完成功能,更容易初学者掌握。
1、云函数
hiface-api基于
tcb-router做路由跳转
主要功能有头像、主题、用户信息的获取与更新,还有创建小程序码的功能。
路径为
cloud/functions/hiface-api
2、核心算法
基于五官分析为多个人脸戴上贴纸,具体可以查看《通过五官分析实现为人脸佩戴贴纸》
Copyright (c) 2020 Hanqin