Update config.py
Browse files
config.py
CHANGED
@@ -67,5 +67,40 @@ DEMO_LIST = [
|
|
67 |
},
|
68 |
"title": "Canvas Animation Gallery",
|
69 |
"description": "Design a gallery of HTML5 Canvas animations including particle effects, geometric patterns, and interactive drawings. Add controls to pause/play and modify animation parameters.",
|
70 |
-
}
|
71 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
67 |
},
|
68 |
"title": "Canvas Animation Gallery",
|
69 |
"description": "Design a gallery of HTML5 Canvas animations including particle effects, geometric patterns, and interactive drawings. Add controls to pause/play and modify animation parameters.",
|
70 |
+
},
|
71 |
+
{
|
72 |
+
"card": {
|
73 |
+
"index": 5,
|
74 |
+
},
|
75 |
+
"title": "3D Card Hover Effect",
|
76 |
+
"description": "Create a grid of cards that respond to mouse movement with a 3D rotation effect. Add subtle shadows and perspective transforms for depth. Include smooth transitions and glowing highlights."
|
77 |
+
},
|
78 |
+
{
|
79 |
+
"card": {
|
80 |
+
"index": 6,
|
81 |
+
},
|
82 |
+
"title": "Music Visualizer",
|
83 |
+
"description": "Build an audio visualizer using Web Audio API and Canvas. Show dynamic bars that react to music frequency data with smooth animations. Include play/pause controls and color theme options."
|
84 |
+
},
|
85 |
+
{
|
86 |
+
"card": {
|
87 |
+
"index": 7,
|
88 |
+
},
|
89 |
+
"title": "Infinite Parallax Scroller",
|
90 |
+
"description": "Design a parallax scrolling effect with multiple layers moving at different speeds. Add floating elements and smooth transitions. Make it loop infinitely as user scrolls."
|
91 |
+
},
|
92 |
+
{
|
93 |
+
"card": {
|
94 |
+
"index": 8,
|
95 |
+
},
|
96 |
+
"title": "Interactive Timeline",
|
97 |
+
"description": "Create a vertical timeline with animated entry points. When clicking on timeline items, show detailed information with smooth transitions. Include filtering options and scroll animations."
|
98 |
+
},
|
99 |
+
{
|
100 |
+
"card": {
|
101 |
+
"index": 9,
|
102 |
+
},
|
103 |
+
"title": "Drag & Drop Puzzle",
|
104 |
+
"description": "Implement a drag and drop puzzle game using vanilla JavaScript. Include piece snapping, rotation, and completion detection. Add smooth animations for piece movement and success feedback."
|
105 |
+
}
|
106 |
+
]
|