mirrors/breakout71
1
0
Fork 0
mirror of https://gitlab.com/lecarore/breakout71.git synced 2025-04-27 07:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

wip

Browse source
This commit is contained in:
Renan LE CARO 2025-04-23 10:56:50 +02:00
parent 181e156f60
commit 0ec9cdf798
17 changed files with 2089 additions and 2227 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/level_editor/levels_editor.tsx
View file

@ -6,7 +6,10 @@ import { getLevelBackground, hashCode } from "../getLevelBackground";
import { createRoot } from "react-dom/client";
import { useCallback, useEffect, useState } from "react";
import { moveLevel, resizeLevel, setBrick } from "./levels_editor_util";
import {levelCodeToRawLevel} from "../pure_functions";
import {
automaticBackgroundColor,
levelCodeToRawLevel,
} from "../pure_functions";
const backgrounds = _backgrounds as string[];
@ -91,12 +94,13 @@ function App() {
height: 40,
position: "absolute",
}}
>{ (color=="black" && '💣')||' '}</button>,
>
{(palette[bricks[index]] == "black" && "💣") || " "}
</button>,
);
}
}
return (
<div key={li}>
<input
@ -141,7 +145,8 @@ function App() {
className="level-bricks-preview"
style={{
width: size * 40,
height: size * 40
height: size * 40,
background: automaticBackgroundColor(bricks.split("")),
}}
>
{brickButtons}
@ -163,7 +168,9 @@ function App() {
border: "1px solid black",
}}
onClick={() => setSelected(code)}
>{(color=='' && 'x') || (color=="black" && '💣')||' '}</button>
>
{(color == "" && "x") || (color == "black" && "💣") || " "}
</button>
))}
</div>
<button
@ -191,13 +198,10 @@ function App() {
id="import-level"
onClick={() => {
const code = prompt("Level Code ? ");
if(!code) return;
const l=levelCodeToRawLevel(code)
if(!l)return;
setLevels((list) => [
...list,
l
]);
if (!code) return;
const l = levelCodeToRawLevel(code);
if (!l) return;
setLevels((list) => [...list, l]);
}}
>
import