ChatGPT上线全新功能Canvas - 我消灭你，与你无关。 * { margin: 0; padding: 0; outline: 0; } body { font-family: “PingFang SC”, system-ui, -apple-system, BlinkMacSystemFont, “Helvetica Neue”, “Hiragino Sans GB”, “Microsoft YaHei UI”, “Microsoft YaHei”, Arial, sans-serif; line-height: 1.6; } .__page_content__ { max-width: 667px; margin: 0 auto; padding: 20px; text-size-adjust: 100%; color: rgba(0, 0, 0, 0.9); padding-bottom: 64px; } .title { user-select: text; font-size: 22px; line-height: 1.4; margin-bottom: 14px; font-weight: 500; } .__meta__ { color: rgba(0, 0, 0, 0.3); font-size: 15px; line-height: 20px; hyphens: auto; word-break: break-word; margin-bottom: 50px; } .__meta__ .nick_name { color: 576B95; } .__meta__ .copyright { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.05); padding: 0 4px; margin: 0 10px 10px 0; } blockquote.source { padding: 10px; margin: 30px 0; border-left: 5px solid ccc; color: #333; font-style: italic; word-wrap: break-word; } blockquote.source a { cursor: pointer; text-decoration: underline; } .item_show_type_0 > section { margin-top: 0; margin-bottom: 24px; } a { color: 576B95; text-decoration: none; cursor: default; } .text_content { margin-bottom: 50px; user-select: text; font-size: 17px; white-space: pre-wrap; word-wrap: break-word; line-height: 28px; hyphens: auto; } .picture_content .picture_item { margin-bottom: 30px; } .picture_content .picture_item .picture_item_label { text-align: center; } img { max-width: 100%; } .pay_subscribe_notice { margin: 30px 0; padding: 20px; background: fffbe6; border: 1px solid ffe58f; border-radius: 8px; } .pay_subscribe_badge { display: inline-block; padding: 4px 12px; background: faad14; color: fff; border-radius: 4px; font-size: 14px; font-weight: 500; margin-bottom: 12px; } .pay_subscribe_desc { font-size: 15px; line-height: 1.8; color: rgba(0, 0, 0, 0.7); margin-bottom: 12px; } .pay_subscribe_hint { font-size: 13px; color: rgba(0, 0, 0, 0.4); } .__bottom-bar__ { display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; height: 64px; padding: 8px 20px; background: white; box-sizing: border-box; border-top: 1px solid rgba(0, 0, 0, 0.2); } .__bottom-bar__ .left { display: flex; align-items: center; font-size: 15px; white-space: nowrap; } .__bottom-bar__ .right { display: flex; } .__bottom-bar__ .sns_opr_btn { display: flex; align-items: center; user-select: none; background: transparent; border: 0; color: rgba(0, 0, 0, 0.9); font-size: 14px; } .__bottom-bar__ .sns_opr_btn:not(:last-child) { margin-right: 16px; } .__bottom-bar__ .sns_opr_btn > img { margin-right: 4px; }
ChatGPT上线全新功能Canvas - 我消灭你，与你无关。
原创 数字生命卡兹克 数字生命卡兹克 2024-10-04 08:30 安徽
现在是大半夜1点56，国庆第三天，我想睡觉，真的。
但是，ChatGPT更新了，虽然不是那种王炸级的新模型模型更新，但是更新了一个极度优雅，对普通人极度友好的功能。
而且，顺带，又碾死了一批AI赛道里，做AI文本编辑和Code Copilot的初创企业，一波端掉饭碗。
我消灭你，与你无关。
这个新功能，是Canvas。
单看这几个图标，你可能不明白他是个啥。
我直接放视频，两个视频，一个文本编辑，一个代码编辑，可视化的看完，你大概就能明白是干啥的了。
文本编辑：
代码编辑：
ChatGPT直接在自己的界面中，嵌入了一个能被吊起的画布，这个画布上可以处理文本和代码，而且交互体验做的极其优雅。
跟Claude的Artifacts不一样的是，在产品功能、交互体验上，都完备太多了，明显这次有专门的UX在干，而不是之前的产品草台班子了。
文本编辑有这些功能：
-建议编辑：ChatGPT 提供实时建议和反馈。
- 调整文章长度：编辑文档长度，使其更短或更长。
- 更改阅读级别：调整阅读水平，从幼儿园到研究生。
- 添加最终润色：检查语法、清晰度和一致性。
- 添加表情符号：添加相关的表情符号以强调和增加色彩。
代码编辑有这些功能：
- 审查代码：ChatGPT 提供内联建议以改进代码。
- 添加日志：插入打印语句以帮助调试和理解代码。
- 添加注释：向代码添加注释，以便更容易理解。
- 修复错误：检测并重写有问题的代码以解决错误。
- 翻译成其他语言：将代码翻译为 JavaScript、TypeScript、Python、Java、C++ 或 PHP。
而且财大气粗的OpenAI，是直接微调了一个4o，来教模型何时触发文本和代码的画布。
比如接收到“写一篇关于OpenAI有毒天天不让我睡觉的公众号文章”这样的Prompt，就要打开画布，以便进一步编辑。而在一般问答任务中如“OpenAI是不是有毒”这种问题上，就不要打开画布。
目前按OpenAI的话说，这个画布已经向Plus用户和Team用户开放。
我自然也是第一时间，就拿到了体验资格。
在模型下拉处，就能看到GPT-4o with canvas。
是一个完全单独的模型。
勾选模型后，在这个对话框中，输入一些特定的指令，就能触发文本编辑的画布了。
比如说，我要写一篇“关于OpenAI有毒天天不让我睡觉的公众号文章”。
它就会直接触发画布，以一个全新的UI，输出完了一篇内容。
内容的质量先不提了，主要来看他的Canvas新功能，也就是右下角的那个小笔。
当你的鼠标悬浮上去的时候，就会出现5个功能，从上到下分别是：添加Emoji、润色和检查、调整阅读专业度、调整文章长度、建议编辑。
而且，文本是可以滑动选中的，选中后，你可以直接对话，让ChatGPT仅对这段话进行修改，也可以加粗斜体调整字号啥的。
当然，你也可以只针对这一小段，把它全改成emoji。
而他们这次做的调整文章长度和调整阅读专业度的滑块，还是非常非常有意思的。
用一种非常轻巧的方式，以滑动的交互，来让用户选择，从上到下就是级别的差异，比如越长、越难的就在上面，越短、越简单的选项就在下面，正中间就是取消选择，但是非常坦率的讲，误触的几率会很高，取消的区域做的太小。
整体更改的动画也是，非常的精致，感觉完全不像出自OpenAI之手。
代码这块，也是可以用Prompt直接触发，比如说，我要“写一个愤怒的小鸟的游戏代码”
一样，会自动进入到画布页面。
右下角的五个功能为：添加注释、添加日志记录、修复错误、翻译成其他代码语言、Code review。
添加注释这个，会写的极其的详细，几乎每一行代码都注释了，对我这种小白就非常的友好，直接把注释给你写的明明白白，至少能稍微看懂一点，是啥意思，不会丈二和尚摸不着头脑。
改写其他语言代码那个，可以把Python代码转成C++、Java之类的，交互也是复用的文本编辑中的滑块交互。
至于改写的质量，我确实就看不太懂质量怎么样了，不会给我程序员大佬朋友看了眼，他说改的非常好。
Code Review也非常有意思，它直接审查一遍你整个的代码，然后给我建议，就像飞书里面的评论一样，你可以直接采纳，它就会哐哐哐给你的改了，真正实现了赛博Review。。。
当然，在官方的演示中，我们是可以传自己的文件、代码、图片，甚至是联网搜索的，但是截止到凌晨3点34分，我的GPT4 Canvas模型是有BUG的，所有我上传的东西一律不认。
嗯。。OpenAI果然还是那个草台班子。。。
非常坦率的讲，这次OpenAI的关于画布的更新，能看出来，是对AI时代的产品哲学，有很多自己思考的，也一改之前用心做模型，用脚做产品的映像，非常特别的打磨了一遍自己的UX，从很多动画细节、交互细节，是真的能看出来，OpenAI这次是真的用心做了。
他们的主创是这么说的：
“我对终极 AGI 界面的愿景是一块空白画布。它随着人类的偏好不断演变，自我变形，并创造出与人类互动的新颖方式，重新定义我们与 AI 技术及整个互联网的关系。”
这句话，至少在现在画布的功能展现下看，肯定是有过度夸大，但是不否认这个愿景，是对整个用户体验这个行业的一次冲击。一个自我演变、自我变形的画布？根据每个人的使用，会演变成不同的交互形式和语音？
很像大模型在交互领域的具象化体现。
抛开交互设计，再看OpenAI的布局。
明显能看到，他们也一直没有扔下那个卷生态的心，从去年的GPTs、到代码解释器、到AI搜索，再到现在的Canvas，OpenAI就明确表示了，劳资上下游都要。
一个功能的更新，可能又是一群AI文本工具和代码工具的覆灭。
而对于我们这些旁观者和用户来说，OpenAI似乎总有办法在深夜时分带来有趣的劲爆的消息。
也许，这就是AI时代的魅力所在，永远充满惊喜，永远让人期待。
你也永远不知道，未来会走向何方，能做的，就是随着这个行业，一起跟随着洪流，一起成长。
现在凌晨4点半，窗外的世界沉睡了。
但AI的世界仍在不断演进。
祝大家，早安、午安和晚安。
以上，既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～谢谢你看我的文章，我们，下次再见。
>/ 作者：卡兹克
>/ 投稿或爆料，请联系邮箱：wzglyay@gmail.com
数字生命卡兹克
 阅读 赞  分享 ‘%3E %3Cg transform=‘translate(0 -2.349)‘%3E %3Cpath d=‘M0 2.349h24v24H0z’/%3E %3Cpath fill=‘%23576B95’ d=‘M16.45 7.68c-.954 0-1.94.362-2.77 1.113l-1.676 1.676-1.853-1.838a3.787 3.787 0 0 0-2.63-.971 3.785 3.785 0 0 0-2.596 1.112 3.786 3.786 0 0 0-1.113 2.687c0 .97.368 1.938 1.105 2.679l7.082 6.527 7.226-6.678a3.787 3.787 0 0 0 .962-2.618 3.785 3.785 0 0 0-1.112-2.597A3.687 3.687 0 0 0 16.45 7.68zm3.473.243a4.985 4.985 0 0 1 1.464 3.418 4.98 4.98 0 0 1-1.29 3.47l-.017.02-7.47 6.903a.9.9 0 0 1-1.22 0l-7.305-6.73-.008-.01a4.986 4.986 0 0 1-1.465-3.535c0-1.279.488-2.56 1.465-3.536A4.985 4.985 0 0 1 7.494 6.46c1.24-.029 2.49.4 3.472 1.29l.01.01L12 8.774l.851-.85.01-.01c1.046-.951 2.322-1.434 3.59-1.434 1.273 0 2.52.49 3.472 1.442z’/%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E) 推荐 ’ fill=‘%23000’ fill-opacity=’.9’/%3E%3C/svg%3E) 留言