\n\n# 👀 Overview\n\n@realsee/dnalogel 将 [如视(realsee.com)](https://realsee.com) **VR 空间交互** 常用能力沉淀，并以 `Five Plugins` 形式进行抽象。\n结合[如视三维空间重建渲染引擎 Five](https://open-platform.realsee.com/developer/docs/five/intro/)\n与 [如视开放 API](https://open-platform.realsee.com/developer/openapi/?id=1001) ,可以制作出丰富多彩的三维空间应用。不论是经过线上环境千锤百炼的刚需功能，还是灵感一现的炫酷尝试，所有已经落地的功能我们均毫无保留的开源至github [realsee-developer/dnalogel](https://github.com/realsee-developer/dnalogel) 。\n\n# 🔨 Usage\n\n**1、安装**\n\n```bash\nnpm install @realsee/dnalogel\n```\n\n```bash\nyarn add @realsee/dnalogel\n```\n\n**2、插件注册**\n\n```js\nimport { Five } from '@realsee/five'\nimport { Plugin } from '@realsee/dnalogel'\nconst five = new Five({\n plugins: [[Plugin, 'PluginName', initOptions]],\n})\n```\n\n**3、插件方法使用**\n\n```js\n// 不同插件提供的方法可能存在差异,请参考各插件 API 文档\nfive.plugins.PluginName.load(data)\nfive.plugins.PluginName.enable()\nfive.plugins.PluginName.disable()\nfive.plugins.PluginName.dispose()\n```\n\n**4、插件依赖数据获取**\n\n您可以通过 [open API](https://open-platform.realsee.com/developer/open/api#/) 查看数据获取方式及相关 open API 。\n\n# 📖 Documents\n\n- [说明文档](https://open-platform.realsee.com/developer/docs/dnalogel/intro/)\n- [API 文档](https://open-platform.realsee.com/developer/openapi/?id=1001)\n- [demo 源码](https://github.com/realsee-developer/dnalogel)\n- [数据依赖来源：open API](https://open-platform.realsee.com/developer/openapi/?id=1001)\n\n# 💡 Preview\n\n我们为每个插件书写了简单的效果示例，您可点击预览：\n[@realsee/dnalogel showcase](https://realsee-developer.github.io/dnalogel/)\n\n# 🧾 Lists\n\n- 🔌 ModelViewPlugin：模型小窗插件\n- 🔌 PanoFloorplanRadarPlugin：全景户型雷达图插件\n- 🔌 ModelRoomLabelPlugin：模型态房屋标签插件\n- 🔌 TopviewFloorplanPlugin：俯视模型户型图插件\n- 🔌 ModelChassisCompassPlugin：模型底盘指南针插件\n- 🔌 ModelEntryDoorGuidePlugin：模型入户门引导插件\n- 🔌 CSS3DRenderPlugin：CSS3D渲染插件\n- 🔌 CameraMovementPlugin：相机运镜插件\n- 🔌 ModelFloorplanPlugin：模型户型图插件\n- 🔌 PanoRulerPlugin：全景标尺插件\n- 🔌 PanoCompassPlugin：全景指南针插件\n- 其他插件持续更新中...\n\n# 可能遇到的问题\n\n1. webpack打包出现以下错误\n\n```bash\nModule not found: Error: Can't resolve '@realsee/five/line' in 'xxx/node_modules/@realsee/dnalogel/libs'\nDid you mean 'index.js'?\nBREAKING CHANGE: The request '@realsee/five/line' failed to resolve only because it was resolved as fully specified\n(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '\"type\": \"module\"').\nThe extension in the request is mandatory for it to be fully specified.\nAdd the extension to the request.\n```\n\n解决方案：在webpack配置里加以下rule\n参考：[resolvefullyspecified](https://webpack.js.org/configuration/module/#resolvefullyspecified)\n\n```js\n{\n test: /\\.m?js$/,\n resolve: {\n fullySpecified: false, // disable the behaviour\n },\n},\n```\n\n# License\n\n[TERMS](https://github.com/realsee-developer/dnalogel/blob/main/TERMS.txt)","users":{}}
![](\"https://vrlab-public.ljcdn.com/common/file/web/ea031fa5-ad82-46b3-86c8-7b20ec1e635a.jpg\")
![\"npm](\"https://img.shields.io/npm/v/@realsee/dnalogel.svg\")
\n ![\"license\"](\"https://img.shields.io/npm/l/@realsee/dnalogel.svg\")
\n