找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 4|回复: 0

溜,用自然语言生成的一段包含复杂UI、打字机效果、动态内容显示以及多层3D动画和过渡效果的Remotion视频用例

[复制链接]

3

主题

0

回帖

9

积分

新手上路

积分
9
发表于 8 小时前 | 显示全部楼层 |阅读模式
溜,用自然语言生成的一段包含复杂UI、打字机效果、动态内容显示以及多层3D动画和过渡效果的Remotion视频用例


视频完全是用Remotion Agent Skills,全程Claude Code生成的,给提示词,Claude Code自动把脚本、画面、动画写好并渲染成成品

视频的动画控制、视觉输出上感觉都还不错

构建过程大体如下:
1、首先初始构想
让Claude创建一个Remotion动画,用于演示命令npx skills add remotion-dev/remotion

动画的初始设定是一个1280x1000像素的macOS终端窗口,采用浅色主题,并带有一个空提示符

2、逐步构建终端界面
Claude先探索了现有Remotion项目结构,然后创建了MacTerminal.tsx组件来渲染终端窗口

再根据修改意见调整,调整背景、字体及其他等

3、引入主合成与3D动画
创建了一个“Master”主合成,把之前的终端合成作为其中的一个序列,并为其设置背景

然后为终端窗口添加了从底部滑入、Y轴持续旋转、缩放等复杂3D动画效果

4、集成命令输出与动画
让Claude实际运行npx skills install remotion-dev/skills 命令,并将包括ASCII艺术字体的“SKILLS”标志和安装信息添加到终端动画中

5、Logo组合与过渡效果
新增一个合成,显示Remotion、Claude Code和OpenCode标志,并用“+”号连接

6、终端翻转离场动画
在命令输出完成后,终端窗口不再是简单的向下推出,而是通过X轴旋转(从0度到-90度)向摄像机方向翻转离场,营造出翻页或消失的效果

7、最终渲染
Claude渲染视频,最终的视频合成时长被设定为8秒

Remotion Agent Skills等于说不用会AE、PR,写提示词就能生成一个营销短片或者数据年报、功能演示视频了

构建过程:http://t.cn/AXG1TdYO

#RemotionAgentSkills##AI视频##HOW I AI# http://t.cn/AXG1TFeJ

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|一起港湾 ( 青ICP备2025004122号-1 )

GMT+8, 2026-2-12 09:03 , Processed in 0.114677 second(s), 19 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表