threeJSでどうしても思った通りの影が出ません........

Question

こんにちは

ThreeJSで綺麗な影が出ないことでの質問です
ThreeJSで影を作るときに行う基本工程は揃えてあるはずなのですが、なぜかこのようなちっぽけな影になってしまいます（画面中央少し下の黒ぽち）
ボールの大きさを変えても変化なしです。

どなたか解決策を教えてください。
お願いいたします。

$(window).on('load',init);

function init(){
	const width = 800;
	const height = 500;

	//レンダラー
	const renderer = new THREE.WebGLRenderer();
	renderer.setSize(width,height);
	renderer.setClearColor(0xd1d1d1,1);
	$('#myCanvas').append(renderer.domElement);
	//カメラ
	const camera = new THREE.PerspectiveCamera(45,width/height,1,1000);
	camera.position.set(400,400,400);
	camera.lookAt(new THREE.Vector3(0,0,0));
	//コントローラ
	var controls = new THREE.OrbitControls(camera);
	//シーン
	const scene = new THREE.Scene();
	
	//中心おぶじぇくと
	const cGeometry = new THREE.SphereGeometry(30,64,64);
	const cMaterial = new THREE.MeshPhongMaterial({color:'red'});
	const core = new THREE.Mesh(cGeometry,cMaterial);
	core.position.set(0,100,0);
	scene.add(core);
	
	//地面
	const pGeometry = new THREE.PlaneGeometry(600,600);
	const pMaterial = new THREE.MeshPhongMaterial({color:'#e8ba7b'});
	const plane = new THREE.Mesh(pGeometry,pMaterial);
	plane.rotation.set(-90*Math.PI/180,0,0);
	scene.add(plane);
	
	//ライト
	const directionalLight = new THREE.DirectionalLight('#fff');
	directionalLight.position.set(1000,1000,1000);
	scene.add(directionalLight);
	const amb = new THREE.AmbientLight('#464646');
	scene.add(amb);
	

	var directionalLightShadowHelper = new THREE.CameraHelper( directionalLight.shadow.camera);
	scene.add( directionalLightShadowHelper);
	
	var directionalLightHelper = new THREE.DirectionalLightHelper( directionalLight);
	scene.add( directionalLightHelper);
	
	const helper = new THREE.AxisHelper(1000);
	scene.add(helper);
	
	//影の作成に必要な設定をまとめておく
	renderer.shadowMap.enabled = true;
	core.castShadow = true;
	plane.receiveShadow = true;
	directionalLight.castShadow = true;

	//アニメーション開始
	(function animate(){
		requestAnimationFrame(animate);
		renderer.render(scene,camera);
		controls.update();
	}());
}

Answer 1

directionalLight.shadow.cameraメソッドというものをプリセットのまま使っていたことが問題でした！

以下のコードを追加しないと十分に広い範囲のdirectionalLightが手に入らないみたいです！
helperがないと気づけんかった........

//プリセットでは全部５（-5）なので、範囲がすごく狭い
directionalLight.shadow.camera.left = -50;
	directionalLight.shadow.camera.right = 50;
	directionalLight.shadow.camera.top = -50;
	directionalLight.shadow.camera.bottom = 50;