Создание ландшафта на основе шума Перлина Three.js

import './style.css'
import * as THREE from 'three'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
import * as dat from 'dat.gui'
 
 
// Debug
const gui = new dat.GUI()
 
 
 
 
//Texture loader
const loader = new THREE.TextureLoader();
let noise = loader.load('noise.png');
 
// Canvas
 
// Scene
const scene = new THREE.Scene()
 
// Objects
const geometry = new THREE.PlaneBufferGeometry(3,3,64,64);
 
 
// Materials
const material = new THREE.MeshStandardMaterial({
    color: 'gray',
    displacementMap: noise
});
const plane = new THREE.Mesh(geometry, material);
scene.add(plane);
plane.receiveShadow = true;
plane.rotation.x = -1.5;
 
 
// Mesh
 
 
// Lights
 
const pointLight = new THREE.PointLight(0xffffff, 2)
pointLight.position.x = 2
pointLight.position.y = 3
pointLight.position.z = 4
scene.add(pointLight)
 
/**
 * Sizes
 */
const sizes = {
    width: window.innerWidth,
    height: window.innerHeight
}
 
window.addEventListener('resize', () =>
{
    // Update sizes
    sizes.width = window.innerWidth
    sizes.height = window.innerHeight
 
    // Update camera
    camera.aspect = sizes.width / sizes.height
    camera.updateProjectionMatrix()
 
    // Update renderer
    renderer.setSize(sizes.width, sizes.height)
    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2))
})
 
/**
 * Camera
 */
// Base camera
const camera = new THREE.PerspectiveCamera(75, sizes.width / sizes.height, 0.1, 1000)
camera.position.x = 2
camera.position.y = 5
camera.position.z = 10
scene.add(camera)
 
const gridHelper = new THREE.GridHelper( 15, 15 );
scene.add( gridHelper );
 
 
/**
 * Renderer
 */
 let renderer = new THREE.WebGLRenderer();
 renderer.setSize( window.innerWidth, window.innerHeight );
 document.body.appendChild( renderer.domElement );
 
 
//Controls 
 const controls = new OrbitControls( camera, renderer.domElement );
 
controls.maxPolarAngle = Math.PI / 2;
/**
 * Animate
 */
 
const clock = new THREE.Clock()
 
 
 
const tick = () =>
{
 
    const elapsedTime = clock.getElapsedTime()
 
    // Update objects
    //sphere.rotation.y = .5 * elapsedTime
 
    // Update Orbital Controls
     controls.update()
 
    // Render
    renderer.render(scene, camera)
 
    // Call tick again on the next frame
    window.requestAnimationFrame(tick)
}
 
tick()