Generative Art
powered by GPT-4o

v2

YouthK

自己紹介

中矢 雄介

お仕事

 エンジニアリーダー

 フロントエンドエンジニア

 アニメーションデザイン

 

プライベート

 趣味はクルマ、ドライブ

   @s14garnet

   YusukeNakaya

YouthK

Meguro.css

次回7〜8月ごろ開催予定

Generative Art
powered by GPT-4o

Generative Art

とは?

アルゴリズムや

数学的手法を用いた

デジタルアート

GPT-4o

とは?

OpenAI が開発した

マルチモーダル AI
2024.05.13 発表

本題 !!

GPT-4o と会話するだけの
完全ノーコードで
Generative Art を制作してみた!!

さっそく成果物

結論から見ていく

アウトプット ①

アウトプット ②

アウトプット ③

アウトプット ④

アウトプット ⑤

アウトプット ⑥

制作方法

GPT-4o プロンプト

GPT-4o であることを確認

やっぱり GPT-3 より賢い

明確な役割を与えると

回答精度(コードの複雑さ)が高まる

HTML, CSS, JavaScript をコーディングさせる

生成したコードを CodePen にコピペして確認

自分は命令してコピペするだけ

実現したいイメージをできるだけ具体的に伝えるとよい

DEMO

みんな大好きライブコーディング

活用事例

デザインモックとしてプレゼンに持っていく

実装するエンジニアとの

コミュニケーションツール

ビジュアルとして

そのまま使っちゃう

※ 生成 AI で生成されたコードはそのまま使用してはいけません!!

正しく動作するか?悪意あるコードが含まれていないか?何かの権利を侵害していないか?

まとめ

Generative Art
powered by GPT-4o

誰でも簡単に作れる

見ていて楽しい

生成 AI のコツがわかる

Thank you

Made with Slides.com