Update config.py

config.py

@@ -177,6 +177,88 @@ DEMO_LIST = [
    },
    "title": "포토 에디터",
    "description": "Canvas를 사용하여 기본적인 이미지 편집 도구를 만드세요. 필터 적용, 자르기, 회전 기능을 구현하세요."
+ },
+
+
+ {
+   "card": {
+     "index": 28
+   },
+   "title": "3D 분자 뷰어",
+   "description": "Three.js로 3D 분자 구조를 시각화하세요. 회전, 줌, 원자 정보 표시 기능과 애니메이션 효과를 구현하세요."
+ },
+
+ {
+   "card": {
+     "index": 30
+   },
+   "title": "인터랙티브 마인드맵",
+   "description": "D3.js를 사용하여 동적 마인드맵을 만드세요. 노드 추가/삭제, 드래그 앤 드롭, 확장/축소 애니메이션을 구현하세요."
+ },
+ {
+   "card": {
+     "index": 31
+   },
+   "title": "3D 지형 생성기",
+   "description": "Three.js로 프로시저럴 지형을 생성하세요. 고도, 텍스처, 물 효과를 실시간으로 조정할 수 있게 만드세요."
+ },
+ {
+   "card": {
+     "index": 32
+   },
+   "title": "모션 캡처 애니메이터",
+   "description": "웹캠을 통해 사용자의 동작을 캡처하여 캐릭터에 실시간으로 적용하는 애니메이션 시스템을 만드세요."
+ },
+
+
+ {
+   "card": {
+     "index": 35
+   },
+   "title": "3D 텍스트 애니메이터",
+   "description": "Three.js로 3D 텍스트 애니메이션을 만드세요. 다양한 변환 효과와 물리 기반 입자 효과를 구현하세요."
+ },
+
+
+
+ {
+   "card": {
+     "index": 39
+   },
+   "title": "패턴 디자이너",
+   "description": "SVG로 반복 패턴을 디자인하는 도구를 만드세요. 대칭 옵션, 색상 스키마 관리, 실시간 프리뷰를 구현하세요."
+ },
+ {
+   "card": {
+     "index": 40
+   },
+   "title": "3D 아바타 커스터마이저",
+   "description": "Three.js로 3D 아바타 커스터마이징 시스템을 만드세요. 체형, 의상, 액세서리 변경 기능을 구현하세요."
+ },
+ {
+   "card": {
+     "index": 41
+   },
+   "title": "실시간 필터 카메라",
+   "description": "WebRTC와 Canvas를 사용하여 실시간 비디오 필터 앱을 만드세요. 다양한 이미지 처리 효과를 구현하세요."
+ },
+
+
+ {
+   "card": {
+     "index": 45
+   },
+   "title": "3D 파티클 시스템",
+   "description": "Three.js로 고급 파티클 시스템을 만드세요. GPU 가속 파티클, 커스텀 셰이더, 인터랙티브 컨트롤을 구현하세요."
+ },
+ {
+   "card": {
+     "index": 46
+   },
+   "title": "실시간 데이터 플로우",
+   "description": "D3.js로 실시간 데이터 흐름을 시각화하세요. 노드 기반 데이터 처리와 애니메이션 효과를 구현하세요."
  }
-    
 ]
+
+    
+