Carcassonne: Make shrines more clickable

This commit is contained in:
s3lph 2021-11-06 04:11:30 +01:00
parent a1e6661249
commit 709ee94ad6
7 changed files with 12 additions and 11 deletions

View file

@ -77,10 +77,13 @@
pointer-events: none; pointer-events: none;
} }
svg .shrine-clickable {
fill: green;
}
svg .shrine { svg .shrine {
fill: #713c32; fill: #713c32;
pointer-events: none;
} }
svg .shrine-overlay { svg .shrine-overlay {
fill: #713c32; fill: #713c32;
pointer-events: none; pointer-events: none;

View file

@ -2,6 +2,5 @@
<g transform="rotate({{ rotation }} 50 50)"> <g transform="rotate({{ rotation }} 50 50)">
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" /> <path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" />
</g> </g>
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" /> {% include "carcassonne/shrine.svg" %}
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
</g> </g>

View file

@ -3,6 +3,5 @@
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" /> <path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" />
<path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" /> <path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
</g> </g>
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" /> {% include "carcassonne/shrine.svg" %}
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
</g> </g>

View file

@ -6,6 +6,5 @@
<path class="road{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 45 0 V 30 H 55 V 0 Z" /> <path class="road{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 45 0 V 30 H 55 V 0 Z" />
<path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" /> <path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
</g> </g>
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" /> {% include "carcassonne/shrine.svg" %}
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
</g> </g>

View file

@ -3,6 +3,5 @@
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 100 H 100 V 0 C 70 30, 30 30, 0 0 Z" /> <path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 100 H 100 V 0 C 70 30, 30 30, 0 0 Z" />
<path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" /> <path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" />
</g> </g>
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" /> {% include "carcassonne/shrine.svg" %}
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
</g> </g>

View file

@ -4,6 +4,5 @@
<path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" /> <path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" />
<path class="road{% if resources[4].uuid() in claimable %} claimable{% endif %}" id="resource-4" data-uuid="{{ resources[4].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" /> <path class="road{% if resources[4].uuid() in claimable %} claimable{% endif %}" id="resource-4" data-uuid="{{ resources[4].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
</g> </g>
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" /> {% include "carcassonne/shrine.svg" %}
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
</g> </g>

View file

@ -0,0 +1,3 @@
<path class="shrine-clickable{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z" />
<path class="shrine" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />