Class: CSS3DRendererPlugin

Plugins.CSS3DRendererPlugin

Refs: https://adndevblog.typepad.com/cloud_and_mobile/2015/07/embedding-webpages-in-a-3d-threejs-scene.html http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/ https://github.com/jeromeetienne/threex.htmlmixer/ https://chrome.google.com/webstore/detail/ignore-x-frame-headers/gleekbfjekiniecknbkamfmkohkpodhe https://github.com/guilryder/chrome-extensions/tree/main/xframe_ignore

Extra bypass - doesn't work properly anymore: https://github.com/niutech/x-frame-bypass

<script src="https://unpkg.com/@ungap/custom-elements-builtin"></script>
<script type="module" src="https://unpkg.com/x-frame-bypass"></script>

Hierarchy

• AViewerPlugin<"">

  ↳ CSS3DRendererPlugin

Properties

PluginType

▪ Static Readonly PluginType: "CSS3DRenderer"

---

enabled

• enabled: boolean

Overrides

AViewerPlugin.enabled

---

overCanvas

• overCanvas: boolean = true

---

uiConfig

• Optional uiConfig: UiObjectConfig<any, string>

---

_dirty

• Protected _dirty: boolean = false

Inherited from

AViewerPlugin._dirty

---

_viewer

• Protected Optional _viewer: ViewerApp

Inherited from

AViewerPlugin._viewer

Accessors

dirty

• get dirty(): boolean

Returns

boolean

Inherited from

AViewerPlugin.dirty

• set dirty(value): void

Parameters

Name	Type
value	boolean

Returns

void

Inherited from

AViewerPlugin.dirty

---

viewer

• get viewer(): undefined | ViewerApp

Returns

undefined | ViewerApp

Inherited from

AViewerPlugin.viewer

Methods

onRemove

▸ onRemove(viewer): Promise<void>

Parameters

Name	Type
viewer	ViewerApp

Returns

Promise<void>

Inherited from

AViewerPlugin.onRemove

---

toJSON

▸ toJSON(meta?): any

Parameters

Name	Type
meta?	any

Returns

any

Inherited from

AViewerPlugin.toJSON

---

fromJSON

▸ fromJSON(data, meta?): null | CSS3DRendererPlugin | Promise<null | CSS3DRendererPlugin>

Parameters

Name	Type
data	any
meta?	any

Returns

null | CSS3DRendererPlugin | Promise<null | CSS3DRendererPlugin>

Inherited from

AViewerPlugin.fromJSON

---

exportState

▸ exportState(): any

Returns

any

Inherited from

AViewerPlugin.exportState

---

importState

▸ importState(state): Promise<void>

Parameters

Name	Type
state	any

Returns

Promise<void>

Inherited from

AViewerPlugin.importState

---

storeState

▸ storeState(prefix?, storage?, data?): void

Parameters

Name	Type
prefix?	string
storage?	Storage
data?	any

Returns

void

Inherited from

AViewerPlugin.storeState

---

loadState

▸ loadState(prefix?, storage?): Promise<void>

Parameters

Name	Type
prefix?	string
storage?	Storage

Returns

Promise<void>

Inherited from

AViewerPlugin.loadState

---

onAdded

▸ onAdded(viewer): Promise<void>

Parameters

Name	Type
viewer	ViewerApp

Returns

Promise<void>

Overrides

AViewerPlugin.onAdded

---

attachIFrameToSelected

▸ attachIFrameToSelected(): Promise<void>

Returns

Promise<void>

---

attachIFrame

▸ attachIFrame(modelObj, url, clientWidth): CSS3DObject

Parameters

Name	Type
modelObj	IModel<Mesh<BufferGeometry<NormalBufferAttributes, BufferGeometryEventMap>, Material<MaterialEventMap> | Material<MaterialEventMap>[], Object3DEventMap>, IObject3DEventMap>
url	string
clientWidth	number

Returns

CSS3DObject

---

attachCSS3DObject

▸ attachCSS3DObject(cssObj, modelObj): void

Parameters

Name	Type
cssObj	CSS3DObject
modelObj	IModel<Mesh<BufferGeometry<NormalBufferAttributes, BufferGeometryEventMap>, Material<MaterialEventMap> | Material<MaterialEventMap>[], Object3DEventMap>, IObject3DEventMap>

Returns

void

---

onDispose

▸ onDispose(viewer): Promise<void>

Parameters

Name	Type
viewer	ViewerApp

Returns

Promise<void>

Overrides

AViewerPlugin.onDispose

---

_storeKey

▸ Protected _storeKey(prefix?): string

Parameters

Name	Type
prefix?	string

Returns

string

Inherited from

AViewerPlugin._storeKey

Constructors

constructor

• new CSS3DRendererPlugin(enabled?)

Parameters

Name	Type	Default value
enabled	boolean	true

Overrides

AViewerPlugin.constructor