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"

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:44

---

enabled

• enabled: boolean

Overrides

AViewerPlugin.enabled

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:51

---

overCanvas

• overCanvas: boolean = true

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:56

---

uiConfig

• Optional uiConfig: UiObjectConfig<any, string>

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:299

---

_dirty

• Protected _dirty: boolean = false

Inherited from

AViewerPlugin._dirty

Defined in

webgi/src/core/AViewerPlugin.ts:23

---

_viewer

• Protected Optional _viewer: ViewerApp

Inherited from

AViewerPlugin._viewer

Defined in

webgi/src/core/AViewerPlugin.ts:27

Accessors

dirty

• get dirty(): boolean

Returns

boolean

Inherited from

AViewerPlugin.dirty

Defined in

webgi/src/core/AViewerPlugin.ts:16

• set dirty(value): void

Parameters

Name	Type
value	boolean

Returns

void

Inherited from

AViewerPlugin.dirty

Defined in

webgi/src/core/AViewerPlugin.ts:20

Methods

onRemove

▸ onRemove(viewer): Promise<void>

Parameters

Name	Type
viewer	ViewerApp

Returns

Promise<void>

Inherited from

AViewerPlugin.onRemove

Defined in

webgi/src/core/AViewerPlugin.ts:40

---

toJSON

▸ toJSON(meta?): any

Parameters

Name	Type
meta?	any

Returns

any

Inherited from

AViewerPlugin.toJSON

Defined in

webgi/src/core/AViewerPlugin.ts:45

---

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

Defined in

webgi/src/core/AViewerPlugin.ts:52

---

exportState

▸ exportState(): any

Returns

any

Inherited from

AViewerPlugin.exportState

Defined in

webgi/src/core/AViewerPlugin.ts:64

---

importState

▸ importState(state): Promise<void>

Parameters

Name	Type
state	any

Returns

Promise<void>

Inherited from

AViewerPlugin.importState

Defined in

webgi/src/core/AViewerPlugin.ts:67

---

storeState

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

Parameters

Name	Type
prefix?	string
storage?	Storage
data?	any

Returns

void

Inherited from

AViewerPlugin.storeState

Defined in

webgi/src/core/AViewerPlugin.ts:74

---

loadState

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

Parameters

Name	Type
prefix?	string
storage?	Storage

Returns

Promise<void>

Inherited from

AViewerPlugin.loadState

Defined in

webgi/src/core/AViewerPlugin.ts:84

---

onAdded

▸ onAdded(viewer): Promise<void>

Parameters

Name	Type
viewer	ViewerApp

Returns

Promise<void>

Overrides

AViewerPlugin.onAdded

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:105

---

attachIFrameToSelected

▸ attachIFrameToSelected(): Promise<void>

Returns

Promise<void>

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:181

---

attachIFrame

▸ attachIFrame(modelObj, url, clientWidth): CSS3DObject

Parameters

Name	Type
modelObj	IModel<Mesh<BufferGeometry<NormalBufferAttributes, Event, string>, Material<Event, string> | Material<Event, string>[]>>
url	string
clientWidth	number

Returns

CSS3DObject

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:195

---

attachCSS3DObject

▸ attachCSS3DObject(cssObj, modelObj): void

Parameters

Name	Type
cssObj	CSS3DObject
modelObj	IModel<Mesh<BufferGeometry<NormalBufferAttributes, Event, string>, Material<Event, string> | Material<Event, string>[]>>

Returns

void

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:203

---

onDispose

▸ onDispose(viewer): Promise<void>

Parameters

Name	Type
viewer	ViewerApp

Returns

Promise<void>

Overrides

AViewerPlugin.onDispose

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:339

---

_storeKey

▸ Protected _storeKey(prefix?): string

Parameters

Name	Type
prefix?	string

Returns

string

Inherited from

AViewerPlugin._storeKey

Defined in

webgi/src/core/AViewerPlugin.ts:60

Constructors

constructor

• new CSS3DRendererPlugin(enabled?)

Parameters

Name	Type	Default value
enabled	boolean	true

Overrides

AViewerPlugin.constructor

Defined in

webgi/src/plugins/threejs/CSS3DRendererPlugin.ts:58