# 比比头像表情生成器小程序版 **Repository Path**: h5gallery/freeavatarbuilder-001 ## Basic Information - **Project Name**: 比比头像表情生成器小程序版 - **Description**: 一键生成小黄人emoji揣棉袄表情包，使用原生小程序开发。支持5+小程序端 - **Primary Language**: 微信 - **License**: Not specified - **Default Branch**: master - **Homepage**: https://beebee.work/ - **GVP Project**: No ## Statistics - **Stars**: 11 - **Forks**: 3 - **Created**: 2022-12-13 - **Last Updated**: 2024-05-11 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 比比头像表情生成器 小黄人emoji揣棉袄表情包制作 ![](https://gitcode.net/appbeebee/freeavatarbuilder-001/-/raw/master/images/gzhxhrcma.jpg) 这是一款小程序端的头像表情生成器FreeavatarBuilder。目前支持微信小程序、抖音小程序、支付宝小程序、QQ小程序、百度小程序。 此源码由比比网原创开源，涉及的图片素材来自于网络。 ## 功能一览 1. 纯前端输出，无需后台，无需域名，速度杠杠快！ 2. 完美支持微信端和抖音端； 3. 双端均支持配置开启流量主广告，包括：激励视频广告、插屏广告、banner广告、原生广告、封面广告等； 4. 支持开启雪花、星星背景动画配置； 5. 支持开启背景音乐配置； 6. 支持自定义背景图； 7. 支持自定义区域间距； 8. 支持调整头像框大小； 9. 支持手动更换素材或者前往比比网下载更多的表情素材导入包； 10. 支持自定义[分享给好友]的标题和图片； 11. 支持水印功能； 12. 支持随机组合并开启显示插屏广告； 13. 支持重置组合； 14. 支持canvas生成png，并开启看激励广告； 15. 支持保存表情到相册。 | ![](https://gitcode.net/appbeebee/freeavatarbuilder-001/-/raw/master/images/tu0_3x.png) | ![](https://gitcode.net/appbeebee/freeavatarbuilder-001/-/raw/master/images/tu1_3x.png) | | ---- | ---- | ## 使用方法 1. 下载比比表情生成器代码包，mp-weixin为微信端，mp-toutiao为抖音端（今日头条端），mp-qq为QQ端，mp-alipay为支付宝端，mp-baidu为百度端； 2. 从各端官网下载对应的开发工具： 3. 前往各端官网注册申请小程序获取appid 4. 将开发工具的appid更换为您自己的appid； 5. 将以下域名添加到小程序的服务器域名中，该域名为比比提供的临时图片存储服务器，如果图片您使用了其他的图床域名，将使用的域名添加到服务器域名中； https://beebee.enshimama.com 6. 修改配置文件（见下方教程），调试并上传发布即可。 ![](https://gitcode.net/appbeebee/freeavatarbuilder-001/-/raw/master/images/gh_699aa2cfe2f0_430.jpg) ## 参数配置 找到小程序文件static/data/config.js ```js var beebee_config = { "config": { "desc": "配置主题色、外观、广告和首页弹层菜单",         "theme": "light",  //小程序风格，‘light’浅白，‘dark’暗黑         "maincolor": "#bee0d0",  //主色系，素材选中的颜色         "weixinadson": true,   //是否开启微信广告 "weixinadstype": "weixin", "douyinadson": true, //是否开启抖音广告 "douyinadstype": "douyin",         "weixinfulltop": true,  //微信端是否满屏         "douyinfulltop": false,  //抖音端是否满屏，刚申请的抖音不支持满屏 "adsdata": { "weixin": { "videoads": "adunit-cd3a13f3402be2de", //激励视频广告id                 "popads": "adunit-f11994d3c4e930ed",  //插屏广告id                 "yuanshengads": "",  //原生广告idk/uibase/water@2x.png", //水印图片地址                 "bannerads": "" //Banner广告id }, "douyin": { "videoads": "jffkht11z8z6a5nvfs", //激励视频广告id "popads": "z39zvzppb6tpow5b71", //插屏广告id "bannerads": "bxu7ukn5flu3wazdxr" //Banner广告id } },         "wateron": true,  //是否开启水印     "copyrighton": true, //是否开启关于 "waterurl": "https://cloud.enshimama.com/beebeework/uibase/water@2x.png", //水印图片地址 "wx_qrcode": "https://cloud.enshimama.com/beebeework/uibase/xjn_wx_qrcode.jpg", //微信端预览图 "tt_qrcode": "https://cloud.enshimama.com/beebeework/uibase/xjn_wx_qrcode.jpg" //抖音端预览图 } } ​ module.exports = { beebee_config:beebee_config } ``` 找到小程序文件static/data/post.js ```js var beebee_post = { "thread": { ... "acf": { "face_iconarea": { "box": [ ... //素材区 ], "box_word": false, "boxset": "0", "boxchoose": "1", "showatar": false, "showupload": true, "allowcanvas": false, "allowcanvas_word": false, "isfixedscroll": false }, "face_showarea": { "imgwidth": "200", //头像框宽度 "imgheight": "200",  //头像框高度 "borderstyle": "dotted", //头像框边框样式 "borderwidth": "2", //头像框边框粗细                 "bordercolor": "#000000",  //头像框边框颜色                 "borderradius": "20",  //头像框边框圆角                 "bgcolorshow": false,  //头像框默认是否有背景颜色 "bgcolor": "" //头像框背景颜色值 }, "face_bgarea": { "title": {                     "show": true,   //是否显示标题 "ani": true, //标题是否显示动画 "color": "#ffffff", //标题颜色 "size": "22" //标题字号 }, "views": { "show": true, "percent": "10", "color": "#dddddd", "size": "12" }, "bgcolor": "#4a5bee", //背景颜色 "bgimage": false, //背景图 "bgstyle": { "bgposition": "center top", "bgsize": "contain", "bgrepeat": "repeat", "bgorigin": "border-box" }, "topimage": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facecover/emobg.png", //头图                 "paddingtop": "180", //上留白                 "paddingbottom": "220", //下留白 "bgani": { "ani": "snow", //背景动画 "openmotion": false }, "bgmedia": {                     "open": true,  //开启背景音乐 "name": "圣诞快乐", //背景音乐标题 "author": "Enya", //背景音乐作者 "url": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facework/emoji/chris.mp3" //背景音乐URL } }, "face_sharearea": {                 "title": "2022冬季揣棉袄Emoji表情制作", //自定义分享标题 "image": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facecover/emojishare.png" //自定义分享海报 },             ... }, ... }, "show": true, //是否显示此文章 "thumb": "https://static-mp-6836c6d3-11d4-4a6c-b501-1c674002bff0.next.bspapp.com/demored/facecover/emojishare.png", "title": "Emoji表情制作" } ​ module.exports = { beebee_post:beebee_post } ``` ## 版权声明 > 此小程序由比比原创并开源，允许您使用、传播并放置在自己的素材平台提供下载，但需放置比比网（[https://beebee.work/](https://beebee.work/)）出处，且不允许更改删除源代码中的版权信息，或者付费销售、转卖等行为。 ## 常见问题 1. 为什么素材图片加载显示那么慢？ `素材图片均上传到阿里云免费图床的，当cdn流量用完时加载会慢，建议将素材上传到自己申请的图床中` 2. 为什么素材图片都不显示？ `没有将图片域名填写到小程序后台的服务域名中，前往小程序后台找到开发设置的服务域名，将图床域名填写进去` 3. 为什么素材图片显示，但是点击生成时图片不显示？ `没有将图片域名填写到小程序后台的服务域名的downloadFile合法域名中，建议request合法域名、uploadFile合法域名、downloadFile合法域名均填写上` 4. 为什么广告不显示？ `在config文件中核对（微信端）weixinadson是否为true（抖音端）douyinadson是否为true，对应的广告id参数是否填写正确，小程序appid是否填写正确` 5. 为什么广告有时有有时没有？ `正常，广告并非一直会加载进来，官方对广告有量的限制` 6. 有什么渠道可以获取更多的主题样式吗？ `a. 代码中默认配置了两款主题：static/data/post.js和static/data/post2.js，请将post2.js的代码复制到post.js中保存并编译即可使用第二款主题` `b. 购买比比小锦囊终身版的用户可以通过小锦囊后台的DIY功能生成更多的主题json文件放置在static/data/post.js中` `c. 前往比比素材网https://beebee.work/直接下载其他主题` 7. 我是新手，能找人搭建吗？ `需要搭建服务的，加比比客服微信gamch2，提供付费搭建服务 或者进入比比微信群找群友提供帮助` 8. 为什么我从其他渠道下载的需要付费？ `比比表情生成器完全免费给用户下载使用，无后门无追踪无激活，并不能杜绝二道贩子通过信息差进行售卖行为，比比不对任何非比比渠道负责，您的任何损失比比不进行负责。` `比比唯一官网：https://beebee.work/` `建议您关注比比公众号和社群，随时获取第一手信息。` ## 联系我们 官网：https://beebee.work/ | 公众号 | 微信群 | | ---- | ---- | | ![](https://gitcode.net/appbeebee/freeavatarbuilder-001/-/raw/master/images/gzh.jpg) | ![](https://gitcode.net/appbeebee/freeavatarbuilder-001/-/raw/master/images/bbsq.jpg) |