three-web-components icon indicating copy to clipboard operation
three-web-components copied to clipboard

Create ‹three-camera› element

Open olange opened this issue 6 years ago • 0 comments

Features

  • [x] Perspective camera, with user defined and default options DONE 21.02
  • [x] Orthographic camera with user defined and default options DONE 22.02
  • [x] Register/deregister with parent ‹three-app› element DONE 21.02
  • [x] Dispose used resources (THREE Camera, controllers) when disconnect DONE 21.02+27.02
  • [x] Have parent ‹three-app› element define frustum aspect ratio (on init and resize) DONE 21.02
  • [x] Specification of active camera on parent ‹three-app› element DONE 21.02
  • [x] Active camera on parent ‹three-app› element defaults to first ‹three-camera› DONE 21.02
  • [x] Define position and direction of camera DONE 22.02
  • [x] Define view frustum of camera DONE 21.02
  • [x] 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

  • #7 Create ‹three-camera› OSC controller
  • #8 Create ‹three-camera› Orbitter controller

olange avatar Feb 20 '19 23:02 olange