Gearslip: phone-side Android Auto client

2026-11-10 16:02:25 +01:00 · 2026-09-20 02:09:47 -07:00
commit 5b7b9499ca
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="432" height="432" viewBox="0 0 108 108">
+  <defs>
+    <linearGradient id="trail" x1="73.4" y1="46.0" x2="95.8" y2="44.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#8C1F1F" stop-opacity="0"/>
+      <stop offset="100%" stop-color="#8C1F1F" stop-opacity="0.7"/>
+    </linearGradient>
+  </defs>
+  <rect width="108" height="108" fill="#0c0c0d"/>
+  <circle cx="54" cy="54" r="52" fill="#131415"/>
+  <path d="M 73.23,47.15 L 94.77,51.90 L 96.89,37.05 L 73.57,44.78 Z" fill="url(#trail)"/>
+  <path d="M 54.00,27.00 L 59.99,19.91 Q 61.02,18.69 62.50,19.30 L 72.52,23.45 Q 74.00,24.07 73.87,25.66 L 73.23,33.31 Q 73.09,34.91 73.70,36.39 L 80.39,52.52 Q 81.00,54.00 82.22,55.03 L 88.09,59.99 Q 89.31,61.02 88.70,62.50 L 84.55,72.52 Q 83.93,74.00 82.34,73.87 L 73.09,73.09 Q 73.09,73.09 73.09,73.09 L 73.09,73.09 Q 73.09,73.09 73.09,73.09 L 73.87,82.34 Q 74.00,83.93 72.52,84.55 L 62.50,88.70 Q 61.02,89.31 59.99,88.09 L 54.00,81.00 Q 54.00,81.00 54.00,81.00 L 54.00,81.00 Q 54.00,81.00 54.00,81.00 L 48.01,88.09 Q 46.98,89.31 45.50,88.70 L 35.48,84.55 Q 34.00,83.93 34.13,82.34 L 34.91,73.09 Q 34.91,73.09 34.91,73.09 L 34.91,73.09 Q 34.91,73.09 34.91,73.09 L 25.66,73.87 Q 24.07,74.00 23.45,72.52 L 19.30,62.50 Q 18.69,61.02 19.91,59.99 L 27.00,54.00 Q 27.00,54.00 27.00,54.00 L 27.00,54.00 Q 27.00,54.00 27.00,54.00 L 19.91,48.01 Q 18.69,46.98 19.30,45.50 L 23.45,35.48 Q 24.07,34.00 25.66,34.13 L 34.91,34.91 Q 34.91,34.91 34.91,34.91 L 34.91,34.91 Q 34.91,34.91 34.91,34.91 L 34.13,25.66 Q 34.00,24.07 35.48,23.45 L 45.50,19.30 Q 46.98,18.69 48.01,19.91 L 54.00,27.00 Q 54.00,27.00 54.00,27.00 L 54.00,27.00 Q 54.00,27.00 54.00,27.00 Z" fill="#8B9096"/>
+  <path d="M 92.78,34.42 L 99.94,37.20 Q 101.43,37.78 101.34,39.37 L 100.67,50.20 Q 100.58,51.80 99.03,52.19 L 91.58,54.08 Q 90.03,54.47 90.13,52.87 L 91.19,35.44 Q 91.29,33.84 92.78,34.42 Z" fill="#8C1F1F"/>
+  <circle cx="54" cy="54" r="12" fill="#0c0c0d"/>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="432" height="432" viewBox="0 0 108 108">
+  <defs>
+    <linearGradient id="trail" x1="73.4" y1="46.0" x2="95.8" y2="44.5" gradientUnits="userSpaceOnUse">
+      <stop offset="0%" stop-color="#8C1F1F" stop-opacity="0"/>
+      <stop offset="100%" stop-color="#8C1F1F" stop-opacity="0.7"/>
+    </linearGradient>
+  </defs>
+  <rect width="108" height="108" fill="#0c0c0d"/>
+  <circle cx="54" cy="54" r="52" fill="#131415"/>
+  <path d="M 73.23,47.15 L 94.77,51.90 L 96.89,37.05 L 73.57,44.78 Z" fill="url(#trail)"/>
+  <path d="M 54.00,27.00 L 61.02,18.69 L 74.00,24.07 L 73.09,34.91 L 81.00,54.00 L 89.31,61.02 L 83.93,74.00 L 73.09,73.09 L 73.09,73.09 L 74.00,83.93 L 61.02,89.31 L 54.00,81.00 L 54.00,81.00 L 46.98,89.31 L 34.00,83.93 L 34.91,73.09 L 34.91,73.09 L 24.07,74.00 L 18.69,61.02 L 27.00,54.00 L 27.00,54.00 L 18.69,46.98 L 24.07,34.00 L 34.91,34.91 L 34.91,34.91 L 34.00,24.07 L 46.98,18.69 L 54.00,27.00 Z" fill="#8B9096"/>
+  <path d="M 91.29,33.84 L 101.43,37.78 L 100.58,51.80 L 90.03,54.47 Z" fill="#8C1F1F"/>
+  <circle cx="54" cy="54" r="12" fill="#0c0c0d"/>
+</svg>
@@ -0,0 +1,176 @@
+import math
+
+def pt(cx, cy, r, deg):
+    a = math.radians(deg - 90)
+    return (cx + r*math.cos(a), cy + r*math.sin(a))
+
+def gear_points(cx, cy, teeth, outer_r, inner_r, tooth_frac=0.5):
+    slice_w = 360.0 / teeth
+    gap = slice_w * (1 - tooth_frac)
+    pts = []
+    for i in range(teeth):
+        start = i * slice_w
+        a1 = start + gap/2
+        a2 = a1 + slice_w*tooth_frac
+        pts.append(pt(cx, cy, inner_r, start))
+        pts.append(pt(cx, cy, outer_r, a1))
+        pts.append(pt(cx, cy, outer_r, a2))
+        pts.append(pt(cx, cy, inner_r, start + slice_w))
+    return pts
+
+def path_from_pts(pts):
+    d = f"M {pts[0][0]:.2f},{pts[0][1]:.2f} "
+    for p in pts[1:]:
+        d += f"L {p[0]:.2f},{p[1]:.2f} "
+    return d + "Z"
+
+def rotate(pts, ocx, ocy, deg):
+    a = math.radians(deg)
+    out = []
+    for x, y in pts:
+        x0, y0 = x-ocx, y-ocy
+        out.append((x0*math.cos(a)-y0*math.sin(a)+ocx, x0*math.sin(a)+y0*math.cos(a)+ocy))
+    return out
+
+def scale_pts(pts, ocx, ocy, s):
+    return [((x-ocx)*s+ocx, (y-ocy)*s+ocy) for x, y in pts]
+
+cx, cy = 54, 54
+teeth = 8
+outer_r = 36
+inner_r = 27
+
+all_pts = gear_points(cx, cy, teeth, outer_r, inner_r)
+broken_idx = 1
+body_pts = [p for i, p in enumerate(all_pts) if not (4*broken_idx <= i < 4*broken_idx+4)]
+
+tooth_pts = all_pts[4*broken_idx:4*broken_idx+4]
+tooth_cx = sum(p[0] for p in tooth_pts)/4
+tooth_cy = sum(p[1] for p in tooth_pts)/4
+
+dx, dy = 14, 2
+final_pts = rotate([(x+dx, y+dy) for x, y in tooth_pts], tooth_cx+dx, tooth_cy+dy, 26)
+final_cx, final_cy = tooth_cx+dx, tooth_cy+dy
+
+trail_half_w_near = 1.2
+trail_half_w_far = 7.5
+perp = (-dy, dx)
+plen = math.hypot(*perp)
+perp = (perp[0]/plen, perp[1]/plen)
+
+gap_angle = math.atan2(tooth_cy - cy, tooth_cx - cx)
+extend_r = inner_r - 6
+gap_x = cx + math.cos(gap_angle) * extend_r
+gap_y = cy + math.sin(gap_angle) * extend_r
+
+near1 = (gap_x + perp[0]*trail_half_w_near, gap_y + perp[1]*trail_half_w_near)
+near2 = (gap_x - perp[0]*trail_half_w_near, gap_y - perp[1]*trail_half_w_near)
+far1 = (final_cx + perp[0]*trail_half_w_far, final_cy + perp[1]*trail_half_w_far)
+far2 = (final_cx - perp[0]*trail_half_w_far, final_cy - perp[1]*trail_half_w_far)
+trail_pts = [near1, far1, far2, near2]
+
+hub_r = 12
+
+# --- scale everything down to fit the adaptive-icon safe zone (66dp diameter circle) ---
+SCALE = 0.66
+def S(pts):
+    return scale_pts(pts, cx, cy, SCALE)
+
+body_s = S(body_pts)
+final_s = S(final_pts)
+trail_s = S(trail_pts)
+hub_r_s = hub_r * SCALE
+gap_x_s, gap_y_s = scale_pts([(gap_x, gap_y)], cx, cy, SCALE)[0]
+final_cx_s, final_cy_s = scale_pts([(final_cx, final_cy)], cx, cy, SCALE)[0]
+
+body_path = path_from_pts(body_s)
+final_path = path_from_pts(final_s)
+trail_path = path_from_pts(trail_s)
+
+GREY = "#8B9096"
+RED = "#8C1F1F"
+BG = "#0c0c0d"
+RING = "#131415"
+
+# ===== 1. Background: full-bleed, unscaled =====
+bg_xml = f'''<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:pathData="M0,0h108v108h-108z"
+        android:fillColor="{BG}"/>
+    <path
+        android:pathData="M54,2 A52,52 0 1,1 53.99,2 Z"
+        android:fillColor="{RING}"/>
+</vector>
+'''
+
+# ===== 2. Foreground: gear + broken piece + trail, scaled into the safe zone =====
+# Trail uses a gradient (narrow near the gear, fading out) via an <aapt:attr> gradient,
+# same visual as the mockup.
+fg_xml = f'''<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="{trail_path}">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:type="linear"
+                android:startX="{gap_x_s:.2f}"
+                android:startY="{gap_y_s:.2f}"
+                android:endX="{final_cx_s:.2f}"
+                android:endY="{final_cy_s:.2f}">
+                <item android:offset="0" android:color="#00{RED[1:]}"/>
+                <item android:offset="1" android:color="{RED}"/>
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:pathData="{body_path}"
+        android:fillColor="{GREY}"/>
+    <path
+        android:pathData="{final_path}"
+        android:fillColor="{RED}"/>
+    <path
+        android:pathData="M{cx},{cy-hub_r_s:.2f} A{hub_r_s:.2f},{hub_r_s:.2f} 0 1,1 {cx-0.01:.2f},{cy-hub_r_s:.2f} Z"
+        android:fillColor="{BG}"/>
+</vector>
+'''
+
+# ===== 3. Monochrome: same silhouette, single alpha-bearing color for Material You
+#     theming. The system substitutes its own tint - the fillColor value here is
+#     irrelevant, only the shape/alpha matters. Trail kept at a lower alpha so the
+#     fade effect survives tinting too.
+mono_xml = f'''<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:pathData="{trail_path}"
+        android:fillColor="#FF000000"
+        android:fillAlpha="0.35"/>
+    <path
+        android:pathData="{body_path}"
+        android:fillColor="#FF000000"/>
+    <path
+        android:pathData="{final_path}"
+        android:fillColor="#FF000000"/>
+    <path
+        android:pathData="M{cx},{cy-hub_r_s:.2f} A{hub_r_s:.2f},{hub_r_s:.2f} 0 1,1 {cx-0.01:.2f},{cy-hub_r_s:.2f} Z"
+        android:fillColor="#00000000"/>
+</vector>
+'''
+
+out = '/tmp/claude-1000/-home-seb-AABrowser/dadb0938-9338-4349-968f-4a89bc8de777/scratchpad/icon'
+open(f'{out}/ic_launcher_background.xml', 'w').write(bg_xml)
+open(f'{out}/ic_launcher_foreground.xml', 'w').write(fg_xml)
+open(f'{out}/ic_launcher_monochrome.xml', 'w').write(mono_xml)
+print("written")