trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: debug key combination

Browse source
This commit is contained in:
trafficlunar 2025-01-26 17:41:43 +00:00
parent bad4d741f5
commit 45fb68e37e
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/canvas/Canvas.tsx
View file

@ -11,6 +11,7 @@ import { ThemeContext } from "@/context/Theme";
import { ToolContext } from "@/context/Tool"; import { ToolContext } from "@/context/Tool";
import { useTextures } from "@/hooks/useTextures"; import { useTextures } from "@/hooks/useTextures";
import { useBlockData } from "@/hooks/useBlockData";
import { confirmSelection, isInSelection } from "@/utils/selection"; import { confirmSelection, isInSelection } from "@/utils/selection";
import Blocks from "./Blocks"; import Blocks from "./Blocks";
@ -40,6 +41,7 @@ function Canvas() {
const { tool, radius, selectedBlock, cssCursor, setTool, setSelectedBlock, setCssCursor } = useContext(ToolContext); const { tool, radius, selectedBlock, cssCursor, setTool, setSelectedBlock, setCssCursor } = useContext(ToolContext);
const textures = useTextures(version); const textures = useTextures(version);
const blockData = useBlockData(version);
const stageContainerRef = useRef<HTMLDivElement>(null); const stageContainerRef = useRef<HTMLDivElement>(null);
const [mousePosition, setMousePosition] = useState<Position>({ x: 0, y: 0 }); const [mousePosition, setMousePosition] = useState<Position>({ x: 0, y: 0 });
@ -435,9 +437,22 @@ function Canvas() {
case "9": case "9":
setTool("zoom"); setTool("zoom");
break; break;
case "ArrowRight":
if (holdingAltRef.current && holdingShiftRef.current) {
const newBlocks: Block[] = [];
Object.keys(blockData).forEach((name, index) => {
const x = index % 16;
const y = Math.floor(index / 16);
newBlocks.push({ name, x, y });
});
setBlocks(newBlocks);
}
break;
} }
}, },
[tool, blocks, selectionCoords, selectionLayerBlocks, setBlocks, setCssCursor, setSelectionLayerBlocks, setTool] [tool, blocks, selectionCoords, selectionLayerBlocks, blockData, setBlocks, setCssCursor, setSelectionLayerBlocks, setTool]
); );
const onKeyUp = useCallback( const onKeyUp = useCallback(