Os voy a enseñar cómo podéis pasar un dibujo a código sin programar ni una línea de código.
O sea, sin tener que programar nada.
Y está muy chulo, está muy chulo.
Tenéis que buscar Make Real Draw.
Vale, esto no es.
Vale, buscad junto Make Real Draw.
Ahora sí, Draw a UI and Make It Real.
Y es bastante interesante por diferentes motivos.
Y os lo voy a enseñar.
¿Veis? Esa está la página.
Make Real es esta página.
MakeReal.teleDraw.com.
Esta es la página.
Uno, importante, que si no la gente luego se me vuelve loca.
Es que a mí no me funciona y tal.
Lo primero es que necesitáis una API Key de OpenAI.
¿Esto qué quiere decir?
Pues que os van a cobrar por cada vez que la utilicéis.
Mi recomendación es que la uséis, hagáis lo que queráis y luego la borráis de OpenAI.
Porque no me parece muy seguro.
Entonces está bien que la uséis aquí, la pegáis ahí, pero la borráis cuando la dejéis de utilizar.
Eso es muy fácil.
Cuando vais a la página de OpenAI, ya os explico otra cosa porque a la gente dice que no le funciona.
Os vais a la página de OpenAI, le hacéis login.
A ver si funciona porque antes no funcionaba el login.
Y aquí ves API Keys.
Aquí podéis crear diferentes API Keys.
Por suerte no aparecen.
Dice que no la he usado nunca, pero es mentira, la acabo de usar.
Le das aquí Create New Secret y te la crea.
Pero pasan dos cosas con esto.
Uno, que la borréis una vez que la uséis para que no os moleste.
¿Ok?
Da ansiedad que te pidan la API Key.
Ya os podéis acostumbrar, amigos.
Cada vez más van a estar pidiendo la API Key.
¿Por qué?
Porque lo que van a utilizar son los servicios de OpenAI.
Van a haber dos opciones directamente.
O os piden la API Key o os van a cobrar un montón.
¿Por qué?
Porque ellos sí que van a tener que llamar a la API Key.
Van a tener que monetizar eso y ya está.
Yo creo que es muchas veces mejor que utilicen vuestra API Key.
O sea, que le pases la API Key.
Porque así te vas a asegurar que el precio va a ser el mínimo posible.
El precio de coste, digamos.
Si no pides API Key, al final te lo van a hacer pagar.
Sí, la tercera opción.
Hay tercera opción.
La tercera opción básicamente es que os robéis la API Key a alguien.
Se la robéis y la utilicéis.
Y lo desangréis ahí.
Con todo vuestro uso y ya está.
Total, que la borréis.
O como mucho, al menos le deis un límite.
Podéis poner límites, ¿vale?
Para APIs.
Podéis poner límites y así os aseguráis que no os desangréis.
Lo segundo.
Lo segundo que os voy a decir que es importante.
Es que este tipo de OpenAI cada vez lo utilizan más.
Utilizan la API de Chat Vision.
Chat, no, GPT Vision, perdón.
GPT Vision.
Esta es una nueva API que sacó GPT que lo que hace es que le puedes pasar una imagen y la entiende, ¿vale?
Y está súper chulo.
De hecho, esto lo vamos a hacer el jueves.
Si te interesa esto, que está muy chulo, el jueves vamos a hacer un...
¿Ves?
Creamos una app que le pasas una imagen y te genera el código.
Y lo vamos a hacer con GPT4, GPT Vision y DALI.
Entonces, GPT Vision es una nueva inteligencia artificial de la gente de OpenAI
que tú le pasas una imagen y la entiende.
Y así es como funciona esto.
¿Cómo está funcionando este tipo de cosas?
Le hacemos un dibujo aquí.
Si hacemos un dibujo...
Vamos a hacer el dibujo.
¿Vale?
Imagínate que hacemos incrementar.
Este...
Os va a volar la cabeza esto, ¿eh?
¿Vale?
Incrementar.
Decrementar.
¿Vale?
Imagínate que quieres hacer un contador.
¿Vale?
Ponemos aquí.
Pum.
Cero.
Un contador.
Este es el contador típico.
¿Vale?
Imagínate que quieres hacer un contador.
Lo seleccionamos.
¿Vale?
Esta es nuestra aplicación.
Le damos a este botón de aquí arriba a la derecha.
Make real.
Esto utiliza la API Key de OpenAI.
Y fijaos lo que va a pasar aquí.
Está llamando ahí la API Key, no sé qué.
Claro, con GPT Vision que lo que está haciendo, le está pasando esta imagen a ChatGPT y le está diciendo, oye, quiero que me generes el código de esta imagen con HTML, JavaScript y tal.
Y mira lo que ha hecho aquí.
Mira, ahora interactuamos y fíjate, nos ha creado la aplicación en un momento.
Nos ha creado, con un dibujo, nos ha creado la aplicación en un momento.
Lo mejor de todo esto es que fijaos que aquí tenemos como dos botones y uno es Copy Code to Clipboard.
Le puedes dar, nos vamos a Codilink, por ejemplo, ¿vale?
Voy a eliminar todo esto.
Vamos a poner, y me pongo aquí, ¿ves?
Me ha apagado todo el código y ya está.
Aquí tenemos el código funcionando.
Le podéis hacer aquí todos los cambios que queráis.
Está funcionando con Tailwind en este caso.
Sí, está funcionando con Tailwind.
Incluso ha puesto el script de Tailwind.
O sea, espectacular, espectacular.
Y está funcionando correctamente.
Esto lo está haciendo con GPT Vision.
Le ha hecho una foto, esto lo ha pasado a una imagen, se la ha pasado a ChatGPT y ha generado.
O sea, está bastante, bastante chulo.
Ahora, ¿qué pasa con esto?
¿Cómo funciona GPT Vision?
Para que os funcione GPT Vision tenéis que, tenéis que, esto es algo nuevo de ChatGPT,
tenéis que poner dinero, ¿vale?
Aquí en Billing, ¿ves que pone Pending Invoice?
¿Ves que pone aquí Buy Credits?
Pues tenéis que comprar créditos.
Entonces, ahora como funciona OpenAI, es que tenéis que ir comprando créditos.
Por ejemplo, tú compras 10 dólares.
Y está chulo porque compras 10 dólares y ya está ahí.
Entonces, esos 10 dólares son los que se gasta y ya está.
Tienes que poner créditos.
Y cuando tú compras créditos, se desbloquea automáticamente la API de GPT Vision, ¿vale?
Para que lo sepáis.
Poner dinero no es nuevo.
Sí, no, poner dinero no es nuevo.
Pero el que se desbloquee GPT Vision, eso sí que es nuevo.
Tienes que poner créditos para que se desbloquee la API de GPT Vision.
Si no pones créditos, no se desbloquea.
Eso es nuevo.
Ya no se fían.
Ahora hay que pagar antes de usar.
Ya te digo, ¿eh?
¿Qué creen?
Un pase leyendo a GPT.
Yo prefiero esa forma de comprar créditos.
Sí, porque así lo tienen más controlado.
Pero también es verdad que al final es un poco un rollo, ¿no?
Debe servir para hacer un dashboard.
A ver, funciona para casi lo que queráis.
No sé, incluso podríamos probar.
Podríamos probar, ¿eh?
Para que nos hagamos una idea.
Yo qué sé.
Podríamos probar hacer el Pong.
Para que nos hagamos una idea.
Si yo le pongo aquí...
Ah, y os voy a enseñar una cosa.
A ver si funciona, ¿vale?
Esto sería la score.
Vamos a poner aquí score.
Vamos a poner aquí el palito.
Por ejemplo, aquí, pues, un palito.
Un palito.
Bueno, no sé si esto debería ser más bien algo así.
Así, ¿vale?
El palito del Pong.
A ver, así, así.
Madre mía.
Madre mía que me está quedando esto.
¿Vale?
Así.
Y entonces le podéis poner hasta explicaciones.
Lo cual está bastante chulo.
Le podéis decir...
Yo qué sé.
Podéis poner aquí como explicaciones y decir...
Create the Pong game.
Score is...
O...
It should be playable using the keyboard.
Yo qué sé.
Vamos a pasar todo esto.
Make it real.
Que a ver, sinceramente...
Tampoco es importante dibujar el Pong porque es un juego que ya conoces, ¿no?
Entonces no tiene mucho sentido.
Pero bueno, solo para que nos hagamos un poco la idea, ¿no?
A ver si lo crea.
A ver si lo crea.
A ver qué hace.
Está costando, ¿eh?
Me está fundiendo los créditos aquí.
Me está fundiendo los créditos.
Ojo.
Ojo.
Bueno.
No me ha hecho que sea jugable, ¿eh?
Me ha hecho...
No me ha hecho que sea jugable.
Tiene sus cosas.
Tiene sus cosas.
Pero jugable no me la ha hecho.
A ver si nos copiamos el código.
Vamos a ver si ha intentado poner algo.
Ah, sí, ¿eh?
Ojo.
Ojo que sí, ¿eh?
O sea, que sí que ha puesto aquí alguna cosita de...
O sea, que sí que tenía la lógica de moverlo, ¿eh?
A ver.
Entonces, lo típico de mucha gente.
Ah, que nos quita el trabajo.
A ver.
Está muy bien.
Está muy interesante.
Pero en este caso, como para iniciar y aquí ver por qué no funciona.
Cuál es el problema que tiene.
Algún problemilla tiene que tener porque yo no veo que esto funcione.
Ni siquiera se inicia.
O sea, a lo mejor en consola vemos algún error o alguna cosa.
Pues no.
No parece que haya ningún error.
No sé.
No sé qué le pasaría.
Pero se ha quedado ahí.
Se ha quedado ahí.
Pero bueno, sí que tiene ideas, ¿eh?
Aquí tenemos los ATV Listener.
Bueno.
No está mal, no está mal.
A ver.
El Start.
Set Interval.
Start Game.
Debería empezar.
Pero no, no sé.
Igual alguna lógica está mal, ¿eh?
Si presionan los botones.
No.
Si no tengo los...
Ya he estado...
Le he estado dando a todos los botones, ¿eh?
Le he estado dando al teclado y tal y no funciona, ¿eh?
Lógica con bugs.
O sea, inteligencia artificial es tan inteligente como nosotros.
O sea, tiene los mismos bugs que hacemos nosotros, ¿no?
Está bastante chulo.
Me gusta mucho el hecho de hacer un dibujo y crearte una primera versión.
Ya hay mucha gente que está diciendo, el fin de los programadores.
¿Por qué decís eso cada vez que sale una cosa nueva?
Me encanta.
Porque cada vez que sale algo nuevo siempre es el fin de los programadores, el fin de los programadores.
Como sea el fin del fin del fin del fin, al final.
Al final, no sé.
No sé cuál es el fin de verdad.
Son los bugs de todos los juniors combinados.
En realidad ahora vamos a tener que trabajar menos y cobrar lo mismo.
Ojalá, ojalá.
No lo creo.
No lo creo.
Eso es verdad.
Si la IA puede ser solo tan inteligente como nosotros, tiene un techo de cristal muy bajo.
Pero también se puede pasar instrucciones del tipo, hacer el juego de Pong, que se pueda jugar con teclado.
Sí, sí, se le pueden pasar.
De hecho, lo he hecho aquí, ¿eh?
Ves que pone, it should be player using keyboard.
Pero fíjate que aquí ese texto no aparece.
O sea, lo ha entendido.
Ha entendido que este texto era como instrucciones.
Y de hecho, en el código, si lo veis, sí que ha intentado ponerle los eventos.
Lo que pasa es que no ha terminado de funcionar.
Pero bueno, que tiene bastante buena pinta.
Ya se llevaron los 10 dólares.
No, la verdad es que, mira, lo puedo intentar ver, pero os va a sorprender.
Porque, mira, me he gastado, con todo lo que he probado hoy, con todo lo que he probado hoy, que he estado haciendo un montón de pruebas y tal, me he gastado 13 céntimos.
13 céntimos.
O sea, y he estado haciendo bastantes pruebas, he estado haciendo bastantes dibujos, he estado haciendo, no solo las que he hecho ahora, sino que para el reel he estado repitiendo un montón de veces.
O sea, he estado haciendo, yo qué sé.
Es verdad que a veces tarda, o sea, que tened en cuenta que a lo mejor tarda y a lo mejor son 20 céntimos, pero tampoco es tanto, ¿eh?
¿Cómo cuántas? ¿Unas 10?
No, no, yo qué sé.
Yo, por lo menos, he estado haciendo 25 generaciones o cosas así, ¿eh?
O sea, que nada, nada.
O sea, sobraos, ¿eh?
¿Cobra por tiempo?
¿Cuánto cobra?
No es por tiempo, es por lo que genera, por los tokens que genera, por la información que le pasas y lo que genera, lo que lee y lo que genera, ¿vale?
Siempre es por tokens.
Así es como va el dinero de OpenAI.
Tokens, tokens, tokens.
Así es como es.
Pero bueno, está bastante chulo.
Espero que os haya gustado porque a mí al menos me ha llamado bastante, bastante la atención, ¿eh?