在抖音看到的教程很有意思,自建随鼠标移动视角的网页宠物

请帮我实现一个静态HTML:用提供的视频生成 sprite.webp,让角色根据鼠标方向转头。必须先抽帧生成 contact sheet 并查看实际朝向,然后建立ANGLE_KEYS 角度到帧号校准表,禁止只用angle/360*frames的线性映 射。绿幕/纯色背景要自动抠成透明,保住主体,不要...
在抖音看到的教程很有意思,自建随鼠标移动视角的网页宠物
在抖音看到的教程很有意思,自建随鼠标移动视角的网页宠物

image
请帮我实现一个静态HTML:用提供的视频生成
sprite.webp,让角色根据鼠标方向转头。必须先抽帧生成
contact sheet 并查看实际朝向,然后建立ANGLE_KEYS
角度到帧号校准表,禁止只用angle/360*frames的线性映
射。绿幕/纯色背景要自动抠成透明,保住主体,不要误抠白
色/灰色区域。最终生成index.html、sprite.webp、frame_front.webp,并用本地浏览器验证上、右、下、左、
左上、左下、中都正常。

狗狗在网页正中间中心哦

图片

image
然后让gpt生成视频指导图
image
用即梦或者火山引擎api直接做个
image

图一的狗按照图二的说明,头部上下左右转一圈,身体不动,固定镜头,纯绿色背景
把视频发给codex就可以获得代码了

可以放到个人网页,或者其他的场景去使用,作为网页宠物

预览:

plain-poetry-047e.hlool.workers.dev

Mouse-Look Puppy

1 个帖子 - 1 位参与者

阅读完整话题

来源: LinuxDo 最新话题查看原文