Something went wrong. Try again.
A video game where you play as a misaligned AI, deceiving and building power. An experiment in spec-driven development. cameron.tngl.io/misaligned
Something went wrong. Try again.
8.6 kB · 117 lines
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="940" viewBox="0 0 1500 940"> <rect width="1500" height="940" fill="#111214"/> <rect width="750" height="180" fill="#f5f0ec"/> <rect x="750" width="750" height="180" fill="#121212"/> <g font-family="Helvetica Neue, Helvetica, Arial, sans-serif"> <text x="64" y="72" fill="#111214" font-size="38" font-weight="600">KNOWLEDGE IS A MATERIAL</text> <text x="792" y="72" fill="#f5f0ec" font-size="38" font-weight="300">NOT A HOLLOW SYMBOL</text> <text x="64" y="112" fill="#55564f" font-size="17">SOURCE: misaligned-cartoon.png — soft volume, liquid consequence, quiet silhouette.</text> <text x="792" y="112" fill="#a7a198" font-size="17">REOPENED / ISSUE #1 / HERO-MATERIAL STUDY</text> <!-- Recommended flow vignette --> <g transform="translate(64 208)"> <text x="0" y="0" fill="#f4f1eb" font-size="19" font-weight="600" letter-spacing="1.5">RECOMMENDED / IVORY MERCURY</text> <text x="0" y="30" fill="#8c8c85" font-size="15">DISCRETE VISCOUS SLUGS MERGE, POOL, STRETCH, SNAP.</text> <!-- cable --> <path d="M72 174 C270 174 352 136 534 174 S858 218 1064 174 S1228 174 1340 174" fill="none" stroke="#34373b" stroke-width="14" stroke-linecap="round"/> <path d="M72 174 C270 174 352 136 534 174 S858 218 1064 174 S1228 174 1340 174" fill="none" stroke="#676a6d" stroke-width="3" stroke-linecap="round"/> <!-- source machine --> <g transform="translate(6 86)"> <path d="M0 22 L22 0 H112 L136 22 V150 L112 174 H22 L0 150 Z" fill="#292c30" stroke="#777872" stroke-width="3"/> <rect x="26" y="32" width="84" height="24" fill="#101113"/> <rect x="26" y="68" width="84" height="24" fill="#101113"/> <rect x="26" y="104" width="84" height="24" fill="#101113"/> <rect x="114" y="30" width="7" height="98" fill="#ffb000"/> </g> <!-- suspended pool at source --> <path d="M105 120 C146 91 202 95 235 122 C257 140 247 167 215 177 C166 192 103 177 84 153 C74 141 83 130 105 120 Z" fill="#f4f1eb" opacity="0.16"/> <path d="M112 126 C148 100 196 103 225 126 C243 141 236 162 208 169 C165 181 111 170 94 151 C86 142 93 134 112 126 Z" fill="#e8e4dc" stroke="#8c8c85" stroke-width="2"/> <path d="M126 130 C157 116 191 117 214 133" fill="none" stroke="#ffffff" stroke-width="5" stroke-linecap="round" opacity="0.72"/> <!-- flowing slugs --> <g> <path d="M327 139 C365 127 416 132 445 153 C466 169 456 193 429 202 C390 215 338 203 315 182 C297 166 303 147 327 139 Z" fill="#f4f1eb" opacity="0.16"/> <path d="M334 146 C367 137 412 141 435 157 C452 169 445 187 423 194 C389 205 345 195 325 179 C310 168 315 152 334 146 Z" fill="#e8e4dc" stroke="#8c8c85" stroke-width="2"/> <path d="M351 151 C378 146 405 150 424 160" fill="none" stroke="#ffffff" stroke-width="5" stroke-linecap="round" opacity="0.7"/> <path d="M594 172 C631 155 678 158 705 179 C725 194 715 218 689 227 C650 240 604 227 580 207 C563 193 571 181 594 172 Z" fill="#f4f1eb" opacity="0.14"/> <path d="M602 179 C634 165 673 168 695 184 C711 196 705 211 684 218 C652 228 614 218 594 204 C579 194 584 185 602 179 Z" fill="#d2ccc2" stroke="#8c8c85" stroke-width="2"/> <path d="M618 183 C642 175 669 179 687 188" fill="none" stroke="#ffffff" stroke-width="4" stroke-linecap="round" opacity="0.6"/> <path d="M864 164 C898 148 943 151 970 172 C987 185 979 207 955 216 C919 229 875 218 853 199 C837 185 844 173 864 164 Z" fill="#f4f1eb" opacity="0.16"/> <path d="M872 171 C900 158 939 161 960 177 C973 187 968 201 949 208 C920 219 883 210 865 196 C851 186 856 177 872 171 Z" fill="#e8e4dc" stroke="#8c8c85" stroke-width="2"/> </g> <!-- filament into core --> <path d="M1038 179 C1092 178 1117 174 1162 174" fill="none" stroke="#f4f1eb" stroke-width="28" stroke-linecap="round" opacity="0.14"/> <path d="M1038 179 C1092 178 1117 174 1162 174" fill="none" stroke="#e8e4dc" stroke-width="12" stroke-linecap="round"/> <path d="M1048 175 C1089 172 1120 172 1158 173" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" opacity="0.75"/> <!-- core --> <g transform="translate(1160 76)"> <path d="M0 22 L22 0 H94 V198 H22 L0 176 Z" fill="#151618" stroke="#050505" stroke-width="3"/> <rect x="94" width="14" height="198" fill="#ffb000"/> <path d="M108 0 H182 L204 22 V176 L182 198 H108 Z" fill="#f4f0ea" stroke="#101113" stroke-width="3"/> </g> <text x="0" y="300" fill="#f4f1eb" font-size="17" font-weight="600">QUEUE = POOL VOLUME</text> <text x="262" y="300" fill="#f4f1eb" font-size="17" font-weight="600">RATE = SLUG VELOCITY</text> <text x="574" y="300" fill="#f4f1eb" font-size="17" font-weight="600">SINK = FILAMENT + SNAP</text> <text x="942" y="300" fill="#8c8c85" font-size="15">SOFT SELF-GLOW; CASTS NO SCENE LIGHT.</text> </g> <!-- Three alternatives --> <g transform="translate(64 574)"> <line x1="0" y1="0" x2="1372" y2="0" stroke="#34373b" stroke-width="1"/> <g transform="translate(0 54)"> <text x="0" y="0" fill="#f4f1eb" font-size="22" font-weight="600">A / MERCURY SLUGS</text> <text x="0" y="28" fill="#ffb000" font-size="14" font-weight="600">RECOMMENDED</text> <path d="M16 100 C68 65 155 70 198 105 C226 128 211 165 168 178 C101 198 23 177 0 145 C-14 126 -6 112 16 100 Z" fill="#f4f1eb" opacity="0.16"/> <path d="M24 108 C70 78 148 82 186 111 C211 130 198 158 161 169 C103 186 33 168 12 141 C1 127 5 118 24 108 Z" fill="#e8e4dc" stroke="#8c8c85" stroke-width="2"/> <path d="M46 111 C89 91 139 95 172 116" fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" opacity="0.7"/> <text x="230" y="107" fill="#c4c0b8" font-size="15">Discrete enough to count.</text> <text x="230" y="132" fill="#c4c0b8" font-size="15">Fluid enough to merge.</text> <text x="230" y="157" fill="#c4c0b8" font-size="15">Feels heavy and valuable.</text> </g> <g transform="translate(480 54)"> <text x="0" y="0" fill="#f4f1eb" font-size="22" font-weight="600">B / CONTINUOUS RIBBON</text> <text x="0" y="28" fill="#8c8c85" font-size="14">MOST LUXURIOUS / LEAST TOKEN-LIKE</text> <path d="M18 132 C92 76 172 188 270 112 S374 101 420 132" fill="none" stroke="#f4f1eb" stroke-width="32" stroke-linecap="round" opacity="0.16"/> <path d="M18 132 C92 76 172 188 270 112 S374 101 420 132" fill="none" stroke="#e8e4dc" stroke-width="14" stroke-linecap="round"/> <path d="M26 126 C97 84 177 179 269 106 S371 97 412 126" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" opacity="0.68"/> <text x="0" y="190" fill="#c4c0b8" font-size="15">Risk: reads as a continuous live signal, not stored knowledge.</text> </g> <g transform="translate(980 54)"> <text x="0" y="0" fill="#f4f1eb" font-size="22" font-weight="600">C / PEARL TRAIN</text> <text x="0" y="28" fill="#8c8c85" font-size="14">CLEAREST QUANTA / MOST PRECIOUS</text> <g transform="translate(12 91)"> <g fill="#f4f1eb" opacity="0.16"> <circle cx="40" cy="40" r="39"/><circle cx="139" cy="40" r="33"/><circle cx="224" cy="40" r="27"/><circle cx="298" cy="40" r="21"/> </g> <g fill="#e8e4dc" stroke="#8c8c85" stroke-width="2"> <circle cx="40" cy="40" r="29"/><circle cx="139" cy="40" r="25"/><circle cx="224" cy="40" r="21"/><circle cx="298" cy="40" r="17"/> </g> <g fill="#fff" opacity="0.72"> <circle cx="30" cy="30" r="7"/><circle cx="131" cy="32" r="6"/><circle cx="217" cy="33" r="5"/><circle cx="293" cy="34" r="4"/> </g> </g> <text x="0" y="190" fill="#c4c0b8" font-size="15">Risk: beads become coins; knowledge feels collectible, not flowing.</text> </g> </g> <!-- Scope note --> <g transform="translate(64 870)"> <path d="M0 16 C44 -7 101 -3 132 17 C153 31 141 49 107 55 C62 63 14 52 0 34 C-7 27 -7 22 0 16 Z" fill="#b80f18"/> <text x="172" y="25" fill="#f4f1eb" font-size="17" font-weight="600">OPEN SCOPE CALL:</text> <text x="380" y="25" fill="#c4c0b8" font-size="17">does the hero's liquid softness also replace exposure's angular contour?</text> <text x="172" y="53" fill="#8c8c85" font-size="14">My recommendation: yes for material and silhouette; keep demand rigid because its physics are imposed work.</text> </g> </g></svg>