lesca-threejs-orbitcontrols/src/docs/pages/usage.js

add set polar angle and azimuthal angle

import { Button, ButtonGroup } from '@mui/material';
import { useEffect } from 'react';
import Code from '../components/code';
import { name } from '../config';

const codes = [
  {
    title: '1. Installation',
    code: `npm install ${name} --save`,
    type: 'text',
  },
  {
    title: '2. Usage',
    code: `import * as THREE from 'three';
import { OrbitControls } from 'lesca-threejs-orbitcontrols';

// create function
const Orb = new OrbitControls(THREE);

// then create controls object
const controls = new Orb(camera, renderer.domElement);

// keep update
function animate() {
  requestAnimationFrame(animate);
  controls.update();
}

animate();`,
    type: 'js',
  },
];

const Usage = () => {
  useEffect(() => {}, []);
  return (
    <div className='Usage'>
      <h2>Usage</h2>
      {codes.map((e) => (
        <div key={e.title}>
          <h3>{e.title}</h3>
          <Code code={e.code} theme={e.type} />
        </div>
      ))}
      <ButtonGroup variant='contained'>
        <Button>click</Button>
      </ButtonGroup>
    </div>
  );
};
export default Usage;