Branding overhaul based on Icon Composer
@@ -3,7 +3,6 @@
|
||||
This is the native Android app for Ascently, built with Kotlin and Jetpack Compose.
|
||||
|
||||
## Project Structure
|
||||
|
||||
This is a standard Android Gradle project. The main code lives in `app/src/main/java/com/atridad/ascently/`.
|
||||
|
||||
- `data/`: Handles all the app's data.
|
||||
|
||||
BIN
android/app/src/main/ic_launcher-playstore.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
@@ -1,11 +1,74 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:width="108dp"
|
||||
<vector
|
||||
android:height="108dp"
|
||||
android:width="108dp"
|
||||
android:viewportHeight="108"
|
||||
android:viewportWidth="108"
|
||||
android:viewportHeight="108">
|
||||
|
||||
<!-- Clean white background -->
|
||||
<path android:fillColor="#FFFFFF"
|
||||
android:pathData="M0,0h108v108h-108z"/>
|
||||
xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<path android:fillColor="#3DDC84"
|
||||
android:pathData="M0,0h108v108h-108z"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M9,0L9,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M19,0L19,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M29,0L29,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M39,0L39,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M49,0L49,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M59,0L59,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M69,0L69,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M79,0L79,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M89,0L89,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M99,0L99,108"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,9L108,9"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,19L108,19"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,29L108,29"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,39L108,39"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,49L108,49"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,59L108,59"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,69L108,69"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,79L108,79"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,89L108,89"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M0,99L108,99"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M19,29L89,29"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M19,39L89,39"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M19,49L89,49"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M19,59L89,59"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M19,69L89,69"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M19,79L89,79"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M29,19L29,89"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M39,19L39,89"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M49,19L49,89"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M59,19L59,89"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M69,19L69,89"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
<path android:fillColor="#00000000" android:pathData="M79,19L79,89"
|
||||
android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
|
||||
</vector>
|
||||
@@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<background android:drawable="@color/ic_launcher_background"/>
|
||||
<foreground android:drawable="@mipmap/ic_launcher_foreground"/>
|
||||
</adaptive-icon>
|
||||
@@ -0,0 +1,5 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<background android:drawable="@color/ic_launcher_background"/>
|
||||
<foreground android:drawable="@mipmap/ic_launcher_foreground"/>
|
||||
</adaptive-icon>
|
||||
@@ -1,6 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<background android:drawable="@drawable/ic_launcher_background" />
|
||||
<foreground android:drawable="@drawable/ic_launcher_foreground" />
|
||||
<monochrome android:drawable="@drawable/ic_launcher_foreground" />
|
||||
</adaptive-icon>
|
||||
@@ -1,6 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
|
||||
<background android:drawable="@drawable/ic_launcher_background" />
|
||||
<foreground android:drawable="@drawable/ic_launcher_foreground" />
|
||||
<monochrome android:drawable="@drawable/ic_launcher_foreground" />
|
||||
</adaptive-icon>
|
||||
|
Before Width: | Height: | Size: 550 B After Width: | Height: | Size: 1.2 KiB |
BIN
android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.webp
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 730 B After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 388 B After Width: | Height: | Size: 868 B |
BIN
android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.webp
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 514 B After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 628 B After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 854 B After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 970 B After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 7.3 KiB |
@@ -0,0 +1,4 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<resources>
|
||||
<color name="ic_launcher_background">#000000</color>
|
||||
</resources>
|
||||
3
branding/.gitignore
vendored
@@ -1,3 +0,0 @@
|
||||
*.tmp
|
||||
.DS_Store
|
||||
*.log
|
||||
BIN
branding/Android/Icon-Android-Default-1024x1024@1x.png
Normal file
|
After Width: | Height: | Size: 933 KiB |
BIN
branding/Balls.icon/Assets/AscentlyBlueBall.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
branding/Balls.icon/Assets/AscentlyGreenBall.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
branding/Balls.icon/Assets/AscentlyRedBall.png
Normal file
|
After Width: | Height: | Size: 76 KiB |
BIN
branding/Balls.icon/Assets/AscentlyYellowBall.png
Normal file
|
After Width: | Height: | Size: 74 KiB |
67
branding/Balls.icon/icon.json
Normal file
@@ -0,0 +1,67 @@
|
||||
{
|
||||
"fill" : "automatic",
|
||||
"groups" : [
|
||||
{
|
||||
"layers" : [
|
||||
{
|
||||
"image-name" : "AscentlyRedBall.png",
|
||||
"name" : "AscentlyRedBall",
|
||||
"position" : {
|
||||
"scale" : 0.4,
|
||||
"translation-in-points" : [
|
||||
90.60312499999992,
|
||||
127.86484375000009
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"image-name" : "AscentlyYellowBall.png",
|
||||
"name" : "AscentlyYellowBall",
|
||||
"position" : {
|
||||
"scale" : 0.3,
|
||||
"translation-in-points" : [
|
||||
90.50312500000001,
|
||||
-177.66484375
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"image-name" : "AscentlyBlueBall.png",
|
||||
"name" : "AscentlyBlueBall",
|
||||
"position" : {
|
||||
"scale" : 0.3,
|
||||
"translation-in-points" : [
|
||||
-138.20312500000006,
|
||||
177.3648437500001
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"image-name" : "AscentlyGreenBall.png",
|
||||
"name" : "AscentlyGreenBall",
|
||||
"position" : {
|
||||
"scale" : 0.2,
|
||||
"translation-in-points" : [
|
||||
-138.30312499999997,
|
||||
-43.08515625000001
|
||||
]
|
||||
}
|
||||
}
|
||||
],
|
||||
"shadow" : {
|
||||
"kind" : "neutral",
|
||||
"opacity" : 0.5
|
||||
},
|
||||
"translucency" : {
|
||||
"enabled" : true,
|
||||
"value" : 0.5
|
||||
}
|
||||
}
|
||||
],
|
||||
"supported-platforms" : {
|
||||
"circles" : [
|
||||
"watchOS"
|
||||
],
|
||||
"squares" : "shared"
|
||||
}
|
||||
}
|
||||
BIN
branding/Icon.icon/Assets/AscetlyTriangle1.png
Normal file
|
After Width: | Height: | Size: 64 KiB |
BIN
branding/Icon.icon/Assets/AscetlyTriangle2.png
Normal file
|
After Width: | Height: | Size: 66 KiB |
45
branding/Icon.icon/icon.json
Normal file
@@ -0,0 +1,45 @@
|
||||
{
|
||||
"fill" : "automatic",
|
||||
"groups" : [
|
||||
{
|
||||
"layers" : [
|
||||
{
|
||||
"image-name" : "AscetlyTriangle2.png",
|
||||
"name" : "AscetlyTriangle2",
|
||||
"position" : {
|
||||
"scale" : 0.75,
|
||||
"translation-in-points" : [
|
||||
108,
|
||||
-53.8125
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"image-name" : "AscetlyTriangle1.png",
|
||||
"name" : "AscetlyTriangle1",
|
||||
"position" : {
|
||||
"scale" : 0.5,
|
||||
"translation-in-points" : [
|
||||
-215,
|
||||
39.9375
|
||||
]
|
||||
}
|
||||
}
|
||||
],
|
||||
"shadow" : {
|
||||
"kind" : "neutral",
|
||||
"opacity" : 0.5
|
||||
},
|
||||
"translucency" : {
|
||||
"enabled" : true,
|
||||
"value" : 0.5
|
||||
}
|
||||
}
|
||||
],
|
||||
"supported-platforms" : {
|
||||
"circles" : [
|
||||
"watchOS"
|
||||
],
|
||||
"squares" : "shared"
|
||||
}
|
||||
}
|
||||
BIN
branding/Photomator Files/AscentlyBlueBall.pxd
Normal file
BIN
branding/Photomator Files/AscentlyGreenBall.pxd
Normal file
BIN
branding/Photomator Files/AscentlyRedBall.pxd
Normal file
BIN
branding/Photomator Files/AscentlyYellowBall.pxd
Normal file
BIN
branding/Photomator Files/Ascently_Phone_1.pxd
Normal file
BIN
branding/Photomator Files/Ascently_Phone_2.pxd
Normal file
BIN
branding/Photomator Files/Ascently_Phone_3.pxd
Normal file
BIN
branding/Photomator Files/AscetlyTriangle1.pxd
Normal file
BIN
branding/Photomator Files/AscetlyTriangle2.pxd
Normal file
BIN
branding/Photomator Files/PeaksAndroid.pxd
Normal file
@@ -1,394 +0,0 @@
|
||||
#!/usr/bin/env python3
|
||||
|
||||
import xml.etree.ElementTree as ET
|
||||
from pathlib import Path
|
||||
from typing import Callable, TypedDict
|
||||
from PIL import Image, ImageDraw
|
||||
|
||||
|
||||
class Polygon(TypedDict):
|
||||
coords: list[tuple[float, float]]
|
||||
fill: str
|
||||
|
||||
|
||||
SCRIPT_DIR = Path(__file__).parent
|
||||
PROJECT_ROOT = SCRIPT_DIR.parent
|
||||
SOURCE_DIR = SCRIPT_DIR / "source"
|
||||
LOGOS_DIR = SCRIPT_DIR / "logos"
|
||||
|
||||
|
||||
def parse_svg_polygons(svg_path: Path) -> list[Polygon]:
|
||||
tree = ET.parse(svg_path)
|
||||
root = tree.getroot()
|
||||
|
||||
ns = {"svg": "http://www.w3.org/2000/svg"}
|
||||
polygons = root.findall(".//svg:polygon", ns)
|
||||
if not polygons:
|
||||
polygons = root.findall(".//polygon")
|
||||
|
||||
result: list[Polygon] = []
|
||||
for poly in polygons:
|
||||
points_str = poly.get("points", "").strip()
|
||||
fill = poly.get("fill", "#000000")
|
||||
|
||||
coords: list[tuple[float, float]] = []
|
||||
for pair in points_str.split():
|
||||
x, y = pair.split(",")
|
||||
coords.append((float(x), float(y)))
|
||||
|
||||
result.append({"coords": coords, "fill": fill})
|
||||
|
||||
return result
|
||||
|
||||
|
||||
def get_bbox(polygons: list[Polygon]) -> dict[str, float]:
|
||||
all_coords: list[tuple[float, float]] = []
|
||||
for poly in polygons:
|
||||
all_coords.extend(poly["coords"])
|
||||
|
||||
xs = [c[0] for c in all_coords]
|
||||
ys = [c[1] for c in all_coords]
|
||||
|
||||
return {
|
||||
"min_x": min(xs),
|
||||
"max_x": max(xs),
|
||||
"min_y": min(ys),
|
||||
"max_y": max(ys),
|
||||
"width": max(xs) - min(xs),
|
||||
"height": max(ys) - min(ys),
|
||||
}
|
||||
|
||||
|
||||
def scale_and_center(
|
||||
polygons: list[Polygon], viewbox_size: float, target_width: float
|
||||
) -> list[Polygon]:
|
||||
bbox = get_bbox(polygons)
|
||||
|
||||
scale = target_width / bbox["width"]
|
||||
center = viewbox_size / 2
|
||||
|
||||
scaled_polys: list[Polygon] = []
|
||||
for poly in polygons:
|
||||
scaled_coords = [(x * scale, y * scale) for x, y in poly["coords"]]
|
||||
scaled_polys.append({"coords": scaled_coords, "fill": poly["fill"]})
|
||||
|
||||
scaled_bbox = get_bbox(scaled_polys)
|
||||
current_center_x = (scaled_bbox["min_x"] + scaled_bbox["max_x"]) / 2
|
||||
current_center_y = (scaled_bbox["min_y"] + scaled_bbox["max_y"]) / 2
|
||||
|
||||
offset_x = center - current_center_x
|
||||
offset_y = center - current_center_y
|
||||
|
||||
final_polys: list[Polygon] = []
|
||||
for poly in scaled_polys:
|
||||
final_coords = [(x + offset_x, y + offset_y) for x, y in poly["coords"]]
|
||||
final_polys.append({"coords": final_coords, "fill": poly["fill"]})
|
||||
|
||||
return final_polys
|
||||
|
||||
|
||||
def format_svg_points(coords: list[tuple[float, float]]) -> str:
|
||||
return " ".join(f"{x:.3f},{y:.3f}" for x, y in coords)
|
||||
|
||||
|
||||
def format_android_path(coords: list[tuple[float, float]]) -> str:
|
||||
points = " ".join(f"{x:.3f},{y:.3f}" for x, y in coords)
|
||||
pairs = points.split()
|
||||
return f"M{pairs[0]} L{pairs[1]} L{pairs[2]} Z"
|
||||
|
||||
|
||||
def generate_svg(polygons: list[Polygon], width: int, height: int) -> str:
|
||||
lines = [
|
||||
f'<svg width="{width}" height="{height}" viewBox="0 0 {width} {height}" xmlns="http://www.w3.org/2000/svg">'
|
||||
]
|
||||
for poly in polygons:
|
||||
points = format_svg_points(poly["coords"])
|
||||
lines.append(f' <polygon points="{points}" fill="{poly["fill"]}"/>')
|
||||
lines.append("</svg>")
|
||||
return "\n".join(lines)
|
||||
|
||||
|
||||
def generate_android_vector(
|
||||
polygons: list[Polygon], width: int, height: int, viewbox: int
|
||||
) -> str:
|
||||
lines = [
|
||||
'<?xml version="1.0" encoding="utf-8"?>',
|
||||
'<vector xmlns:android="http://schemas.android.com/apk/res/android"',
|
||||
f' android:width="{width}dp"',
|
||||
f' android:height="{height}dp"',
|
||||
f' android:viewportWidth="{viewbox}"',
|
||||
f' android:viewportHeight="{viewbox}">',
|
||||
]
|
||||
for poly in polygons:
|
||||
path = format_android_path(poly["coords"])
|
||||
lines.append(
|
||||
f' <path android:fillColor="{poly["fill"]}" android:pathData="{path}" />'
|
||||
)
|
||||
lines.append("</vector>")
|
||||
return "\n".join(lines)
|
||||
|
||||
|
||||
def rasterize_svg(
|
||||
svg_path: Path,
|
||||
output_path: Path,
|
||||
size: int,
|
||||
bg_color: tuple[int, int, int, int] | None = None,
|
||||
circular: bool = False,
|
||||
) -> None:
|
||||
from xml.dom import minidom
|
||||
|
||||
doc = minidom.parse(str(svg_path))
|
||||
|
||||
img = Image.new(
|
||||
"RGBA", (size, size), (255, 255, 255, 0) if bg_color is None else bg_color
|
||||
)
|
||||
draw = ImageDraw.Draw(img)
|
||||
|
||||
svg_elem = doc.getElementsByTagName("svg")[0]
|
||||
viewbox = svg_elem.getAttribute("viewBox").split()
|
||||
if viewbox:
|
||||
vb_width = float(viewbox[2])
|
||||
vb_height = float(viewbox[3])
|
||||
scale_x = size / vb_width
|
||||
scale_y = size / vb_height
|
||||
else:
|
||||
scale_x = scale_y = 1
|
||||
|
||||
def parse_transform(
|
||||
transform_str: str,
|
||||
) -> Callable[[float, float], tuple[float, float]]:
|
||||
import re
|
||||
|
||||
if not transform_str:
|
||||
return lambda x, y: (x, y)
|
||||
|
||||
transforms: list[tuple[str, list[float]]] = []
|
||||
for match in re.finditer(r"(\w+)\(([^)]+)\)", transform_str):
|
||||
func, args_str = match.groups()
|
||||
args = [float(x) for x in args_str.replace(",", " ").split()]
|
||||
transforms.append((func, args))
|
||||
|
||||
def apply_transforms(x: float, y: float) -> tuple[float, float]:
|
||||
for func, args in transforms:
|
||||
if func == "translate":
|
||||
x += args[0]
|
||||
y += args[1] if len(args) > 1 else args[0]
|
||||
elif func == "scale":
|
||||
x *= args[0]
|
||||
y *= args[1] if len(args) > 1 else args[0]
|
||||
return x, y
|
||||
|
||||
return apply_transforms
|
||||
|
||||
for g in doc.getElementsByTagName("g"):
|
||||
transform = parse_transform(g.getAttribute("transform"))
|
||||
|
||||
for poly in g.getElementsByTagName("polygon"):
|
||||
points_str = poly.getAttribute("points").strip()
|
||||
fill = poly.getAttribute("fill")
|
||||
if not fill:
|
||||
fill = "#000000"
|
||||
|
||||
coords: list[tuple[float, float]] = []
|
||||
for pair in points_str.split():
|
||||
x, y = pair.split(",")
|
||||
x, y = float(x), float(y)
|
||||
x, y = transform(x, y)
|
||||
coords.append((x * scale_x, y * scale_y))
|
||||
|
||||
draw.polygon(coords, fill=fill)
|
||||
|
||||
for poly in doc.getElementsByTagName("polygon"):
|
||||
if poly.parentNode and getattr(poly.parentNode, "tagName", None) == "g":
|
||||
continue
|
||||
|
||||
points_str = poly.getAttribute("points").strip()
|
||||
fill = poly.getAttribute("fill")
|
||||
if not fill:
|
||||
fill = "#000000"
|
||||
|
||||
coords = []
|
||||
for pair in points_str.split():
|
||||
x, y = pair.split(",")
|
||||
coords.append((float(x) * scale_x, float(y) * scale_y))
|
||||
|
||||
draw.polygon(coords, fill=fill)
|
||||
|
||||
if circular:
|
||||
mask = Image.new("L", (size, size), 0)
|
||||
mask_draw = ImageDraw.Draw(mask)
|
||||
mask_draw.ellipse((0, 0, size, size), fill=255)
|
||||
img.putalpha(mask)
|
||||
|
||||
img.save(output_path)
|
||||
|
||||
|
||||
def main() -> None:
|
||||
print("Generating branding assets...")
|
||||
|
||||
logo_svg = SOURCE_DIR / "logo.svg"
|
||||
icon_light = SOURCE_DIR / "icon-light.svg"
|
||||
icon_dark = SOURCE_DIR / "icon-dark.svg"
|
||||
icon_tinted = SOURCE_DIR / "icon-tinted.svg"
|
||||
|
||||
polygons = parse_svg_polygons(logo_svg)
|
||||
|
||||
print(" iOS...")
|
||||
ios_assets = PROJECT_ROOT / "ios/Ascently/Assets.xcassets/AppIcon.appiconset"
|
||||
|
||||
for src, dst in [
|
||||
(icon_light, ios_assets / "app_icon_light_template.svg"),
|
||||
(icon_dark, ios_assets / "app_icon_dark_template.svg"),
|
||||
(icon_tinted, ios_assets / "app_icon_tinted_template.svg"),
|
||||
]:
|
||||
with open(src) as f:
|
||||
content = f.read()
|
||||
with open(dst, "w") as f:
|
||||
f.write(content)
|
||||
|
||||
img_light = Image.new("RGB", (1024, 1024), (255, 255, 255))
|
||||
draw_light = ImageDraw.Draw(img_light)
|
||||
scaled = scale_and_center(polygons, 1024, int(1024 * 0.7))
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw_light.polygon(coords, fill=poly["fill"])
|
||||
img_light.save(ios_assets / "app_icon_1024.png")
|
||||
|
||||
img_dark = Image.new("RGB", (1024, 1024), (26, 26, 26))
|
||||
draw_dark = ImageDraw.Draw(img_dark)
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw_dark.polygon(coords, fill=poly["fill"])
|
||||
img_dark.save(ios_assets / "app_icon_1024_dark.png")
|
||||
|
||||
img_tinted = Image.new("RGB", (1024, 1024), (0, 0, 0))
|
||||
draw_tinted = ImageDraw.Draw(img_tinted)
|
||||
for i, poly in enumerate(scaled):
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw_tinted.polygon(coords, fill=(0, 0, 0))
|
||||
img_tinted.save(ios_assets / "app_icon_1024_tinted.png")
|
||||
|
||||
print(" Android...")
|
||||
|
||||
polys_108 = scale_and_center(polygons, 108, 60)
|
||||
android_xml = generate_android_vector(polys_108, 108, 108, 108)
|
||||
(
|
||||
PROJECT_ROOT / "android/app/src/main/res/drawable/ic_launcher_foreground.xml"
|
||||
).write_text(android_xml)
|
||||
|
||||
polys_24 = scale_and_center(polygons, 24, 20)
|
||||
mountains_xml = generate_android_vector(polys_24, 24, 24, 24)
|
||||
(PROJECT_ROOT / "android/app/src/main/res/drawable/ic_mountains.xml").write_text(
|
||||
mountains_xml
|
||||
)
|
||||
|
||||
for density, size in [
|
||||
("mdpi", 48),
|
||||
("hdpi", 72),
|
||||
("xhdpi", 96),
|
||||
("xxhdpi", 144),
|
||||
("xxxhdpi", 192),
|
||||
]:
|
||||
mipmap_dir = PROJECT_ROOT / f"android/app/src/main/res/mipmap-{density}"
|
||||
|
||||
img = Image.new("RGBA", (size, size), (255, 255, 255, 255))
|
||||
draw = ImageDraw.Draw(img)
|
||||
|
||||
scaled = scale_and_center(polygons, size, int(size * 0.6))
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw.polygon(coords, fill=poly["fill"])
|
||||
|
||||
img.save(mipmap_dir / "ic_launcher.webp")
|
||||
|
||||
img_round = Image.new("RGBA", (size, size), (255, 255, 255, 255))
|
||||
draw_round = ImageDraw.Draw(img_round)
|
||||
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw_round.polygon(coords, fill=poly["fill"])
|
||||
|
||||
mask = Image.new("L", (size, size), 0)
|
||||
mask_draw = ImageDraw.Draw(mask)
|
||||
mask_draw.ellipse((0, 0, size, size), fill=255)
|
||||
img_round.putalpha(mask)
|
||||
|
||||
img_round.save(mipmap_dir / "ic_launcher_round.webp")
|
||||
|
||||
print(" Docs...")
|
||||
|
||||
polys_32 = scale_and_center(polygons, 32, 26)
|
||||
logo_svg_32 = generate_svg(polys_32, 32, 32)
|
||||
(PROJECT_ROOT / "docs/src/assets/logo.svg").write_text(logo_svg_32)
|
||||
(PROJECT_ROOT / "docs/src/assets/logo-dark.svg").write_text(logo_svg_32)
|
||||
|
||||
polys_256 = scale_and_center(polygons, 256, 208)
|
||||
logo_svg_256 = generate_svg(polys_256, 256, 256)
|
||||
(PROJECT_ROOT / "docs/src/assets/logo-highres.svg").write_text(logo_svg_256)
|
||||
|
||||
logo_32_path = PROJECT_ROOT / "docs/src/assets/logo.svg"
|
||||
rasterize_svg(logo_32_path, PROJECT_ROOT / "docs/public/favicon.png", 32)
|
||||
|
||||
sizes = [16, 32, 48]
|
||||
imgs = []
|
||||
for size in sizes:
|
||||
img = Image.new("RGBA", (size, size), (255, 255, 255, 0))
|
||||
draw = ImageDraw.Draw(img)
|
||||
|
||||
scaled = scale_and_center(polygons, size, int(size * 0.8))
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw.polygon(coords, fill=poly["fill"])
|
||||
|
||||
imgs.append(img)
|
||||
|
||||
imgs[0].save(
|
||||
PROJECT_ROOT / "docs/public/favicon.ico",
|
||||
format="ICO",
|
||||
sizes=[(s, s) for s in sizes],
|
||||
append_images=imgs[1:],
|
||||
)
|
||||
|
||||
print(" Logos...")
|
||||
|
||||
LOGOS_DIR.mkdir(exist_ok=True)
|
||||
|
||||
sizes = [64, 128, 256, 512, 1024, 2048]
|
||||
for size in sizes:
|
||||
img = Image.new("RGBA", (size, size), (255, 255, 255, 0))
|
||||
draw = ImageDraw.Draw(img)
|
||||
|
||||
scaled = scale_and_center(polygons, size, int(size * 0.8))
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw.polygon(coords, fill=poly["fill"])
|
||||
|
||||
img.save(LOGOS_DIR / f"logo-{size}.png")
|
||||
|
||||
for size in sizes:
|
||||
img = Image.new("RGBA", (size, size), (255, 255, 255, 255))
|
||||
draw = ImageDraw.Draw(img)
|
||||
|
||||
scaled = scale_and_center(polygons, size, int(size * 0.8))
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw.polygon(coords, fill=poly["fill"])
|
||||
|
||||
img.save(LOGOS_DIR / f"logo-{size}-white.png")
|
||||
|
||||
for size in sizes:
|
||||
img = Image.new("RGBA", (size, size), (26, 26, 26, 255))
|
||||
draw = ImageDraw.Draw(img)
|
||||
|
||||
scaled = scale_and_center(polygons, size, int(size * 0.8))
|
||||
for poly in scaled:
|
||||
coords = [(x, y) for x, y in poly["coords"]]
|
||||
draw.polygon(coords, fill=poly["fill"])
|
||||
|
||||
img.save(LOGOS_DIR / f"logo-{size}-dark.png")
|
||||
|
||||
print("Done.")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -1,12 +0,0 @@
|
||||
#!/usr/bin/env bash
|
||||
|
||||
set -e
|
||||
|
||||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
|
||||
if ! command -v python3 &> /dev/null; then
|
||||
echo "Error: Python 3 required"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
python3 "$SCRIPT_DIR/generate.py"
|
||||
BIN
branding/iOS/Icon-iOS-ClearDark-1024x1024@1x.png
Normal file
|
After Width: | Height: | Size: 565 KiB |
BIN
branding/iOS/Icon-iOS-ClearLight-1024x1024@1x.png
Normal file
|
After Width: | Height: | Size: 533 KiB |
BIN
branding/iOS/Icon-iOS-Dark-1024x1024@1x.png
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
BIN
branding/iOS/Icon-iOS-Default-1024x1024@1x.png
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
branding/iOS/Icon-iOS-TintedDark-1024x1024@1x.png
Normal file
|
After Width: | Height: | Size: 551 KiB |
BIN
branding/iOS/Icon-iOS-TintedLight-1024x1024@1x.png
Normal file
|
After Width: | Height: | Size: 573 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
|
Before Width: | Height: | Size: 804 B |
|
Before Width: | Height: | Size: 798 B |
|
Before Width: | Height: | Size: 795 B |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 411 B |
|
Before Width: | Height: | Size: 413 B |
|
Before Width: | Height: | Size: 413 B |
@@ -1,8 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="1024" height="1024" fill="#1A1A1A" rx="180" ry="180"/>
|
||||
<g transform="translate(512, 512) scale(4.75) translate(-54, -42.5)">
|
||||
<polygon points="8,75 35,14.25 62,75" fill="#FFC107"/>
|
||||
<polygon points="31.25,75 65,0.75 98.75,75" fill="#F44336"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 411 B |
@@ -1,8 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="1024" height="1024" fill="#FFFFFF" rx="180" ry="180"/>
|
||||
<g transform="translate(512, 512) scale(4.75) translate(-54, -42.5)">
|
||||
<polygon points="8,75 35,14.25 62,75" fill="#FFC107"/>
|
||||
<polygon points="31.25,75 65,0.75 98.75,75" fill="#F44336"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 411 B |
@@ -1,8 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="1024" height="1024" fill="transparent" rx="180" ry="180"/>
|
||||
<g transform="translate(512, 512) scale(4.75) translate(-54, -42.5)">
|
||||
<polygon points="8,75 35,14.25 62,75" fill="#000000" opacity="0.8"/>
|
||||
<polygon points="31.25,75 65,0.75 98.75,75" fill="#000000" opacity="0.9"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 443 B |
@@ -1,5 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="108" height="108" viewBox="0 0 108 108" xmlns="http://www.w3.org/2000/svg">
|
||||
<polygon points="8,75 35,14.25 62,75" fill="#FFC107"/>
|
||||
<polygon points="31.25,75 65,0.75 98.75,75" fill="#F44336"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 254 B |