|
@@ -59,7 +59,7 @@
|
|
const params = {
|
|
const params = {
|
|
envMap: 'HDR JPG',
|
|
envMap: 'HDR JPG',
|
|
roughness: 0.0,
|
|
roughness: 0.0,
|
|
- metalness: 0.0,
|
|
|
|
|
|
+ metalness: 1.0,
|
|
exposure: 1.0,
|
|
exposure: 1.0,
|
|
debug: false
|
|
debug: false
|
|
};
|
|
};
|
|
@@ -85,19 +85,17 @@
|
|
container = document.createElement( 'div' );
|
|
container = document.createElement( 'div' );
|
|
document.body.appendChild( container );
|
|
document.body.appendChild( container );
|
|
|
|
|
|
- camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 );
|
|
|
|
- camera.position.set( 0, 0, 120 );
|
|
|
|
|
|
+ camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 500 );
|
|
|
|
+ camera.position.set( 0, 0, - 120 );
|
|
|
|
|
|
scene = new THREE.Scene();
|
|
scene = new THREE.Scene();
|
|
- scene.background = new THREE.Color( 0x000000 );
|
|
|
|
|
|
|
|
renderer = new THREE.WebGLRenderer();
|
|
renderer = new THREE.WebGLRenderer();
|
|
renderer.toneMapping = THREE.ACESFilmicToneMapping;
|
|
renderer.toneMapping = THREE.ACESFilmicToneMapping;
|
|
|
|
|
|
//
|
|
//
|
|
|
|
|
|
- let geometry = new THREE.TorusKnotGeometry( 18, 8, 150, 20 );
|
|
|
|
- // let geometry = new THREE.SphereGeometry( 26, 64, 32 );
|
|
|
|
|
|
+ let geometry = new THREE.TorusKnotGeometry( 18, 8, 200, 40, 1, 3 );
|
|
let material = new THREE.MeshStandardMaterial( {
|
|
let material = new THREE.MeshStandardMaterial( {
|
|
color: 0xffffff,
|
|
color: 0xffffff,
|
|
metalness: params.metalness,
|
|
metalness: params.metalness,
|