archiwum/j4studio-web
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tailwind fucked up many things so its large small fix

Browse Source
This commit is contained in:
Stanislaw
2023-10-26 14:01:49 +02:00
parent d1d79d78f0
commit 96e507eca1
5 changed files with 34 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/mesh/skeleton.tsx
View File

@@ -8,8 +8,8 @@ import { Canvas } from "@react-three/fiber";
function SkeletonMesh() {
const [eyeAngle, setEyeAAngle] = useState<Number[]>([
THREE.MathUtils.degToRad(10),
THREE.MathUtils.degToRad(100),
THREE.MathUtils.degToRad(0),
THREE.MathUtils.degToRad(0),
THREE.MathUtils.degToRad(0),
]);
const mesh = useRef<Mesh>(null!);
@@ -21,10 +21,10 @@ function SkeletonMesh() {
window.addEventListener("mousemove", (event) => {
setEyeAAngle([
THREE.MathUtils.degToRad(
((event.clientY - window.innerHeight) * 15) / 360 + 20
((event.clientY - window.innerHeight) * 15) / 360 + 30
),
THREE.MathUtils.degToRad(
((event.clientX - window.innerWidth) * 20 - 10) / 360
((event.clientX - window.innerWidth) * 20 - 10) / 360 - 40
),
0,
]);
@@ -60,12 +60,12 @@ export default function Skeleton() {
<Canvas
className="h-100 w-100"
camera={{
position: [0, 0, 0],
type: "perspective",
position: [0, 0, 1],
rotation: [0, 0, 0],
}}
>
<ambientLight />
<pointLight intensity={4} />
<pointLight intensity={15} />
<SkeletonMesh />
</Canvas>
);