hpg-r3f-model-scene/lib/components/Earth/index.js

Pretty Footer react component used in ant.design

"use strict";

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 _fiber = require("@react-three/fiber");
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; }
var inode;
var Earth = function Earth(props) {
  var material = props.material,
    materialChange = props.materialChange,
    exportScene = props.exportScene;
  // const [colorMapDefault, normalMapDefault] = useLoader(TextureLoader, [
  //   'https://oss-sxt.51ygp.com/statics/images/8k_earth_daymap.jpg',
  //   'https://oss-sxt.51ygp.com/statics/images/8k_earth_normal_map.jpg',
  // ]);
  var earthRef = (0, _react.useRef)(null);
  (0, _fiber.useFrame)(function (_ref) {
    var clock = _ref.clock;
  } // const elapsedTime = clock.getElapsedTime();
  // console.log(earthRef.current, 'earthRef.current');
  // earthRef.current.rotation.y = elapsedTime / 6;
  );

  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;
        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);
                }
              }
            case 4:
            case "end":
              return _context.stop();
          }
        }, _callee);
      }));
      return function (_x) {
        return _ref2.apply(this, arguments);
      };
    }());
  });
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("mesh", {
    ref: earthRef
  }, /*#__PURE__*/_react.default.createElement("sphereGeometry", {
    args: [1, 256, 256]
  })));
};
var _default = Earth;
exports.default = _default;