将手绘作品转化为AR:2026年技术赋能的动画创作记录
AI動向 業界ニュース 阅读时间 3 分钟

将手绘作品转化为AR:2026年技术赋能的动画创作记录

这是我第二次参加本活动。制作过程中,我将原本的落地页计划调整为通过AR技术将孩子赠送的手绘作品转化为动态动画。利用ChatGPT进行图像生成,并借助Codex在短时间内完成了Web AR的开发。与2012年的研究时期相比,如今只需通过网页浏览器即可轻松实现,这让我深刻感受到了2026年技术发展的惊人进步。这次创作体验不仅完成了作品,更见证了技术的便捷与高效。

今天是我第二次参加这次活动。原本的计划是将动画与 Landing Page 结合,但在创作过程中,发生了一段特别的插曲:一位可爱的小朋友送给我一张手绘图画,这让我非常高兴。

创作时我遇到了一些思维瓶颈,于是决定转换方向,尝试将这幅手绘转化为 AR(增强现实)动画,让静态的画作“活”过来。

创作过程与技术实践

为了实现这个想法,我采取了以下步骤:

  • 素材准备:首先将手绘稿扫描进电脑。
  • AI 图像生成:我尝试了 Seedance、Wan、Klin 等多个 AI 工具,最终发现 ChatGPT 的图片生成功能效果最为理想。
  • 动画制作:我将手绘原稿作为“首帧”,将 AI 生成的画作作为“尾帧”,通过特定的技巧进行关联,最终利用 Gemini 网页版 制作出了效果最好的动画。

AR 开发的震撼与变迁

在开发 AR 应用时,我深刻感受到了技术跨越时代的变迁:

  • 技术对比:我与 AR 的缘分始于 2012 年的研究生课题。那时候开发 AR 必须依赖专用 App,且模型与图像的构建过程极其繁琐。
  • 2026 年的突破:没想到到了 2026 年,仅凭手机网页端(Web AR)就能实现这一切,这种改变令我深感震撼。
  • 高效开发:我利用 Codex 构建网页版 AR 应用。我的需求是:当程序识别到特定图片时,在该位置播放动画。令我惊喜的是,Codex 仅用了约 10 分钟就完成了开发。

虽然这只是一个小的 Demo,但能够亲手做出这个 AR 作品,我感到非常开心,孩子也非常喜欢。这次创作体验让我再次感受到了 2026 年技术发展的魅力。

Project Info

> Demo Page: https://demovibecodingjapan.web.app/fantasyarforlittlegirldream.html

> Demo Page QR:

image

> AR Image:

image

> Github: https://github.com/perfact-tang/fantasyarforlittlegirldream

VIBECODING

把 AI 与开发现场的知识,整理成易读的文章传递给你。

© 2026 VibeCoding Japan, Inc. All Rights Reserved.