Skip to content

Create ‹three-camera› element #3

@olange

Description

@olange

Features

  • Perspective camera, with user defined and default options DONE 21.02
  • Orthographic camera with user defined and default options DONE 22.02
  • Register/deregister with parent ‹three-app› element DONE 21.02
  • Dispose used resources (THREE Camera, controllers) when disconnect DONE 21.02+27.02
  • Have parent ‹three-app› element define frustum aspect ratio (on init and resize) DONE 21.02
  • Specification of active camera on parent ‹three-app› element DONE 21.02
  • Active camera on parent ‹three-app› element defaults to first ‹three-camera› DONE 21.02
  • Define position and direction of camera DONE 22.02
  • Define view frustum of camera DONE 21.02
  • Define zoom of camera DONE 27.02
  • Handle dynamic addition and removal from DOM STAGING almost done, still a bug on setting frustum aspect ratio upon addition

Sample code

<three-app fps="10">
  <three-camera id="camera01" type="perspective" helper="true"></three-camera>
</three-app>

<three-app fps="10" camera="camera01">
  <three-camera id="camera01" type="perspective" helper="true"></three-camera>
  <three-camera id="camera02" type="perspective" helper="true"></three-camera>
</three-app>

Blocks

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions