ChatGPT推出Canvas功能

"Canvas" 是 OpenAI 推出的全新界面,专为增强写作和编程协作而设计。它让用户能够在聊天之外更高效地进行编辑、审阅和反馈,提供了内联编辑、代码调试和文档版本控制等功能。目前,"Canvas" 已面向 ChatGPT Plus 和 Team 用户推出,未来将扩大适用范围。这个新工具旨在提升用户与 ChatGPT 的互动体验,成为创意和技术上的强力助手。

ChatGPT画布

使用 ChatGPT 编写和编码的全新工作方式

我们即将推出全新的“画布”界面,为与 ChatGPT 协作开展写作和编程项目提供了更加沉浸的体验。与简单的对话不同,画布在独立窗口中打开,让您和 ChatGPT 共同探索、精雕细琢创意。这一测试版标志着合作方式的革新,不再局限于语言交流,而是通过协同创作推动项目的发展。在这里,灵感得以升华,想法得以打磨,真正实现了人机携手并肩的创作之旅。

Canvas 是基于 GPT-4 构建的,目前处于测试阶段,用户可以在模型选择器中手动选择该功能。我们从今天开始向全球的 ChatGPT Plus 和 Team 用户推送该功能,企业和教育用户将在下周获得访问权限。等到测试结束后,所有免费用户也将能够使用画布功能。

更好地与 ChatGPT 合作

人们每天使用 ChatGPT 进行写作和编程帮助,尽管聊天界面简单易用,适合许多任务,但在处理需要多次编辑和修改的项目时存在局限性。为此,Canvas 提供了一种全新的界面,专门用于处理这类复杂工作。

使用 Canvas 时,ChatGPT 可以更好地理解您要完成的任务的上下文。您可以突出特定部分,明确指出希望 ChatGPT 关注的内容。就像一名文稿编辑或代码审查员一样,它能够在项目整体的基础上提供内联反馈和建议,帮助您更精准地完成目标。

在 Canvas 中,您完全掌控项目的进展。您可以直接编辑文本或代码,并使用快捷菜单让 ChatGPT 调整写作长度、调试代码等操作。此外,Canvas 还提供了一个“撤销”按钮,帮助您恢复之前的工作版本。这种灵活性让您在项目中轻松进行调整和优化。

当 ChatGPT 检测到适合使用 Canvas 的场景时,它会自动打开 Canvas。您也可以在提示中加入“使用 Canvas”来手动启动,并在现有项目中进行编辑和工作。

写作快捷方式包括:

  • 建议修改:ChatGPT 提供内联建议和反馈。
  • 调整长度:修改文档长度,缩短或延长内容。
  • 更改阅读水平:根据需要调整阅读难度,从幼儿园到研究生水平。
  • 最终润色:检查语法、清晰度和一致性。
  • 添加表情符号:增加相关表情符号以增强表达效果和色彩。

在Canvas中编程

编程是一个反复迭代的过程,跟踪代码的修改在聊天中可能很困难。Canvas 让追踪和理解 ChatGPT 的代码更简单透明,并计划进一步提升这些编辑的清晰度。

编程快捷方式包括:

  • 审查代码:ChatGPT 提供代码优化建议。
  • 添加日志:插入打印语句帮助调试代码。
  • 添加注释:为代码添加注释,提升可读性。
  • 修复错误:检测并重写问题代码。
  • 移植语言:将代码翻译为 JavaScript、TypeScript、Python、Java、C++ 或 PHP。

将模型训练为合作者

我们训练 GPT-4o 作为创意伙伴进行合作。该模型知道何时打开画布、进行有针对性的编辑以及完全改写。它还能理解更广泛的背景,提供精确的反馈和建议。

为此,我们的研究团队制定了以下核心行为:

  • 触发书写和编码画布
  • 生成多种内容类型
  • 进行有针对性的编辑
  • 改写文件
  • 提供在线评论

我们通过 20 多项自动内部评估来衡量进展情况。我们使用了新颖的合成数据生成技术,例如从 OpenAI o1-preview 中提炼输出,对模型的核心行为进行后期训练。这种方法使我们能够快速解决写作质量和新的用户交互问题,而无需依赖人工生成的数据。

一个关键的挑战是确定何时触发画布。我们让模型学会为 "写一篇关于咖啡豆历史的博文 "这样的提示打开画布,同时避免过度触发 "帮我做一份新的晚餐食谱 "这样的一般问答任务。对于写作任务,我们优先提高了 "触发正确率"(以牺牲 "非触发正确率 "为代价),与带有提示指令的基线零触发 GPT-4o 相比,达到了 83%。

