yanzexuan1 / pano-viewer

A WebGL based JS SDK, it is built on top of three.js. It is used to view panoramas.

pano-viewer

pano-viewer is a WebGL based JS SDK, it is built on top of three.js. It is used to view panoramas. It supports viewing a panorama with 1 image, 6 images, or 24 images; It supports viewing a serials of panoramas; It supports hotpoints;

Examples

import { PanoViewer, PanoViewerConfig } from "./dist/pano-viewer.esm.js";

const viewerCfg: PanoViewerConfig = {
    containerId: "myCanvas",
};
const viewpoints = [{
    panoramas: [{
        id: "panorama_1",
        images: "/images/pano_1.jpg",
    }],
    id: "viewpoint_1",
    name: "Living room",
    position: [0, 1, 0],
    initialDirection: [1, 0, 0],
}, {
    panoramas: [{
        id: "panorama_2",
        images: "/images/pano_1.jpg",
    }],
    id: "viewpoint_2",
    name: "Bedroom",
    position: [5, 1, 0],
    initialDirection: [-1, 0, 0],
}];
const viewer = new PanoViewer(viewerCfg);
viewer.setViewpoints(viewpoints);
viewer.activatePanoramaById(viewpoints[0].id, viewpoints[0].panoramas[0].id);
console.log("Loaded");

Project setup

npm install

Compiles and hot-reloads for development

npm start

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Documentation

npm run docs

Documents will be generated into "./docs" folder.

Features

• Load and view a panorama

- Switch to another panorama

- Switch between decorations

`End`

pano-viewer's Issues

问题 dxf 查看器 jsSDK

这个 dxf 查看器源码有开源出来嘛？好像目前解析的不能进行点击获取正确的构件信息，比如CAD 的 块合并，好像是按照 threejs 的材质规则合并的，我想实现鼠标悬停，然后点击正确的 CAD 构件这种的需求，好像并没有满足，所以想看看源码是怎么写的解析 dxf 格式为 threejs 对象的。

problem in project setup

Hello, I have a problem in the implementation of the project, can you help me?

error :

C:\Users\acer\Desktop\test 2\pano-viewer>npm start

[email protected] start
ts-node --esm esbuild.config.ts -mode=development

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for C:\Users\acer\Desktop\test 2\pano-viewer\esbuild.config.ts
at new NodeError (node:internal/errors:406:5)
at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:99:9)
at defaultGetFormat (node:internal/modules/esm/get_format:142:36)
at defaultLoad (node:internal/modules/esm/load:120:20)
at nextLoad (node:internal/modules/esm/hooks:833:28)
at load (C:\Users\acer\Desktop\test 2\pano-viewer\node_modules\ts-node\dist\child\child-loader.js:19:122)
at nextLoad (node:internal/modules/esm/hooks:833:28)
at Hooks.load (node:internal/modules/esm/hooks:416:26)
at MessagePort.handleMessage (node:internal/modules/esm/worker:168:24)
at [nodejs.internal.kHybridDispatch] (node:internal/event_target:807:20) {
code: 'ERR_UNKNOWN_FILE_EXTENSION'
}