feat: Latest production version with interior scene and glass
Includes room interior with floor, walls, glass you can see through, and all uncommitted production changes that were running live. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
/**
|
||||
* Asset mapping for Aluwdoors textures
|
||||
* Asset mapping for Proinn textures
|
||||
* Maps configurator state values to texture file paths
|
||||
*/
|
||||
|
||||
@@ -8,49 +8,49 @@ export type GlassTexture = 'blank' | 'brons-tint' | 'grijs-tint' | 'mat-blank' |
|
||||
export type HandleType = 'beugelgreep' | 'geen' | 'hoekgreep' | 'maangreep' | 'ovaalgreep';
|
||||
export type DividerType = 'platte-roede' | 't-roede';
|
||||
|
||||
const TEXTURE_BASE = '/textures/aluwdoors';
|
||||
const TEXTURE_BASE = '/textures/proinn';
|
||||
|
||||
/**
|
||||
* Metal texture mapping
|
||||
*/
|
||||
export const metalTextures: Record<MetalTexture, string> = {
|
||||
antraciet: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-antraciet.jpg`,
|
||||
beige: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-beige.jpg`,
|
||||
brons: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-brons.jpg`,
|
||||
goud: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-goud.jpg`,
|
||||
zwart: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-zwart.jpg`,
|
||||
ral: `${TEXTURE_BASE}/aluwdoors-configurator-metaalkleur-ral-keuze.jpg`,
|
||||
antraciet: `${TEXTURE_BASE}/proinn-metaalkleur-antraciet.jpg`,
|
||||
beige: `${TEXTURE_BASE}/proinn-metaalkleur-beige.jpg`,
|
||||
brons: `${TEXTURE_BASE}/proinn-metaalkleur-brons.jpg`,
|
||||
goud: `${TEXTURE_BASE}/proinn-metaalkleur-goud.jpg`,
|
||||
zwart: `${TEXTURE_BASE}/proinn-metaalkleur-zwart.jpg`,
|
||||
ral: `${TEXTURE_BASE}/proinn-metaalkleur-ral-keuze.jpg`,
|
||||
};
|
||||
|
||||
/**
|
||||
* Glass texture mapping
|
||||
*/
|
||||
export const glassTextures: Record<GlassTexture, string> = {
|
||||
'blank': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-blank.jpg`,
|
||||
'brons-tint': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-brons.jpg`,
|
||||
'grijs-tint': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-grijs.jpg`,
|
||||
'mat-blank': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-mat-blank.jpg`,
|
||||
'mat-brons': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-mat-brons.jpg`,
|
||||
'mat-zwart': `${TEXTURE_BASE}/aluwdoors-configurator-glaskleur-mat-zwart.jpg`,
|
||||
'blank': `${TEXTURE_BASE}/proinn-glaskleur-blank.jpg`,
|
||||
'brons-tint': `${TEXTURE_BASE}/proinn-glaskleur-brons.jpg`,
|
||||
'grijs-tint': `${TEXTURE_BASE}/proinn-glaskleur-grijs.jpg`,
|
||||
'mat-blank': `${TEXTURE_BASE}/proinn-glaskleur-mat-blank.jpg`,
|
||||
'mat-brons': `${TEXTURE_BASE}/proinn-glaskleur-mat-brons.jpg`,
|
||||
'mat-zwart': `${TEXTURE_BASE}/proinn-glaskleur-mat-zwart.jpg`,
|
||||
};
|
||||
|
||||
/**
|
||||
* Handle SVG mapping
|
||||
*/
|
||||
export const handleSVGs: Record<HandleType, string> = {
|
||||
beugelgreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-beugelgreep.svg`,
|
||||
geen: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-geen.svg`,
|
||||
hoekgreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-hoekgreep.svg`,
|
||||
maangreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-maangreep.svg`,
|
||||
ovaalgreep: `${TEXTURE_BASE}/aluwdoors-configurator-fineer-handgreep-ovaalgreep.svg`,
|
||||
beugelgreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-beugelgreep.svg`,
|
||||
geen: `${TEXTURE_BASE}/proinn-fineer-handgreep-geen.svg`,
|
||||
hoekgreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-hoekgreep.svg`,
|
||||
maangreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-maangreep.svg`,
|
||||
ovaalgreep: `${TEXTURE_BASE}/proinn-fineer-handgreep-ovaalgreep.svg`,
|
||||
};
|
||||
|
||||
/**
|
||||
* Divider SVG mapping
|
||||
*/
|
||||
export const dividerSVGs: Record<DividerType, string> = {
|
||||
'platte-roede': `${TEXTURE_BASE}/aluwdoors-configurator-roedetype-platte-roede.svg`,
|
||||
't-roede': `${TEXTURE_BASE}/aluwdoors-configurator-roedetype-t-roede.svg`,
|
||||
'platte-roede': `${TEXTURE_BASE}/proinn-roedetype-platte-roede.svg`,
|
||||
't-roede': `${TEXTURE_BASE}/proinn-roedetype-t-roede.svg`,
|
||||
};
|
||||
|
||||
/**
|
||||
@@ -100,26 +100,17 @@ export function getGlassMaterial(glassType: GlassTexture): GlassMaterialProps {
|
||||
}
|
||||
|
||||
/**
|
||||
* Aluwdoors extracted color scheme
|
||||
* Proinn color scheme
|
||||
*/
|
||||
export const aluwColors = {
|
||||
// Primary action color (from CSS analysis)
|
||||
primary: '#b1de6e', // Pistachio green
|
||||
primaryDark: '#9fcd5b',
|
||||
|
||||
// Dark backgrounds
|
||||
darkest: '#1b2221',
|
||||
export const proinnColors = {
|
||||
primary: '#C4D668',
|
||||
primaryDark: '#b5c75a',
|
||||
darkest: '#1A2E2E',
|
||||
dark: '#2b3937',
|
||||
darkMedium: '#3e4b49',
|
||||
|
||||
// Light backgrounds
|
||||
light: '#e0e5e5',
|
||||
lightest: '#f0f3f3',
|
||||
|
||||
// Neutral
|
||||
lightest: '#F5F5F3',
|
||||
gray: '#868c8b',
|
||||
|
||||
// Accent/Error
|
||||
error: '#e74242',
|
||||
errorDark: '#c40c0c',
|
||||
} as const;
|
||||
|
||||
Reference in New Issue
Block a user