如何用AI / GPT4o制作真实生活中的宝可梦图鉴？

现实中的宝可梦图鉴：一个启发无限的创意构想

• 如果能创造一个现实生活中的宝可梦图鉴，那将是一项令人兴奋的创举。想象一下，只需拍摄任何事物的照片，便能通过分析和识别来确定对象，就像这是一只皮卡丘毛绒玩具，触感柔软并且是最受欢迎的宝可梦之一。我希望这个现实版的图鉴能够包含物种类型、相关统计数据以及存储在数据库中的条目，方便随时查阅。

• 构想这个现实版宝可梦图鉴的初衷源自于对宝可梦的热爱。宝可梦一直是我童年的一部分，所有关于它的记忆我都怀念至今。虽然距离它最初发布已经25年，我仍然保持着对几乎每一集动画、所有出版的书籍以及整个游戏系列的更新了解。作为一个资深的宝可梦迷，我深受其影响，因此萌生了打造这一现实版宝可梦图鉴的构想。

• 在进行了一番谷歌搜索调研后，我发现并没有人为现实生活中创造出宝可梦图鉴，虽然一些人尝试使用树莓派进行3D打印实例，但效果并不十分理想。我发现最接近成功的案例是被称为R1或Rabbit One的项目，这是一个口袋伴侣，能够拍照并利用人工智能和视觉技术给出解释或帮助日常任务。这些探索让我更有信心将我的宝可梦图鉴构想变为现实。

• 接下来，我需要开始设计原型。我将使用我的iPad，利用一个叫做Concepts的应用来勾画构思。我计划设计几个屏幕，包括登录界面、相机界面、宝可梦列表界面以及查看具体宝可梦信息的界面。这一简单而精巧的构想将为我打造现实中的宝可梦图鉴铺平道路。

• 通过对原始创意的灵感和构想，我相信这个现实中的宝可梦图鉴将在未来成为一项引人注目的创新，将宝可梦的乐趣和神奇带入我们周边的生活中。

现实中的宝可梦图鉴：一个启发无限的创意构想

创意设计：在路上获得灵感

• 在路上工作时，呼吸新鲜空气，欣赏新的风景总是能帮助我变得更有创造力，尤其是当我处于创建应用程序或项目设计阶段时。

• 此刻，我并不想构建具体的东西，只是想勾画一些关于应用程序整体外观可能会是什么样子的想法。这会包括一些小形状，如三角形、圆形，以后可能会用于相机或应用程序整体外观。

• 在我的食物送达之前时间不长，所以我要加油补充能量，然后回到工作室。因为现在我非常清楚我想要建造什么，以及如何建造它，整体的设计和布局，所以现在是时候真正开始了。

• 对于设计模型，我要将在iPad上创建的草图导入到figma中。我希望让Pokédex的风格看起来熟悉并且像任天堂，最近我看了一个由hyperflexed制作的视频，他成功做到了这一点，我非常喜欢他如何能够使用HTML CSS和一点JavaScript来重新创建这些背景效果。

• 我要尝试为Pokédex模拟设计做同样的事情，试图获得这些专业的配色和风格。我导入了之前创建的草图的SVG文件，现在要为颜色方案和字体设计制定颜色。我要勾勒出主要、次要和第三种颜色，为此我会从 Pokémon 的徽标中选取每一种颜色，并将它们设定为我将在主题中使用的颜色。

• 设计字体有点棘手。我在Google字体上做了很多搜索，寻找一种看起来友好且类似于 Pokémon 或 Nintendo 主题的字体，但这非常困难。最终，我发现了一种名为《诗人简体》的字体，它有正确的风格，具有这些弯曲的字符，几乎看起来像漫画体。既然我不想花两周时间寻找字体，我决定选择并下载它。

• 对于我的段落文本，我将只使用字体《Inter》，因为这个字体相当流行且易读。现在设计中最简单的部分来了，我将为每个屏幕创建高保真版本，这本质上就是最终结果的样子。我将会在Pokédex设计的页眉上投入大量时间和精力，因为这有点像相机的外观，就像 iPhone 有它的三镜头设计一样，这是 iPhone 外观的标志。

• 对于菜单，我想复制我在 Instagram 和 Tik Tok 中看到的东西，将会是这四个菜单选项，人们可以选择，但在中间我会有相机选项，让人们随时拍照。拍摄照片后，我将会有一个预览屏幕，它将包括描述以及重量、高度、类别等详细信息，本质上是真实生物或物品的统计数据。

• 之后，我想列出Pokédex条目，就像一个数据库，这样你可以预览所有你拍摄的条目和照片。在这里，我将会根据它们的类型使用不同的颜色，例如，如果是鸟类，那它会是飞行类型；如果是植物，则会是草地类型；如果是类似老鼠的东西，也许它是暗属性或普通类型，这取决于具体情况。

