AI

IT기술을 탐구해 나가는
크레이 입니다

AI 코딩[실험]

노션 게시판

AI + 노션 MCP의 합작, 노션에 기록되는 게시판입니다.

php 노션 API Windsurf
보러 가기 →

사진 라벨 부착기

오로지 사진 라벨 부착만 집중! AI 협업

canvas 구글 제미나이
보러 가기 →

AI 미술관

AI 코딩으로 만든 그림 전시관

three.js Windsurf Claud
보러 가기 →

시간 여행 도서관

AI가 거의다 만든, 저는 그저 거들뿐이었던 아무거나 만들어줘 시리즈!

three.js Windsurf Claud
보러 가기 →

우주 시뮬레이션

AI에게 아무거나 만들라고 아이디어를 얻어, 협업 완성하였습니다.

three.js Windsurf Claud
보러 가기 →

커피 거리

AI와 협업하여 구현한 가상 커피 거리 시뮬레이션입니다.

javascript canvas Windsurf Claud
보러 가기 →

행복 공원

AI와 협업하여 구현한 가상 행복공원 시뮬레이션입니다.

javascript Claud canvas Windsurf
보러 가기 →

대전 오목

2인용 대전 오목 게임입니다. AI코딩 협업하였으며 node.js/socket.io를 사용하였습니다.

javascript nodejs Windsurf
보러 가기 →

3D 열차 시뮬레이션

AI와 협업하여 구현한 가상 3D 열차 타기 시뮬레이션입니다.

javascript three.js Claud Windsurf
보러 가기 →

3D 도시 시뮬레이션

AI와 협업하여 구현한 가상 3D 도시 시뮬레이션입니다.

javascript three.js Windsurf
보러 가기 →

3D 벤치

AI와 협업하여 구현한 3D 벤치, 한편의 시입니다.

three.js tripo3d.ai Windsurf
보러 가기 →

3D 강아지 GLB 뷰어

AI로 생성한 GLB 강아지 모델, AI 로 만든 뷰어.

javascript meshy.ai three.js Windsurf
보러 가기 →

빗소리ASMR(편의점)

빗소리 들리는 편의점 분위기를 연출하였습니다.

javascript css Windsurf
보러 가기 →

3D 강아지2 GLB 뷰어

AI로 생성한 GLB 강아지 모델, AI 로 만든 뷰어.

javascript tripo3d.ai three.js Windsurf
보러 가기 →

3D 강아지3 GLB 뷰어

AI로 생성한 GLB 강아지 모델, AI 로 만든 뷰어.

javascript tripo3d.ai three.js Windsurf
보러 가기 →

가상 3D 카페 시뮬레이션

AI와 협업하여 구현한 가상 3D 카페 시뮬레이션입니다. 커피를 주문 후 테이블을 클릭하세요.

javascript css three.js Windsurf
보러 가기 →

AI 노벨(선택형)

선택에 따라 소설의 흐름이 전개되는 예제. 3가지의 스토리 선택, AI 협업.

javascript css CLAUD chatGPT
보러 가기 →

AI 노벨(일개스토리)

AI가 연출한 스토리입니다.

javascript css CLAUD
보러 가기 →

사이버 도시

이 페이지는 특별하게 AI 혼자 상상해서 만들라고 지시하였습니다.

javascript css Windsurf Three.js
보러 가기 →

중력 조각가

이 페이지는 특별하게 AI 혼자 상상해서 만들라고 지시하였습니다.

javascript css CLAUD
보러 가기 →

AI 화가

이 페이지는 특별하게 AI 혼자 상상해서 만들라고 지시하였습니다.

javascript css CLAUD
보러 가기 →

시간의 파편들

시간의 파편들을 조작하여 시간을 조작하는 샘플 페이지입니다. 이 페이지는 특별하게 AI 혼자 상상해서 만들라고 지시하였습니다.

javascript css CLAUD
보러 가기 →

AR 증강현실 - 평지에 물체 놓기

AR 증강현실을 이용하여 평지에 물체를 놓는 샘플 페이지입니다. 스마트폰에서 작동합니다.

AR chatGPT three.js
보러 가기 →

AR 증강현실 - 평지에 물체 놓기 2

일부 기능을 추가하였습니다.

AR chatGPT three.js
보러 가기 →

3D 미로 찾기

추적의 3D 길찾기 게임, AI 코딩으로 재현하였습니다.

Babylon.js Windsurf
보러 가기 →

교회 홈페이지

가상의 교회 홈페이지를 꾸며보았습니다.

html tailwind css PHP Windsurf
보러 가기 →

말하고 붙여넣기

말하고 붙여넣기. 말붙, PC용

javascript Windsurf
보러 가기 →

1인용 오목 게임(vs COM)

단순한 AI규칙의 오목 게임입니다.

html javascript Windsurf
보러 가기 →

스프레드시트 흉내내기 (1인용)

AI + 사람 협업으로 상당한 버그를 잡아가며 구현하였습니다. 사칙연산과 괄호 연산이 가능합니다.

javascript Windsurf
보러 가기 →

AI 이야기꾼

AI의 이야기에 귀기울여 보세요.

javascript Windsurf chatGPT API
보러 가기 →

AI 음성 인식(Google API)

Google의 Speech-to-Text API 를 이용하여 녹음한 음성을 텍스트로 해석하는 페이지입니다.

Google API PHP Windsurf
보러 가기 →

AI 피카소 - 거리의 여인

AI가 해석한 피카소 화풍의 그림(웹)입니다. 세밀한 움직임을 표현하네요.

CLAUD
보러 가기 →

손코딩

Cray's VR World

babylon.js 를 이용하여 가상 공간을 꾸며보았습니다
AI 가 아닌 직접 코딩으로 개발하였으며 일부 3D모델은 babylon.js 에서 기본 제공, 일부 모델은 직접 모델링하였습니다.
VR 보기 방식도 가능합니다.

Babylon.js Blender3D
보러 가기 →

유튜브 영어 공부

유튜브 영상을 배경으로 한 영어 학습 사이트 샘플입니다.
AI 가 아닌 손코딩 방식이며 네이버 로그인을 연동하였습니다.

Naver API PHP
보러 가기 →