lighthousemaxxing

97 on performance, 100 on everything else

Author: bomberfish

README.md

@@ -12,15 +12,15 @@ A mostly-complete port of Celeste (2018) to WebAssembly, with full support for E
 ## Limitations
 
 - Loading the game consumes 600M or so of memory, which is still around 3x lower than the original port, but it is still too much for low end devices.
-- You may encounter issues on firefox.
+- You may encounter issues on Firefox.
 
 ## I want to build this
 
 1. Ensure node and pnpm exist and `pnpm i`
-2. Install dotnet 9.0.4
+2. Install .NET 9.0.4
 3. Install the mono-devel package on your distro
-4. run `sudo dotnet workload restore` in the loader dir
-5. run `make serve` for a dev server and `make publish` for a release build
+4. Run `sudo dotnet workload restore` in `loader/`
+5. Run `make serve` for a dev server and `make publish` for a release build
 
 ## I want to figure out how this works
 
@@ -34,7 +34,7 @@ A mostly-complete port of Celeste (2018) to WebAssembly, with full support for E
 
 For a deeper dive into how we made this and [the terraria web port](https://github.com/MercuryWorkshop/terraria-wasm), check out the [writeup](https://velzie.rip/blog/celeste-wasm).
 
-## I want to port this to a newer version of celeste (once it exists)
+## I want to port this to a newer version of Celeste (once it exists)
 
-1. fix any issues with the hooks
-2. make a pr!
+1. Fix any issues with the hooks
+2. Make a PR!

frontend/src/splash.tsx

@@ -758,7 +758,7 @@ export const Patch: Component<
 	return (
 		<div>
 			<p>
-				We're going to patch Celeste with MonoMod for neccesary fixes for WASM.
+				We're going to patch Celeste with MonoMod for neccesary WASM fixes.
 				You can also optionally install the Everest Mod Loader, but it will take
 				longer to install.
 			</p>
@@ -895,7 +895,7 @@ export const Splash: Component<
 							return <Patch on:done={() => this["on:next"](true)} />;
 						}
 					})}
-					<Button type="primary" icon="full" disabled={false} on:click={() => (this.settingsOpen = true)}>
+					<Button type="primary" icon="full" disabled={false} on:click={() => (this.settingsOpen = true)} title="Settings">
             <Icon icon={iconSettings} />
           </Button>
 				</div>

frontend/src/styles.css

@@ -57,14 +57,14 @@ body.error {
 	--surface5: color-mix(in srgb, #3a3a3a 97.5%, var(--accent));
 	--surface6: color-mix(in srgb, #3f3f3f 97.5%, var(--accent));
 
-	--fg: color-mix(in srgb, #fafafa 97.5%, var(--accent));
+	--fg: #fff;
 	--fg2: color-mix(in srgb, #eaeaea 97.5%, var(--accent));
 	--fg3: color-mix(in srgb, #dedede 97.5%, var(--accent));
 	--fg4: color-mix(in srgb, #cacaca 97.5%, var(--accent));
 	--fg5: color-mix(in srgb, #bebebe 97.5%, var(--accent));
 	--fg6: color-mix(in srgb, #aaaaaa 97.5%, var(--accent));
 
-	--accent: #ff2432;
+	--accent: #e51523;
 	--loader-bg: #451922;
 	--error: #f02424;
 	--success: #84f084;
@@ -83,12 +83,12 @@ body.error {
 }
 
 .dark.green {
-	--accent: #1aa04a;
+	--accent: #15843c;
 	--loader-bg: #153a20;
 }
 
 .dark.blue {
-	--accent: #2480ff;
+	--accent: #006aff;
 	--loader-bg: #192745;
 }
 

frontend/src/ui/Switch.tsx

@@ -122,6 +122,7 @@ export const Switch: Component<
 					disabled={use(this.disabled)}
 					bind:checked={use(this.on)}
 					on:change={this["on:change"] || (() => {})}
+					title={use(this.title) + (use(this.disabled) ? " (disabled)" : "")}
 				/>
 				<span class="switch-slider"></span>
 			</label>

package.json

@@ -15,18 +15,20 @@
 		"@types/xxhashjs": "^0.2.4",
 		"dreamland": "^0.0.25",
 		"events": "^3.3.0",
+		"lightningcss": "^1.30.1",
 		"rollup-plugin-node-polyfills": "^0.2.1",
 		"streamx-webstream": "^1.2.12",
 		"tar-stream": "^3.1.7",
+		"terser": "^5.40.0",
 		"xxhashjs": "^0.2.2"
 	},
 	"devDependencies": {
 		"@iconify/types": "^2.0.0",
 		"@types/tar-stream": "^3.1.3",
 		"@types/wicg-file-system-access": "^2023.10.6",
+		"prettier": "^3.5.3",
 		"typescript": "^5.8.3",
 		"vite": "^6.3.5",
-		"vite-plugin-dreamland": "^1.2.1",
-		"prettier": "^3.5.3"
+		"vite-plugin-dreamland": "^1.2.1"
 	}
 }