• 目前，我会用 Pokémon 中的例子，比如小火龙和皮卡丘，来填充它们。完成了我的设计，我对我想出的东西感到非常满意。第一个屏幕将是登录屏幕，我会有一个登录按钮和一个扫描按钮，让人们可以立即使用，无需登录。这会带你到相机页面，在这里你可以通过选择快照按钮拍照，然后你会进入预览页面，查看你扫描的物体。

• 最后，如果你创建一个账户，这将保存在你自己的Pokédex数据库中。虽然我认为我会将它制作成一个Web应用程序，但它会有一个类似于普通手机应用程序的菜单。现在是时候开始编程了，这是我的视频中最喜欢的部分。我将向你展示我如何构建这个项目，从一杯咖啡和一行代码开始。

• 我正在安装nextjs 14，这只需我运行 npx create next app。我羞愧地说，我还没有学会 TypeScript，所以我将使用基本的JavaScript配置以及应用程序路由器。我会删除大部分基本样式和文本，以便我可以从干净的页面开始，将其称为Pokédex RL。

创意设计：在路上获得灵感

数字化世界中的精灵寻觅之旅

• 在这个数字化的世界里，我们能够通过技术的力量探寻到前所未有的精灵之旅。就像在客户端使用TypeScript和JavaScript来搭建自己的应用一样，我们也可以借助这些工具展开一场奇妙的冒险。

• 当我们创建自己的数据库时，仿佛是在开启了一段全新的旅程。就像添加第一个宝可梦——妙蛙种子，我们需要先建立一个数据库并注册一个账户。

• 通过Google凭据登录并接受条款和条件，我们打开了一扇通往数字化世界的大门。在Pokedex数据库中创建宝可梦收藏，仿佛是在为精灵之旅做好准备。

• 连接数据库的细节让我们能够立即将其与我们的应用程序连接起来。借助AI模型分析照片并提供描述，我们仿佛在探索数字世界的未知领域。

• 通过构建API发送图像，我们可以让精灵在数字化的画面中栩栩如生。从上传文件到直接拍照，技术的发展仿佛将我们带入了一个全新的精灵世界。

• 利用现有的库像react-webcam，我们解决了上传大图像的问题，让用户能够通过自己的相机捕捉到真实的精灵画面。这种体验让人仿佛置身于真实的精灵世界中。

• 设计和美学的实现让我们的Pokedex应用变得更加生动。从CSS的设计到引入经典的宝可梦音效，每一个细节都让数字化的精灵之旅更加精彩。

• 在数字化的世界中，精灵寻觅之旅从未停歇。借助技术的力量，我们可以在虚拟的领域中感受到真实的冒险和探索。

数字化世界中的精灵寻觅之旅

数字化创意：从Pokémon到Pokedex的奇妙旅程

• 创意是无穷的源泉，激发我们不断探索和创造的激情。正如一个设计师在创作时，通过数字化技术将想象变为现实，唤起了关于Pokémon和Pokedex的新奇灵感。

• 当以往的游戏经历和现代技术相遇时，创作者可以借助强大的工具，实现自己的设计理念。通过Chjs等先进库的应用，重新构建Pokémon游戏中的数据统计图，展现出全新的设计魅力。

• 随着AI技术的发展，创作者甚至尝试着生成原始Pokedex声音。通过训练AI模型，重新呈现出经典声音。经过多次实验和探索，最终找到了合适的技术解决方案，为作品增添了独特的视听体验。

• 除此之外，创作者还致力于为作品增添交互性和个性化。引入Google或GitHub等认证服务，打造简洁高效的登录系统。借助Next O这一强大工具，实现前后端的快速认证，为用户提供便利的登录体验。

• 在实现用户登录功能的同时，创作者还考虑到了用户数据的存储和展示。通过建立小型数据库和排行榜系统，让用户可以记录并分享自己的Pokedex收集成果。这种互动性的设计为作品注入了更多趣味和参与度。

• 最终作品的完成不仅意味着技术上的突破和创新，更代表着创作者对梦想的追求和努力。透过Pokedex这一数字化创意作品，我们看到了创作者的热情与耐心，以及对用户体验和趣味性的关注。

• 数字化创意的旅程从一个想法开始，通过不懈的努力和探索，最终呈现出令人惊叹的作品。让我们一同感受创作者的激情，探索数字世界中的无限可能性，期待更多精彩的作品呈现在我们面前。

数字化创意：从Pokémon到Pokedex的奇妙旅程

Conclusion:

通过AI技术与数字化创意的结合，现实生活中的宝可梦图鉴成为可能。这一创意构想展示了无限可能性，引领我们走进精灵世界的奇妙旅程。

Q & A