值得注意的是,此类基线的质量对所使用的特定提示非常敏感。使用不同的提示时,基线可能仍然表现不佳,但表现方式会有所不同--例如,在编码和写作任务中平均不准确,从而导致错误分布不同,以及其他形式的次优表现。在编码方面,我们有意使模型偏向于不触发,以避免干扰我们的高级用户。我们将根据用户反馈继续改进。

在写作和编码任务中,我们提高了对画布决策边界的正确触发率,与带有提示指令的基线零镜头 GPT-4o 相比,分别达到了 83% 和 94%。

第二个挑战是在画布触发后调整模型的编辑行为,特别是决定何时进行有针对性的编辑,而不是重写整个内容。我们对模型进行了训练,使其在用户通过界面明确选择文本时执行有针对性的编辑,否则则倾向于重写。随着我们对模型的不断完善,这种行为还会继续演变。

对于写作和编码任务,我们优先改进了画布定向编辑。带有画布的 GPT-4o 比基线提示的 GPT-4o 性能高出 18%。

最后,训练模型以生成高质量的评论需要仔细的反复练习。与前两种情况不同的是,前两种情况很容易通过彻底的人工审核实现自动评估,而以自动方式衡量质量则特别具有挑战性。因此,我们使用人工评测来评估评论的质量和准确性。我们的集成画布模型在准确性和质量方面分别比带有提示说明的零点击 GPT-4o 高出 30% 和 16%,这表明与带有详细说明的零点击提示相比,合成训练能显著提高回复质量和行为。

人工评估对画布注释质量和准确性功能进行了评估。我们的画布模型在准确性和质量上分别比带有提示说明的零点击 GPT-4o 高出 30% 和 16%。

下一步

要使人工智能更有用、更易用,就必须重新思考我们与人工智能的交互方式。Canvas 是一种新方法,也是 ChatGPT 自两年前推出以来对可视化界面的首次重大更新。

Canvas 目前处于早期测试阶段,我们计划迅速改进其功能。

全文翻译自openai官网

### 如何在 ChatGPT 中使用或集成 Canvas 进行 Web 应用开发 为了理解如何在基于 ChatGPT 的应用程序中集成 Canvas,首先需要明确几个概念和技术栈。Canvas 是 HTML5 提供的一种绘图表面,允许开发者通过 JavaScript 绘制图形、动画和其他视觉效果。 #### 创建和配置 UI Canvas 对象 对于希望利用 Canvas 功能的应用程序来说,在 Unity 或其他游戏引擎之外的环境(如纯前端网页应用),可以直接操作 DOM 来实现相同的效果: ```html <canvas id="myCanvas"></canvas> <script type="text/javascript"> var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); function draw() { // Drawing code here... } </script> ``` 这段代码展示了如何初始化一个简单的 Canvas 元素,并获取其上下文以便后续绘制工作[^3]。 #### 将 Canvas 集成到聊天界面 当考虑将此类功能嵌入到像 ChatGPT 这样的对话平台时,可以通过以下方式完成集成: - **HTML 和 CSS 定义布局**:定义好页面结构以及样式。 - **JavaScript 控制逻辑**:编写用于处理用户交互事件(比如点击按钮触发绘画动作)和服务端通信的脚本。 - **API 调用来增强互动性**:如果需要更复杂的功能,则可能涉及到调用外部 API 获取数据更新显示内容。 考虑到实际应用场景中的需求差异较大,具体实施方案会有所不同。例如,在某些情况下,可能会选择让服务器负责大部分计算任务并将结果发送回客户端渲染;而在另一些场景下则更适合采用完全由浏览器执行的方式以减少延迟。 #### 实现示例 下面给出一段简化版的例子说明如何在一个假设性的聊天窗口内加入可编辑区域: ```javascript // 假设有一个名为 'chatBox' 的 div 作为消息容器 const chatBox = document.querySelector('#chatBox'); // 插入一个新的 canvas 到聊天框底部 function addDrawingArea() { const newCanvasElement = document.createElement('canvas'); newCanvasElement.width = window.innerWidth * 0.8; newCanvasElement.height = 150; // 添加至DOM树 chatBox.appendChild(newCanvasElement); // 初始化画笔工具 let ctx = newCanvasElement.getContext('2d'); // 设置初始状态 ctx.strokeStyle = '#000'; } ``` 此函数会在每次被调用时向现有的聊天记录下方追加一块新的空白画板让用户自由涂鸦创作。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值