3D Bee — use mouse to orbit

1d:T129c,import * as THREE from 'three'; export default class Bee { constructor() { this.group = new THREE.Group(); // Body (oval) const bodyGeom = new THREE.SphereGeometry(0.45, 32, 32); const bodyMat = new THREE.MeshStandardMaterial({ color: 0xffd15c, roughness: 0.6, metalness: 0.05 }); this.body = new THREE.Mesh(bodyGeom, bodyMat); this.body.scale.set(1.5, 1.0, 1.0); this.group.add(this.body); // Black stripes (three rings) const stripeMat = new THREE.MeshStandardMaterial({ color: 0x111111, roughness: 0.8 }); const stripeXs = [-0.35, 0.05, 0.42]; stripeXs.forEach((x) => { const ring = new THREE.Mesh(new THREE.TorusGeometry(0.48, 0.09, 8, 64), stripeMat); ring.rotation.x = Math.PI / 2; ring.rotation.z = Math.PI / 2; ring.position.x = x; this.group.add(ring); }); // Head const headGeom = new THREE.SphereGeometry(0.26, 24, 24); const headMat = new THREE.MeshStandardMaterial({ color: 0x222222, roughness: 0.7 }); this.head = new THREE.Mesh(headGeom, headMat); this.head.position.x = 0.95; this.head.scale.set(1, 0.95, 1); this.group.add(this.head); // Eyes const eyeGeom = new THREE.SphereGeometry(0.06, 12, 12); const eyeMat = new THREE.MeshStandardMaterial({ color: 0x000000 }); const leftEye = new THREE.Mesh(eyeGeom, eyeMat); const rightEye = leftEye.clone(); leftEye.position.set(1.06, 0.05, 0.12); rightEye.position.set(1.06, 0.05, -0.12); this.group.add(leftEye, rightEye); // Antennae const antMat = new THREE.MeshStandardMaterial({ color: 0x222222 }); const antGeo = new THREE.CylinderGeometry(0.01, 0.02, 0.6, 8); const ant1 = new THREE.Mesh(antGeo, antMat); const ant2 = ant1.clone(); ant1.position.set(1.16, 0.2, 0.08); ant2.position.set(1.16, 0.2, -0.08); ant1.rotation.z = -0.6; ant2.rotation.z = -0.6; ant1.rotation.y = 0.15; ant2.rotation.y = -0.15; this.group.add(ant1, ant2); // Stinger const stingGeom = new THREE.ConeGeometry(0.08, 0.28, 12); const stingMat = new THREE.MeshStandardMaterial({ color: 0x222222 }); const sting = new THREE.Mesh(stingGeom, stingMat); sting.position.set(-1.15, 0, 0); sting.rotation.z = Math.PI; this.group.add(sting); // Wings: two semi-transparent planes with slight curvature const wingGeom = new THREE.PlaneGeometry(0.9, 0.45, 8, 8); // add slight bend by moving vertices for (let i = 0; i < wingGeom.attributes.position.count; i++) { const y = wingGeom.attributes.position.getY(i); const x = wingGeom.attributes.position.getX(i); wingGeom.attributes.position.setZ(i, Math.sin(x * 2.5) * 0.03 + Math.cos(y * 2.5) * 0.01); } wingGeom.computeVertexNormals();