hpg-r3f-model-scene
Version:
Pretty Footer react component used in ant.design
87 lines • 3.23 kB
JavaScript
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
import _regeneratorRuntime from "@babel/runtime/regenerator";
/*
Auto-generated by: https://github.com/pmndrs/gltfjsx
Command: npx gltfjsx@6.2.3 example.gltf
*/
import React, { useEffect, useRef } from 'react';
import { useGLTF } from '@react-three/drei';
import { getNodeWith } from '../utils';
import { getMaterialByJson } from '../utils/gltf';
import { useEventBus } from '../common/events';
import { MaterialFunc } from '../utils/enums';
import { setMaterialActions, setMaterialOnMessage } from '../utils/setMaterial';
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 = useGLTF(modelUrl);
var earthRef = useRef(null);
var onMaterialChange = function onMaterialChange(node) {
if (materialChange) {
materialChange(node);
}
};
// const physicalMaterial = new MeshPhysicalMaterial({
// color: new Color(material.color),
// });
// const physicalMaterial = new MeshPhysicalMaterial();
useEffect(function () {
// material.color = new Color('#ff0000');
// console.log(material1.toJSON(), 'earthRef.current', earthRef.current);
getMaterialByJson(material).then(function (_physicalMaterial) {
earthRef.current.material = _physicalMaterial;
inode = getNodeWith(_physicalMaterial);
onMaterialChange(inode);
});
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
var getMaterial = function getMaterial() {
return earthRef.current.material;
};
/* 对发出来的事件进行监听 */
var _useEventBus = useEventBus;
setMaterialActions.forEach(function (d) {
_useEventBus(d, /*#__PURE__*/function () {
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
var result, dd;
return _regeneratorRuntime.wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return setMaterialOnMessage(d, getMaterial(), params);
case 2:
result = _context.sent;
if (d === MaterialFunc.EXPORT_SCENE) {
if (exportScene) {
exportScene(result);
}
}
if (d === MaterialFunc.MATERIAL_CHANGE) {
dd = result;
earthRef.current.material = dd;
inode = 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.createElement("group", {
dispose: null
}, /*#__PURE__*/React.createElement("mesh", {
geometry: gltf.nodes['10015535-141340-0'].geometry,
ref: earthRef
}));
};
export default Model;
useGLTF.preload(modelUrl);