UNPKG

@gsmlg/three-fiber

Version:
63 lines (62 loc) 2.79 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.LamborghiniUrus = void 0; var THREE = _interopRequireWildcard(require("three")); var React = _interopRequireWildcard(require("react")); var _ModelExhibition = _interopRequireDefault(require("../ModelExhibition")); var _jsxRuntime = require("react/jsx-runtime"); function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } const LamborghiniUrus = ({ backgroundColor = '#101010', meshColor = '#fafafa', fogColor = '#101010', wheelColor = 'gold', carColor = 'red' }) => { return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModelExhibition.default, { modelUrl: './webgl/lambo.glb', modelUpdater: gltf => { const { scene, nodes, materials } = gltf; scene.traverse(obj => { if (obj.type === 'Mesh') { obj.receiveShadow = true; obj.castShadow = true; } return false; }); Object.assign(nodes.wheel003_020_2_Chrome_0.material, { metalness: 1, roughness: 0.4, color: new THREE.Color(wheelColor) }); // Using the emissive colors is a nice trick to give textures a warm sheen Object.assign(materials.WhiteCar, { roughness: 0, metalness: 0.25, emissive: new THREE.Color(carColor), envMapIntensity: 0.5 }); }, environment: { path: './webgl/cube' }, backgroundColor: { args: [backgroundColor] }, fogAttributes: { args: [fogColor, 10, 50] }, meshAttributes: { color: meshColor } }); }; exports.LamborghiniUrus = LamborghiniUrus;