表情跟随肖像:看向鼠标、会做表情的角色

做一个带角色肖像的首屏:角色会看向鼠标所在的方向并做出对应的表情(往上好奇、往下害羞、往旁边狡黠),鼠标放到脸上时她会笑;点一下换一个造型(比如换发色),停一会儿又恢复平静。SandBase 生成角色和九张表情编辑图(也可以编辑你自己的角色图),Skill 把每张编辑图和原图对齐。首屏之后是一个完整的落地页:章节大标题、简介、用 HTML 画的产品控制台、功能卡片、要点、数据、引言、行动按钮和页脚,背景光晕随章节变化,底部有悬浮的章节胶囊。

表情跟随肖像:看向鼠标、会做表情的角色

准备好要画的角色(或你自己的角色图),还有品牌、文案、链接和语言。Skill 会交付一个完整的落地页(index.html)、一段可以粘进现有网站的区块、运行脚本和样式、十一张对齐好的图片,以及开源字体。

使用方法

  1. SandBase 先画出平静的肖像,再做十次编辑:九个方向各一种表情,外加点击造型,每次都要求保持脸、构图和光线不变。

  2. 构建脚本检查每张编辑图尺寸一致,再用边缘图比较把它和平静的原图对齐,换图时头不会跳。

  3. 在浏览器里,鼠标相对脸的方向和距离选出九个区域之一,对应图片 0.1 秒淡入;点击显示另一个造型,2.5 秒没有操作就回到平静的图片。

常见问题

换一个新角色要花多少钱?

通过 SandBase 生成肖像和十张编辑图,大约 $0.90(从你自己的图片开始约 $0.83)。只重做一个方向约 $0.08。

能用我自己的角色吗?

可以。从你自己的风格化角色图开始,Skill 会在它上面做九种表情编辑。不适用于真人照片。

点击能换什么?

任何能描述成编辑的东西:默认换发色,也可以是眼镜、帽子或服装。

为什么这里点链接没反应?

示例运行在沙盒框架里,链接被禁用了。在你自己的页面里,链接会指向你在 site.json 里填的地址。

手机上能用吗?

能。用点按代替移动鼠标来选方向。已在 390 像素宽的手机视口里检查过。

为什么没有在线生成?

生成新场景需要在沙盒里注入模型 Key,后端暂时还不支持。目前请用你自己的 Agent 运行这个 Skill。