Создание интерактивной 3D-графики с помощью Three.js

""<!DOCTYPE html>\n<html>\n<head>\n <title>Three.js Scene</title>\n <script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js'></script>\n</head>\n<body>\n <script>\n var scene = new THREE.Scene();\n var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);\n var renderer = new THREE.WebGLRenderer();\n renderer.setSize(window.innerWidth, window.innerHeight);\n document.body.appendChild(renderer.domElement);\n\n var geometry = new THREE.TorusKnotGeometry(10, 3, 100, 16);\n var material = new THREE.MeshNormalMaterial();\n var torusKnot = new THREE.Mesh(geometry, material);\n scene.add(torusKnot);\n camera.position.z = 50;\n\n function animate() {\n requestAnimationFrame(animate);\n torusKnot.rotation.x += 0.01;\n torusKnot.rotation.y += 0.01;\n renderer.render(scene, camera);\n }\n animate();\n </script>\n</body>\n</html>""