文章ChatGPTPlus代码解释器：五分钟内编写游戏，打造专业可视化图表

95 0 0

文章主题：关键词：ChatGPT，代码解释器，人工智能。

本文来自微信公众号：APPSO （ID：appsolution），作者：黄智健，头图来自：视觉中国

还记得 ChatGPT 刚发布的时候，网友们对它的讨论非常热闹。

如今，人们对于ChatGPT的探索和发现变得更为热衷，他们将其视为一个多功能的助手，可以扮演翻译官翻译各类文件，也可以扮演教师教授外语，甚至被视为指引迷津的佛祖。因此，ChatGPT已经从一个单纯的聊天机器人转变为一个提供全面服务的“有求必应屋”。然而，随着时间的推移，用户们对于ChatGPT的新鲜感逐渐消退，其讨论热度也开始有所下降。

但现在 OpenAI 上线了代码解释器（Code Interpreter）后，ChatGPT 社区再度变得热闹起来，而且大家玩的东西更加疯狂：让 ChatGPT 写游戏、拍视频，甚至当数据分析师。

代码解释器是什么？

当你看到代码解释器的名称时，可能会让一些对编程和代码不甚了解的朋友们感到无所适从。不过，请不要因此而感到担忧，因为接下来要介绍的代码解释器，就是专门针对像你这样的ChatGPT Plus用户提供服务的。当然，使用这个工具的前提条件是你的用户身份必须是ChatGPT Plus的用户。

代码解释器是 OpenAI 官方推出的三大扩展功能之一，跟插件集、网页浏览功能一样，在用户设置（Setting）– Beta 功能处开启。

在启动GPT-4模型之后，您可以在其下拉菜单中选择“Code Interpreter”选项，从而激活代码解释器功能。

在成功开启代码解释器之后，您将在对话框右侧看到一个“+”图标。此图标允许您上传不超过100MB的文件，关于如何使用这些文件的详细信息，我们会在后续内容中为您作出介绍。

现在，一切准备就绪，只差一点魔法。

五分钟，写出一个游戏

一个完全不懂编程的小白，从零开始编写一个像这样星际飞船击落陨石的游戏，要多久？

用 GPT-4 的代码解释器，只要五分钟，是的你没看错。

开发者 Kris Kashtanova 分享了编写这个游戏整个过程。

首先，她在脑海中构想了游戏的大致模样，把她的需求输入给 ChatGPT：

在本篇文章中，我将为您提供一个基于P5.js的Asteroids游戏代码示例。在这个游戏中，玩家将操控一艘太空船，通过鼠标左键点击来射击 asteroids。若太空船与 asteroid发生碰撞，则游戏结束；若成功击退所有asteroids，则玩家获胜！此外，您还可以使用自己的纹理来绘制太空船和 asteroids。首先，我们需要导入一些所需的库和函数，如Phaser.js、Sound等。接下来，创建一个名为“Asteroids”的游戏实例，并定义好游戏的基本参数，例如 asteroid array、player ship、shooting force 等。为了实现鼠标左键点击事件，我们需要编写一个键盘监听器。当按下左键时，触发相应的函数，计算出太空船的位置并更新 asteroid 数组。同时，我们还需要编写一个碰撞检测函数，判断太空船是否与 asteroid 发生碰撞。在游戏循环中，我们需要不断渲染画面、更新 asteroid 位置、检查碰撞以及处理玩家的胜利和失败条件。为了让游戏更具挑战性，我们可以增加 asteroid 的速度和数量，并在每次游戏开始时随机生成它们的初始位置。最后，为了使游戏更具个性，您可以添加一些音效和动画效果，例如发射时的音效、碰撞时的爆炸声等。同时，您还可以根据需要调整游戏的难度，例如增加 asteroid 的移动速度、减少玩家的射击速度等。总之，通过以上步骤，您可以创建一个具有基本功能的 Asteroids 游戏。接下来，您可以根据自己的需求和喜好对其进行扩展和改进，打造出更加独特的游戏体验。祝您游戏开发顺利！

在P5.js中编写小行星游戏代码是一项有趣且具有挑战性的任务。您可以利用鼠标来操控宇宙飞船，向小行星发射子弹。若您的宇宙飞船与其发生碰撞，您将输掉游戏。而如果您能击落所有小行星，则意味着您获胜。在此过程中，您可以使用自定义的材质来塑造宇宙飞船和小行星的独特外观。

然后 ChatGPT 就会自动地写出一长篇代码，你要做的，就是把这篇代码粘贴到 OpenProcessing 网站上，创建一个程序项目。

接着用 Midjourney、ClipDrop 等 AI 画图工具为你的游戏生成纹理材质，替换掉项目中的图片。这样，一个游戏 Demo 就制作出来啦，你可以在线试运行。

如果运行出了问题，你还可以让 GPT-4 扮演你的编程老师，帮你遇到的问题再粘贴给它，解释每个函数的作用，让它用教 10 岁小孩的方式来教会 debug，一番完善后，一个小游戏就做好了。

当然，这里所说的用 5 分钟做好一个游戏，是对一些有游戏编程概念的开发者而言。像 Kris Kashtanova 这样的开发者在构思游戏时就已经清晰地列好了游戏玩法、目的、操作等需求，ChatGPT 在编写代码时才能做到有条不紊。

但可以肯定的是，ChatGPT 确实可以代替人类完成一定的粗活、累活，把想法一键转化成成果，这也是代码解释器的意义：用编程的力量，解决更多实际的问题。

PDF OCR 阅读器

PDF 真是打工人又爱又恨的文件格式，爱的是 PDF 文档排版始终如一的稳定性，恨的是当你要用到里面的文字时无法直接复制粘贴的尴尬。

通常来说我们需要付费购买 OCR 阅读器来提取 PDF 的内容，现在你可以让 ChatGPT 来代劳。

操作方法非常简单，还记得对话框上的加号吗？把你的 PDF 文件上传上去，然后直接输入指令要求 ChatGPT 提取文中的内容，然后它就能把文档的内容转写出来，非常方便。

ChatGPT 不仅能提取规整的文档型 PDF 文件的文字，还能提取出图片里的文字，这样就可以用来提取合同类文档的文字了。

专属的金融分析师

代码解释器有着很强的绘图能力，博主 Alex Ker 利用这一特性把它做成了专属的金融分析师。

以特斯拉的股票为例，你需要先把特斯拉历年的股票数据集下载下来，上传到 ChatGPT。

接着，你就可以用自然语言给它下指令，让它画出走势图。

或者让它画出对数收益图。

股票成交量图等等。

重点来了，如果你是个金融小白，不懂得怎么分析这些走势图，或者不知道这些数据的含义，你可以直接向它发问，让它从头开始帮你分析这些数据。

有了 ChatGPT 的辅助，你就不用再似懂非懂地听金融分析师的长篇大论，自己也可以做出相对准确的判断。

制作精美的可视化图表

漂亮的图标对于分析报告来说就像是绅士的西装、佛像的金衣，是决定这份报告是否专业的门面。

通常来说，制作这些图标需要分析员与 Excel 等制表工具大战三百回合，才能做出比较理想的效果，现在用 ChatGPT 只用三句 Prompt 就能实现。

博主 Prateek K. Keshari 分享了他的用法。先来看成果，Prateek 用几句 Prompt 就做出了一个可交互且很好看的商业仪表盘，效果还不赖吧。

怎么做呢？他首先上传了 Netflix 的数据和 Logo 图片到代码解释器，然后输入以下 Prompt：

This is Netflix data + the logo. Give me a downloadable file with the following:

A .html dashboard with the logo at the top center of the page

Sans serif font

Color scheme of netflix both for the page and for the visualization

Interactive plots using plotly.

Note: page should focus on design as much as on functionality. The design should be minimal. Use Netflix brand colors， drop shadows， and gradients. Visualizations should be in a grid layout.

翻译：

以下是 Netflix 的数据和 logo 图标，请按照以下需求给我制作出可以下载的文件

带有 Logo 的商业智能仪表盘

使用无衬线字体

页面采用 Netflix 的配色方案

使用 plotly 进行交互式绘图

注意：页面应该像关注功能一样关注设计。设计要简约一点。使用 Netflix 品牌颜色、阴影和渐变。可视化应采用网格布局。

把图片变成视频

像这样一个响指把灭霸给消灭的视频要怎么做？

同样地，一张图，一句 Prompt，代码解释器就能帮你搞定。

博主 Chase Lean 把灭霸的照片上传到，然后“拜托”ChatGPT 把它做成像灭霸响指瓦解效果的动态视频。Chase Lean 给出了非常详细的指令：

Are you familiar with the disintegration effect from Avengers after Thanos snaps his fingers?

I want to apply this effect to the PNG image I uploaded. By turning it into a video， can you do it for me?

Using the pixels from the transparent layer， group them into blocks of 4×4 pixels. Then， give each block an index. For each frame， several blocks at random. Then translate those blocks to the left. Keep doing this for the frames until all the blocks have left the image， and only a blank image remains.

Use the Imageio library to help you. Save the frames directly to a video file instead of into a list.

翻译：

你熟悉《复仇者联盟》灭霸打响之后的瓦解效果吗？

我想将此效果应用于我上传的 PNG 图像。你能帮我把它变成视频吗？

使用透明层中的像素，将它们分组为 4×4 像素的块。然后，给每个块一个索引。对于每一帧，随机有几个块。然后将这些块向左平移。对帧继续执行此操作，直到所有块都离开图像，并且只剩下空白图像。

使用 imageio 库来帮助您。将帧直接保存到视频文件而不是列表中。

接着 ChatGPT 会给出一系列代码，当然这些代码会出错，经过一番 debug 优化后（一个小时左右），Chase Lean 就得到了符合需求的效果视频，可以直接下载。

“AI 如此强大，还要人来干什么？”

从这些案例可以看出，代码解释器的出现犹如赋予了 ChatGPT 行动的“手和脚”，让 ChatGPT 可以创造出比文字更丰富的内容。

代码解释器的可玩性非常高，沃森商学院的 Ethan Mollick 在提前体验过代码解释器几个月后，给出了这样的评价：

我们现在看到的案例只是代码解释器能力的皮毛而已，未来人工智能将成为复杂知识工作的宝贵伙伴。我花了几周时间才拿到博士学位的东西，人工智能在几秒钟内就完成了，而且出现的错误通常比我的预期要少得多。

Ethan Mollick 把代码解释器比喻成一个“忘记自己会做什么事的大师”，你所要做的就是用提示词去提醒它，告诉它可以帮你制作 GIF、视频甚至 3D 动画等操作。