hpg-r3f-model-scene
Version:
Pretty Footer react component used in ant.design
99 lines (97 loc) • 4.8 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
var _react = _interopRequireWildcard(require("react"));
var _drei = require("@react-three/drei");
var _utils = require("../utils");
var _gltf = require("../utils/gltf");
var _events = require("../common/events");
var _enums = require("../utils/enums");
var _setMaterial = require("../utils/setMaterial");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
/*
Auto-generated by: https://github.com/pmndrs/gltfjsx
Command: npx gltfjsx@6.2.3 example.gltf
*/
var inode;
var modelUrl = 'https://oss-sxt-dev.51ygp.com/tmp/lufei2.gltf';
var Model = function Model(_ref) {
var material = _ref.material,
materialChange = _ref.materialChange,
exportScene = _ref.exportScene;
var gltf = (0, _drei.useGLTF)(modelUrl);
var earthRef = (0, _react.useRef)(null);
var onMaterialChange = function onMaterialChange(node) {
if (materialChange) {
materialChange(node);
}
};
// const physicalMaterial = new MeshPhysicalMaterial({
// color: new Color(material.color),
// });
// const physicalMaterial = new MeshPhysicalMaterial();
(0, _react.useEffect)(function () {
// material.color = new Color('#ff0000');
// console.log(material1.toJSON(), 'earthRef.current', earthRef.current);
(0, _gltf.getMaterialByJson)(material).then(function (_physicalMaterial) {
earthRef.current.material = _physicalMaterial;
inode = (0, _utils.getNodeWith)(_physicalMaterial);
onMaterialChange(inode);
});
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
var getMaterial = function getMaterial() {
return earthRef.current.material;
};
/* 对发出来的事件进行监听 */
var _useEventBus = _events.useEventBus;
_setMaterial.setMaterialActions.forEach(function (d) {
_useEventBus(d, /*#__PURE__*/function () {
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(params) {
var result, dd;
return _regenerator.default.wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return (0, _setMaterial.setMaterialOnMessage)(d, getMaterial(), params);
case 2:
result = _context.sent;
if (d === _enums.MaterialFunc.EXPORT_SCENE) {
if (exportScene) {
exportScene(result);
}
}
if (d === _enums.MaterialFunc.MATERIAL_CHANGE) {
dd = result;
earthRef.current.material = dd;
inode = (0, _utils.getNodeWith)(dd);
onMaterialChange === null || onMaterialChange === void 0 ? void 0 : onMaterialChange(inode);
}
case 5:
case "end":
return _context.stop();
}
}, _callee);
}));
return function (_x) {
return _ref2.apply(this, arguments);
};
}());
});
return /*#__PURE__*/_react.default.createElement("group", {
dispose: null
}, /*#__PURE__*/_react.default.createElement("mesh", {
geometry: gltf.nodes['10015535-141340-0'].geometry,
ref: earthRef
}));
};
var _default = Model;
exports.default = _default;
_drei.useGLTF.preload(modelUrl);