import React,{useRef}from "react"; import{Canvas,useFrame}from "@react-three/fiber"; import * as THREE from "three"; function EnhancedWireframeDiamond(){const meshRef = useRef();const groupRef = useRef();// Создаем несколько слоев геометрии для объема const createDiamondGeometry = () =>{const baseGeo = new THREE.OctahedronGeometry(1,0);const wireframe = new THREE.WireframeGeometry(baseGeo);return{baseGeo,wireframe}}const{baseGeo,wireframe}= createDiamondGeometry();useFrame((state) => {if (groupRef.current) {const time = state.clock.elapsedTime; // Вращение с разной скоростью для каждой оси groupRef.current.rotation.x = time * .3; groupRef.current.rotation.y = time * .5; groupRef.current.rotation.z = time * .2; // Легкая пульсация const pulse = 1 + Math.sin(time * 1.5) * .05; groupRef.current.scale.setScalar(pulse);}});return ( {} {} {} {baseGeo.vertices?.map((vertex,index) => ( ))} )}function RotatingDiamond(){return (
{gl.setClearColor("#000000");}} > {} {}
◊
)}export default RotatingDiamond;{}