OpenAI API(https://openai.com/blog/openai-api)を用いた実験の記録です。
■JavaScriptを使用しアニメーションを動かす、その1
・OpenAI APIにアクセスしてGPT-3言語モデルを使用しランダムな動きをプロンプト、その後そこから方向の情報(up,down,right,leftのみ)を抽出する。抽出後、JavaScriptを使用して、その方向の情報を使用しHTML上のアニメーションを動かす。
OpenAI APIにアクセスしてGPT-3言語モデルを使用しランダムな動きの説明、そこから方向(up,down,right,leftのみ)を抽出。抽出後、JavaScriptを使用して、その方向の情報を使用しHTML上のアニメーションを動かしてみた。でもこれだとChatGPTに意志があるとは言えないか。とりあえず実験は成功! pic.twitter.com/i2oHFk1qTG
— Men of Letters(メン・オブ・レターズ)|プログラミング (@menofletters_of) April 26, 2023
参考URL:https://community.openai.com/t/how-can-i-make-http-request-from-the-browser-to-the-api/27795
■JavaScriptを使用しアニメーションを動かす、その2
・OpenAI APIにアクセスしてGPT-3言語モデルを使用しランダムな動きをプロンプト、そこから方向、角度を抽出。抽出後、方向と角度の情報を元にJavaScriptを用いたHTML上で物体を移動させる。JavaScriptを修正し、なめらかな動きとしたので、GPT-3が生きているような動きになる。
OpenAI APIにアクセスしてGPT-3言語モデルを使用しランダムな動きをプロンプト、そこから方向、角度を抽出。抽出後、方向と角度の情報を元にJavaScriptを用いたHTML上で物体を移動させてみた。なめらかな動きに修正したので、GPT-3が生きているような動きになった。 pic.twitter.com/Yrx3MCULP2
— Men of Letters(メン・オブ・レターズ)|プログラミング (@menofletters_of) April 26, 2023
■Javascript(D3.js)を使用しアニメーションを動かす
・OpenAI APIにアクセスし、GPT-3言語モデルを使用して蝿の動き(方位角、角度、動きの種類)のプロンプト、生成された情報を解析し、Javascript(D3.js)を使用してHTML上でアニメーションを表示させる。実験後のフィードバックとして、データの視覚化、3Dモデリングなどの知識を学ぶ必要があると理解する。
OpenAI APIにアクセスし、GPT-3言語モデルを使用して蝿の動き(方位角、角度、動きの種類)のプロンプト、生成された情報を解析し、Javascript(D3.js)を使用してHTML上でアニメーションを表示させる実験。うーん、データの視覚化、3D モデリングなどの知識を学ぶ必要がある。 pic.twitter.com/ot00AVxR4Q
— Men of Letters(メン・オブ・レターズ)|プログラミング (@menofletters_of) April 27, 2023
■Javascript(three.js)を使用したアニメーションを動かす
OpenAI APIにアクセスし、GPT-3言語モデルを使用して任意の方向と回転へのランダムな動きをプロンプト、生成された情報を解析し、Javascript(three.js)を使用しアニメーションを表示させる実験。再読み込みのたびに位置が変化し、物体の見方がかわる。
こちらはOpenAI APIにアクセスし、GPT-3言語モデルを使用して任意の方向と回転へのランダムな動きをプロンプト、生成された情報を解析し、Javascript(three.js)を使用してHTML上でアニメーションを表示させる実験。再読み込みのたびに位置が変化。 pic.twitter.com/j9l8tMV1V6
— Men of Letters(メン・オブ・レターズ)|プログラミング (@menofletters_of) April 27, 2023
■Tesseract.jsを用いて画像認識を行い読み取った文字をGPT-3言語モデルに説明させる
・OpenAI API(GPT-3言語モデル)を使用して画像から読み取った文字からそれが何であるか説明することをプロンプト、Javascriptでも使用可能なTesseract.jsを用いて画像認識を行い解析結果を表示する実験。今回用いた画像には「Apple」という文字が書き込まれており画像認識は成功したが、GPT-3言語モデルは「Apple」を企業だと認識してしまった。
OpenAI API(GPT-3言語モデル)を使用して画像から読み取った文字からそれが何であるか説明することをプロンプト、Javascriptでも使用可能なTesseract.jsを用いて画像認識させ解析結果を表示する実験。Appleは企業だと認識してしまったが、画像から読み取った文字を、GPT-3に伝えることはできた。 pic.twitter.com/uO0gpWOZ9E
— Men of Letters(メン・オブ・レターズ)|プログラミング (@menofletters_of) April 28, 2023