今天介绍一个简单、强大又好玩的白板绘图工具tldraw，它利用了OpenAI的GPT4的 API，可以将你在白板上绘制的草图，转化成真实的用户界面，以及可运行的css和web代码。你甚至可以用它做一个简单的游戏。
首先提醒一下，我们要有GPT4的 API
1、我们先试着画个简单的登录页面，看看它的效果。我们看到它提供了很多图形组件，我们直接拖拉拽，像画画一样画出来就好，然后在一些地方可以用文件和箭头来进行简单的说明帮助AI来理解。
画完后，我们全选，然后点右上角的make real，稍等一下，就会看到结果已经出来了。
你会发现它真的变成了一个登录框，你可以继续用文字和箭头，让它慢慢变成你想要的样子
然后它也生成了对应的代码，我们可以点击复制，把代码复制出来进行参考。
2、我们再试试用它做一个稍微复杂点的页面，比如一个评分页面，选1到3颗星的时候，会弹框让你写意见，选4或5颗星的时候，提示谢谢你。
我们依旧用组件画出页面，并且包括弹框和文案，然后我们箭头还有自然语言描述，说出你想要的效果，将组件的逻辑串联起来，最后全选点击make real，稍等一下就可以了。
3、最后，我们再发挥点想象力，试着用它做个简单的游戏，我们画个飞机，控制飞机左右移动来躲避子弹，如果被子弹击中，游戏就结束。
我们简单把游戏界面画一个，然后用prompt描述下每个组件的逻辑，以及你想要的效果，最后全选运行下试试看。
生成后试玩一下，虽然有点粗糙，但他确实是实现了我们想要的效果，看着还是挺像模像样的
整体用下来的感觉，它是一个很有想象力的工具，你可以尽情发挥自己的想象力，来去实现想要的效果。
视频介绍，更直观
Hi there, yup thiss article is genuinely good and I have learned lot of things from it about blogging.
thanks. http://Boyarka-Inform.com/
В период цифровой мобильности повербанк стал в ключевой аксессуар набора мобильного человека. Этот мобильный аккумулятор действует как портативная зарядная станция, обеспечивающая энергией девайсы в любой ситуации. Компании предлагают различные модели, среди которых [url=https://powerbanki.top/ ]Какой повербанк нужен для ноутбука на powerbanki.top [/url], дающий возможность обеспечивать питание устройств даже вдали от электросети. Ключевыми параметрами выбора считаются емкость батареи, количество разъемов, скорость зарядки и совместимость с технологиями быстрой зарядки.
Когда речь идет о выборе power bank для устройств Apple, требуется учитывать особые нюансы. Передовые беспроводные повербанки с функцией MagSafe предоставляют оптимальное соединение с iPhone последних серий. Поддержка сертификации MFi выступает подтверждением безопасного функционирования с техникой Apple. Производительные модели на 50000 mAh способны гарантировать более десятка полных циклов зарядки iPhone, а поддержка USB Power Delivery делает возможным питание MacBook и других портативных компьютеров.
Источник: [url=https://powerbanki.top/ ]https://powerbanki.top/ [/url]
по вопросам пауэрбанк это – стучите в Telegram jzy62