AI Games Collection

AI 게임 컬렉션
최소한의 코드 수정을 특징으로 하는 AI 지원을 사용하여 제작된 브라우저 기반 게임 컬렉션입니다. [jereme.dev/games](https://jereme.dev/games)에서 현대적이고 반응성이 뛰어난 인터페이스로 매력적인 게임플레이를 경험해 보세요.

🎮 사용 가능한 게임

너들
유명한 단어 게임에 대한 괴짜 트위스트. 6번의 시도 끝에 숨겨진 "nerdy" 단어를 맞춰보세요.

파이프
파이프를 연결하여 연속적인 흐름을 만듭니다. 전략적 계획과 공간 인식이 필요한 이 도전적인 퍼즐 게임으로 논리적 사고 능력을 테스트해보세요.

메모리
집중력과 기억력 향상에 도움을 주는 클래식 카드 매칭 게임입니다. 이 시대를 초월한 두뇌 훈련 연습에서 일치하는 카드 쌍을 찾아 기억력을 테스트하세요.

지뢰 찾기
현대적인 터치를 가미한 클래식 지뢰찾기 게임입니다. 이 전략 퍼즐 게임에서 지뢰에 부딪히지 않고 보드를 클리어하세요.

뱀
현대적인 요소를 가미한 클래식 스네이크 게임입니다. 음식을 먹고, 더 오래 성장하고, 벽이나 자신에 부딪히지 않도록 노력하세요!

축구 저글링
가능한 한 오랫동안 축구공을 공중에 유지하세요. 이 중독성 있는 기술 기반 게임에서 최고의 저글링 연속 기록에 도전해보세요.

물고리 던지기
이 고전적인 물 게임에서 당신의 기술과 인내심을 테스트해보세요! 정밀하게 모든 링을 페그에 고정하십시오. 당신은 얼마나 많은 점수를 얻을 수 있나요? (모바일 전용)

파형
이 독특한 물리 퍼즐에서 장애물을 피하면서 주파수, 진폭 및 위상 제어를 사용하여 파동을 형성하여 입자를 대상으로 유도하세요.

버블팝
버블이 탈출하기 전에 터뜨리세요! 긴장을 늦추지 않고 정밀함과 반사 신경을 사용하는 빠른 속도의 게임입니다.

브레이크아웃
벽돌을 부수고 레벨을 올려 최고 점수를 깨보세요! 모든 연령대를 위한 빠른 속도의 기술과 전략 게임입니다.

그리고 더...

🚀 특징
- 어두운 테마를 갖춘 깨끗하고 현대적인 UI
- 모든 기기에서 작동하는 반응형 디자인
- 부드러운 전환 및 애니메이션
- 게임 간 쉬운 탐색
- 메뉴로 빠르게 돌아갈 수 있는 전체 화면 게임 모드
- 게임 플레이에 초점을 맞춘 미니멀리스트 디자인

🛠️ 기술 세부정보
사이트는 다음을 사용하여 구축되었습니다.
- HTML5
- CSS3(CSS Grid 및 Flexbox와 같은 최신 기능 포함)
- 바닐라 자바스크립트
- 게임 표현을 위한 SVG 아이콘
- 게임 로딩을 위한 반응형 iframe 구현

🎨 디자인 특징
- 그라데이션 배경
- 호버 애니메이션
- 반응형 카드 레이아웃
- 적응형 간격 및 크기 조정
- 접근성 고려사항

📱 반응형 디자인
사이트는 다양한 화면 크기에 원활하게 적응합니다.
- 데스크탑: 전체 그리드 레이아웃
- 태블릿: 카드 크기 조정
- 모바일: 간격이 최적화된 단일 열 레이아웃

🌐 브라우저 지원
다음을 포함한 모든 최신 브라우저에서 작동합니다.
- 크롬
- 파이어폭스
- 사파리
- 가장자리

📲 안드로이드 앱
기본 경험을 선호하는 Android 사용자의 경우:

🐳 Docker에서 로컬로 실행
다음 두 가지 방법으로 Docker를 사용하여 게임 컬렉션을 로컬로 실행할 수 있습니다.

### 옵션 1: Docker Hub에서 가져오기
1. 이미지를 가져옵니다.
``배쉬
docker pull bozodev/ai-game-collection:latest
````

2. 컨테이너를 실행합니다.
``배쉬
docker run -d -p 38008:80 ai-game-collection:latest
````

옵션 2: 로컬로 빌드
1. 저장소를 복제합니다.
``배쉬
자식 클론 https://github.com/jeremehancock/AI-Game-Collection.git
CD AI 게임 컬렉션
````

2. Docker 이미지를 빌드합니다.
``배쉬
docker build -t ai-game-collection .
````

3. 컨테이너를 실행합니다.
``배쉬
docker run -d -p 38008:80 ai-game-collection
````

액세스 및 관리
두 옵션 중 하나로 실행한 후:
- 브라우저를 열고 `http://localhost:38008/games/`를 방문하여 게임에 액세스하세요.
- 실행 중인 컨테이너 보기: `docker ps`
- 컨테이너 중지: `docker stop `

🤖 AI 개발
이 프로젝트는 AI 지원 개발의 가능성을 보여줍니다. 모든 게임과 기본 인터페이스는 주로 AI 도구를 사용하여 구축되므로 최소한의 수동 코드 조정이 필요합니다.

📈 미래 개발
컬렉션은 쉽게 확장할 수 있도록 설계되어 일관된 디자인과 사용자 경험을 유지하면서 새로운 게임을 추가할 수 있습니다.

---
AI 지원으로 제작 - 게임 개발에서 AI의 잠재력 입증