@vertexvis/poc-viewer
Advanced tools
This project contains Vertex's 3D Viewer SDK. Vertex is a cloud platform for rendering large 3D models. See Vertex's website for more information.
Our 3D viewer is distributed as a set of standards-based web components that can run in any browser supporting the Custom Elements v1 specification. For browsers that do not support the Custom Elements v1 spec, a polyfill will automatically be used.
To get started, add a <script> tag to your HTML file that references our
published JS bundle.
<html>
<head>
<link
rel="stylesheet"
href="https://unpkg.com/@vertexvis/poc-viewer@0.4.0/dist/viewer/viewer.css"
/>
<script
type="module"
src="https://unpkg.com/@vertexvis/poc-viewer@0.4.0/dist/viewer/viewer.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/@vertexvis/poc-viewer@0.4.0/dist/viewer.js"
></script>
</head>
</html>
You can also install our components as an NPM dependency to your project.
npm install my-component --save<script src='node_modules/my-component/dist/mycomponent.js'></script> in the head of your index.html<html>
<head>
<link
rel="stylesheet"
href="https://unpkg.com/@vertexvis/poc-viewer@0.4.0/dist/viewer/viewer.css"
/>
<script
type="module"
src="https://unpkg.com/@vertexvis/poc-viewer@0.4.0/dist/viewer/viewer.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/@vertexvis/poc-viewer@0.4.0/dist/viewer.js"
></script>
<script>
window.addEventListener('DOMContentLoaded', () => {
main();
});
function main() {
const viewer = document.querySelector('#viewer');
viewer.addEventListener('pick', event => {
console.log('picked parts', event.details.hitResults);
});
}
</script>
</head>
<body>
<vertex-viewer
id="viewer"
credentials-client-id="client-id"
credentials-token="token"
model="urn:vertexvis:eedc:scenestate:123"
>
<vertex-viewer-toolbar data-viewer="viewer"></vertex-viewer-toolbar>
</vertex-viewer>
</body>
</html>
FAQs
The Vertex SDK (POC) for viewing models.
We found that @vertexvis/poc-viewer demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.
Security News
Research
Socket's threat research team has detected five malicious npm packages targeting Roblox developers, deploying malware to steal credentials and personal data.
Security News
vlt introduced its new package manager and a serverless registry this week, innovating in a space where npm has stagnated.