pankaj/skribbl-gartic-color
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Next.js + Socket.IO 3-mode game (Skribbl, Gartic, Color)

Browse Source
This commit is contained in:
PM
2026-05-01 20:12:36 +00:00
parent b02976c10b
commit 2a40097fad
47 changed files with 7907 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/templates/butterfly.svg
+8
View File
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="body"><ellipse cx="200" cy="150" rx="14" ry="60" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="wing1"><ellipse cx="135" cy="120" rx="60" ry="50" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="wing2"><ellipse cx="265" cy="120" rx="60" ry="50" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="wing3"><ellipse cx="135" cy="190" rx="50" ry="40" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="wing4"><ellipse cx="265" cy="190" rx="50" ry="40" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 758 B

public/templates/cat.svg
+7
View File
@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="body"><ellipse cx="200" cy="220" rx="110" ry="60" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="head"><circle cx="200" cy="140" r="80" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="ear1"><polygon points="135,90 125,40 175,80" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="ear2"><polygon points="265,90 275,40 225,80" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 615 B

public/templates/fish.svg
+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="body"><ellipse cx="180" cy="150" rx="110" ry="60" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="tail"><polygon points="280,150 350,100 350,200" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 388 B

public/templates/flower.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="stem"><rect x="195" y="180" width="10" height="100" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="3"/></g>
<g data-region="pet0"><ellipse cx="200" cy="90" rx="34" ry="24" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="pet1"><ellipse cx="247" cy="125" rx="34" ry="24" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="pet2"><ellipse cx="230" cy="170" rx="34" ry="24" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="pet3"><ellipse cx="170" cy="170" rx="34" ry="24" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="pet4"><ellipse cx="153" cy="125" rx="34" ry="24" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="center"><circle cx="200" cy="140" r="22" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 992 B

public/templates/house.svg
+8
View File
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="walls"><rect x="120" y="140" width="160" height="120" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="roof"><polygon points="100,140 200,60 300,140" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="door"><rect x="180" y="200" width="40" height="60" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="win1"><rect x="135" y="160" width="30" height="30" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="win2"><rect x="235" y="160" width="30" height="30" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 763 B

public/templates/mandala.svg
+6
View File
@@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="c1"><circle cx="200" cy="150" r="120" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="3"/></g>
<g data-region="c2"><circle cx="200" cy="150" r="80" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="3"/></g>
<g data-region="c3"><circle cx="200" cy="150" r="40" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="3"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 475 B

public/templates/sun.svg
+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="sun"><circle cx="200" cy="150" r="60" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 255 B

public/templates/tree.svg
+7
View File
@@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<g data-region="bg"><rect width="400" height="300" fill="#FFFFFF"/></g>
<g data-region="trunk"><rect x="180" y="180" width="40" height="100" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="leaves"><circle cx="200" cy="140" r="80" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="leaves2"><circle cx="160" cy="100" r="40" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
<g data-region="leaves3"><circle cx="240" cy="100" r="40" fill="#FFF8E7" stroke="#2D2D2D" stroke-width="4"/></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 614 B