atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 06:29:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

feat: add scale props in InfiniteMenu

Browse Source
This commit is contained in:
EnderRomantice
2025-12-23 09:30:23 +08:00
parent 3734c4d1bb
commit 452f79fd6b
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/content/Components/InfiniteMenu/InfiniteMenu.vue
View File

@@ -11,6 +11,7 @@ type InfiniteMenuItem = {
type InfiniteMenuProps = { type InfiniteMenuProps = {
items?: InfiniteMenuItem[]; items?: InfiniteMenuItem[];
scale?: number;
}; };
const DEFAULT_ITEMS: InfiniteMenuItem[] = [ const DEFAULT_ITEMS: InfiniteMenuItem[] = [
@@ -22,7 +23,9 @@ const DEFAULT_ITEMS: InfiniteMenuItem[] = [
} }
]; ];
const props = defineProps<InfiniteMenuProps>(); const props = withDefaults(defineProps<InfiniteMenuProps>(), {
scale: 1.0
});
// Refs // Refs
const canvasRef = ref<HTMLCanvasElement>(); const canvasRef = ref<HTMLCanvasElement>();
@@ -657,7 +660,7 @@ class InfiniteGridMenu {
far: 40, far: 40,
fov: Math.PI / 4, fov: Math.PI / 4,
aspect: 1, aspect: 1,
position: vec3.fromValues(0, 0, 3), position: vec3.fromValues(0, 0, props.scale),
up: vec3.fromValues(0, 1, 0), up: vec3.fromValues(0, 1, 0),
matrices: { matrices: {
view: mat4.create(), view: mat4.create(),
@@ -699,8 +702,11 @@ class InfiniteGridMenu {
private items: InfiniteMenuItem[], private items: InfiniteMenuItem[],
private onActiveItemChange: (index: number) => void, private onActiveItemChange: (index: number) => void,
private onMovementChange: (isMoving: boolean) => void, private onMovementChange: (isMoving: boolean) => void,
private onInit?: (menu: InfiniteGridMenu) => void private onInit?: (menu: InfiniteGridMenu) => void,
scale: number = 1.0
) { ) {
this.scaleFactor = scale;
this.camera.position[2] = 3 * scale;
this.init(); this.init();
} }