Professor6T9 Web SheLL

Windows NT WEB-23 10.0 build 17763 (Windows Server 2016) i586
Microsoft-IIS/10.0
103.118.16.173

JStrialV2.js

var GUI = lil.GUI;

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

const renderer = new THREE.WebGLRenderer({ canvas: document.getElementById('canvas') });
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
document.getElementById('container').appendChild(renderer.domElement);

/*
const textureLoader = new THREE.TextureLoader();
const texture = textureLoader.load('images.jpeg');
 // const textureLoader = new THREE.TextureLoader();
 // const texture = textureLoader.load('path_to_your_texture.jpg');
 // const texture = textureLoader.load("./images.jpeg");
//  const texture = new THREE.TextureLoader().load( "textures/images.jpeg" );
    texture.wrapS = THREE.RepeatWrapping;
    texture.wrapT = THREE.RepeatWrapping;
    texture.repeat.set(1, 1);

// const cubegeometry = new THREE.BoxGeometry( 1.3, 1.3 , 1.3 );

/*    const textureLoader = new THREE.TextureLoader();
    const texture = textureLoader.load('images.jpeg', function(texture) {
   // const texture = textureLoader.load('images.jpeg' , function(texture) {;
    const textureMaterial = new THREE.MeshStandardMaterial({ map: texture });
    cube.material = texturedMaterial;
   
        renderer.render(scene, camera); */
   // });

//   const cubematerial = new THREE.MeshStandardMaterial({ map: texture });
 //   const cubematerial = new THREE.MeshBasicMaterial({ map: texture });

const textureLoader = new THREE.TextureLoader();
 const texture = textureLoader.load('images.jpeg');
 const texturedMaterial = new THREE.MeshStandardMaterial({ map: texture });
 const basicMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });

//const cubetexture = new THREE.Mesh(cubegeometry , basicMaterial);
//scene.add(cube);

//renderer.render(scene, camera);

//const cubegeometry = new THREE.BoxGeometry( 1.3, 1.3 , 1.3 );
//const cubematerial = new THREE.MeshStandardMaterial({ map: texture });

/* const cubematerial = [ new THREE.MeshStandardMaterial({ color: 0x00ff00 }),
new THREE.MeshStandardMaterial({ color: 0x00ffff }), 
new THREE.MeshStandardMaterial({ color: 0x0000ff }), 
new THREE.MeshStandardMaterial({ color: 0xffff00 }), 
new THREE.MeshStandardMaterial({ color: 0xff00ff }), 
new THREE.MeshStandardMaterial({ color: 0x00ffff })  
];      */

//const basicMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });

const cubegeometry = new THREE.BoxGeometry( 1.3, 1.3 , 1.3 );
// const cubeMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 });
const cube = new THREE.Mesh(cubegeometry, texturedMaterial);
cube.castShadow = true;
scene.add(cube);

//render();
   // });

const curve = new THREE.CatmullRomCurve3( [
	new THREE.Vector3( -10, 0, 10 ),
	new THREE.Vector3( -5, 5, 5 ),
	new THREE.Vector3( 0, 0, 0 ),
	new THREE.Vector3( 5, -5, 5 ),
	new THREE.Vector3( 10, 0, 10 )
] );

const points = curve.getPoints( 50 );

/* const pathgeometry = new THREE.BufferGeometry().setFromPoints( points );
const pathmaterial = new THREE.LineBasicMaterial( { color: 0xff0000 } );
const curveObject = new THREE.Line( geometry, material );
scene.add( curveObject ); */

/*
const textureLoader = new THREE.TextureLoader();
//const textureCube = textureLoader.load("../textures/images.jpeg");
// Load the texture asynchronously
textureLoader.load('textures/image.jpeg', function(texture) {
    // Create a basic material with the loaded texture
    const cubematerial = new THREE.MeshBasicMaterial({ map: texture });

/*    const textureLoader = new THREE.TextureLoader();
    const texture = textureLoader.load('textures/image.jpeg');
  //  const cubematerial = new THREE.MeshBasicMaterial({ map: texture });
    const cubematerial = new THREE.MeshStandardMaterial({ map: texture }); */

/*  main

const textureLoader = new THREE.TextureLoader();
    const texture = textureLoader.load('images.jpeg', function(texture) {
     // const textureLoader = new THREE.TextureLoader();
     // const texture = textureLoader.load('path_to_your_texture.jpg');
     // const texture = textureLoader.load("./images.jpeg");
    //  const texture = new THREE.TextureLoader().load( "textures/images.jpeg" );
        texture.wrapS = THREE.RepeatWrapping;
        texture.wrapT = THREE.RepeatWrapping;
        texture.repeat.set(1, 1);

const cubematerial = new THREE.MeshStandardMaterial({ map: texture });

const cubegeometry = new THREE.BoxGeometry( 1.3, 1.3 , 1.3 );
//const cubematerial = new THREE.MeshStandardMaterial({ map: texture });

//const cubematerial = [ new THREE.MeshStandardMaterial({ color: 0x00ff00 }),
//new THREE.MeshStandardMaterial({ color: 0x00ffff }), 
//new THREE.MeshStandardMaterial({ color: 0x0000ff }), 
//new THREE.MeshStandardMaterial({ color: 0xffff00 }), 
//new THREE.MeshStandardMaterial({ color: 0xff00ff }), 
//new THREE.MeshStandardMaterial({ color: 0x00ffff })  
//];

const cube = new THREE.Mesh(cubegeometry, cubematerial);
cube.castShadow = true;
scene.add(cube);
*/

/*const curve = new THREE.CatmullRomCurve3( [
	new THREE.Vector3( -10, 0, 10 ), 
	new THREE.Vector3( -5, 5, 5 ),
	new THREE.Vector3( 0, 0, 0 ),
	new THREE.Vector3( 5, -5, 5 ),
	new THREE.Vector3( 10, 0, 10 )
] );
*/

cube.traverse(function(node){
  if(node.isMesh)
  node.castShadow = true;
});

//renderer.render(scene, camera);
//animate();
//});

const path = new THREE.CatmullRomCurve3(points);

const pathGeometry = new THREE.BufferGeometry().setFromPoints(path.getPoints(50));
const pathMaterial = new THREE.LineBasicMaterial({color: 0xff0000});
const pathObject = new THREE.Line(pathGeometry , pathMaterial);
scene.add(pathObject);

/*  main     
const groundGeometry = new THREE.PlaneGeometry( 30,30 );
const groundMaterial = new THREE.MeshStandardMaterial({ color: 0xdddddd });

const ground = new THREE.Mesh(groundGeometry, groundMaterial);
ground.rotation.x = -Math.PI / 2; 
ground.position.y = -1.5; 
ground.receiveShadow = true; 
scene.add(ground);  */

const groundGeometry = new THREE.PlaneGeometry( 30, 30 );
//const textureLoader1 = new THREE.TextureLoader();
const gridTexture = textureLoader.load( 'grid.png' );

const groundMaterial = new THREE.MeshBasicMaterial({ 
    color: 0xdddddd, 
    map: gridTexture, 
    side: THREE.DoubleSide 
});

const ground = new THREE.Mesh( groundGeometry, groundMaterial );
ground.rotation.x = -Math.PI / 2;
ground.position.y = -1.5;
ground.receiveShadow = true;
scene.add( ground );

camera.position.z = 5;

const ambientLight = new THREE.AmbientLight(0xffffff, 0.1);
scene.add(ambientLight);

const light = new THREE.DirectionalLight( 0xffffff, 1 );
light.position.set( 0, 5, 0 ); 
light.castShadow = true; 
scene.add( light );

renderer.shadowMap.near = 0.5;
renderer.shadowMap.far = 500;

/*    const spotLight = new THREE.SpotLight(0xffffff, 1);
spotLight.position.set(-1, 5, -1);
spotLight.castShadow = true;
scene.add(spotLight);

const spotLightHelper = new THREE.SpotLightHelper(spotLight);
scene.add(spotLightHelper);  */

let isRotating = true;
//let rotationSpeed = 0.01;
//let rotationDirectionX = 1;
//let rotationDirectionY = 1;
//let rotationDirectionZ = 1;
let isAnimating = false;

function animate() {
  if(isAnimating) {
 
  const time = Date.now();
  const t = (time / 2000 % 6 ) / 6;
  const position = path.getPointAt(t);
  cube.position.copy(position);
 
  const tangent = path.getTangentAt(t).normalize();
  cube.lookAt(position.clone().add(tangent));

renderer.render(scene, camera);
  }
  requestAnimationFrame(animate);
//requestAnimationFrame(animate);
  //if (isRotating) {
  //cube.rotation.x += rotationSpeed * rotationDirectionX;
  //cube.rotation.y += rotationSpeed * rotationDirectionY;
  //cube.rotation.z += rotationSpeed * rotationDirectionZ;   
  }
    
   animate();

//renderer.setAnimationLoop(animate);

window.addEventListener('resize' , function () {
 camera.aspect = window.innerWidth / window.innerHeight;
 camera.updateProjectionMatrix();
 renderer.setSize(window.innerWidth, window.innerHeight);

});

function startAnimate() {

// isRotating = true;
  isAnimating = true;
  cube.castShadow = !isAnimating;
  showShadow();
  animate();

}

function stopAnimate() {

isRotating = false;
  isAnimating = false; 
  cube.castShadow = true;
   
}

function toggleRotation() {

rotationDirectionX *= -1;
rotationDirectionY *= -1;
rotationDirectionZ *= -1;

}

function showTexture() {

cube.material = texturedMaterial;

}

function hideTexture() {

cube.material = basicMaterial;

}

function showShadow() {

cube.castShadow = true;
ground.receiveShadow = !ground.receiveShadow;

renderer.render(scene, camera);

}

function showAmbientLight(){
  
 ambientLight = new THREE.AmbientLight(0xffffff, 0.1);
 scene.add(ambientLight);

// ambientLight.visible = !ambientLight.visible;
  renderer.render(scene, camera);

}

function showDirectionalLight() {

directionalLight = new THREE.DirectionalLight(0xFFFFFF, 1);
directionalLight.position.set(10, 20, 10);
directionalLight.target.position.set(0, 0, 0); 
directionalLight.castShadow = false;

directionalLight.shadow.mapSize.width = 2048; 
directionalLight.shadow.mapSize.height = 2048;

directionalLight.shadow.camera.left = -10;
directionalLight.shadow.camera.right = 10;
directionalLight.shadow.camera.top = 10;
directionalLight.shadow.camera.bottom = -6;
directionalLight.shadow.camera.near = 0.5; 
directionalLight.shadow.camera.far = 500;

scene.add(directionalLight);
scene.add(directionalLight.target);

renderer.render(scene, camera);

}

function showSpotLight() {

spotLight = new THREE.SpotLight( 0xffffff , 0.5 );
  spotLight.position.set( -1, 5, -1 );
  spotLight.angle = Math.PI / 3;
  spotLight.penumbra = 0.05; 
  spotLight.decay = 2; 
  spotLight.distance = 200; 
  spotLight.castShadow = true;
  spotLight.shadow.bias = - 0.005;
  scene.add( spotLight );
 // spotLight.visible = !spotLight.visible;

const lightHelper = new THREE.SpotLightHelper( spotLight );
        scene.add( lightHelper );
      //  spotLightHelper.visible = spotLight.visible;

}

const gui = new GUI();

const cubeFolder = gui.addFolder( 'Cube' )
  cubeFolder.add(cube.rotation, 'x', 0, Math.PI * 2)
  cubeFolder.add(cube.rotation, 'y', 0, Math.PI * 2)
  cubeFolder.add(cube.rotation, 'z', 0, Math.PI * 2)
  cubeFolder.open()

const cameraFolder = gui.addFolder('Camera')
  cameraFolder.add(camera.position, 'z', 0, 20)
  cameraFolder.open()

const cubeScaleFolder = gui.addFolder('Scale')
  cubeScaleFolder.add(cube.scale, 'x', 0, 10)
  cubeScaleFolder.add(cube.scale, 'y', 0, 10)
  cubeScaleFolder.add(cube.scale, 'z', 0, 10)
  cubeScaleFolder.add(cube, 'visible', true)
  cubeScaleFolder.open()

obj = {
  color1: '#AA00FF',
  color2: '#a0f',
  color3: 'rgb(170, 0, 255)',
  color4: 0xaa00ff,
  color5: 0xaa00ff,
  color6: 0xaa00ff
  
};

gui.addColor( obj, 'color1' );
gui.addColor( obj, 'color2' );
gui.addColor( obj, 'color3' );
gui.addColor( obj, 'color4' );
gui.addColor( obj, 'color5' );
gui.addColor( obj, 'color6' );

const myObject = {
  myBoolean: true,
  myFunction: function() {  },
  myString: 'lil-gui',
  myNumber: 1
};

obj = { size: 'Medium', speed: 1 };
gui.add( obj, 'size', [ 'Small', 'Medium', 'Large' ] );
gui.add( obj, 'speed', { Slow: 0.1, Normal: 1, Fast: 5 } );

// https://sbcode.net/threejs/geometries/#srcclientclientts

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	0/0	0777	2025-01-07 02:19:26
..	dir	-	0/0	0777	2025-07-24 01:07:09
CRM	dir	-	0/0	0777	2025-01-07 02:15:26
Cube	dir	-	0/0	0777	2025-01-07 02:15:30
FTP	dir	-	0/0	0777	2025-01-07 02:15:38
FinalCube	dir	-	0/0	0777	2025-01-07 02:15:32
Junagadh	dir	-	0/0	0777	2025-01-07 02:16:57
JunagadhCS	dir	-	0/0	0777	2025-01-07 02:17:17
JunagadhComingSoon	dir	-	0/0	0777	2025-01-07 02:17:10
KGS	dir	-	0/0	0777	2025-01-07 02:19:02
MGCFinsteco	dir	-	0/0	0777	2025-01-07 02:19:04
New folder	dir	-	0/0	0777	2024-09-17 05:32:21
Path	dir	-	0/0	0777	2025-01-07 02:19:05
PhotoFrame	dir	-	0/0	0777	2025-01-07 02:19:05
Sample	dir	-	0/0	0777	2025-01-07 02:19:08
StartBootstrap	dir	-	0/0	0777	2025-01-07 02:19:15
animate	dir	-	0/0	0777	2025-01-07 02:15:08
assets	dir	-	0/0	0777	2025-01-07 02:15:09
css	dir	-	0/0	0777	2025-01-07 02:15:26
forms	dir	-	0/0	0777	2025-01-07 02:15:32
images	dir	-	0/0	0777	2025-01-07 02:15:42
img	dir	-	0/0	0777	2025-01-07 02:15:51
jamnagarinfo	dir	-	0/0	0777	2025-01-07 02:16:20
js	dir	-	0/0	0777	2025-01-07 02:16:30
junagadhinfo	dir	-	0/0	0777	2025-01-07 02:18:56
scss	dir	-	0/0	0777	2025-01-07 02:19:08
textured cube	dir	-	0/0	0777	2025-01-07 02:19:26
vendor	dir	-	0/0	0777	2025-01-07 02:19:37
AI_iPad+2.png	image/png	1.29 MB	0/0	0666	2024-08-13 06:18:51
Big screen.png	image/png	266 KB	0/0	0666	2024-09-16 03:54:21
Big screen.svg	image/svg+xml	1.55 MB	0/0	0666	2024-09-16 03:54:25
CRM.html	text/html	30.3 KB	0/0	0666	2024-11-19 05:31:25
Fin2.zip	application/zip	2.94 MB	0/0	0666	2024-09-24 12:02:00
GUI.js	text/plain	2.46 KB	0/0	0666	2024-08-13 06:18:58
Index (2).html	text/html	2.07 KB	0/0	0666	2024-10-23 06:40:49
Index.html	text/html	10.33 KB	0/0	0666	2024-10-14 07:10:37
JStrial1V2.js	text/plain	3.81 KB	0/0	0666	2024-08-13 06:19:00
JStrialV2.js	text/plain	11.74 KB	0/0	0666	2024-07-26 03:23:42
Layer_1.png	image/png	2.65 KB	0/0	0666	2024-09-16 03:54:28
PhotoFrame.css	text/plain	69 B	0/0	0666	2024-08-06 04:39:57
PhotoFrame.html	text/html	1.49 KB	0/0	0666	2024-08-06 04:39:58
PhotoFrame.js	text/plain	599 B	0/0	0666	2024-08-06 04:39:58
Readme.txt	text/plain	222 B	0/0	0666	2024-10-23 06:40:51
Rectangle 1.png	image/png	2.55 MB	0/0	0666	2024-09-16 03:54:46
Rectangle 3.png	image/png	1.43 KB	0/0	0666	2024-09-16 03:54:39
Rectangle 36.png	image/png	171.21 KB	0/0	0666	2024-09-16 03:54:45
Rectangle 38.png	image/png	171.21 KB	0/0	0666	2024-09-16 03:54:48
Rectangle 4 border.png	image/png	1.66 KB	0/0	0666	2024-09-16 03:54:47
Rectangle 4.png	image/png	1.22 KB	0/0	0666	2024-09-16 03:54:48
Rectangle 9.png	image/png	171.21 KB	0/0	0666	2024-09-16 03:54:50
Small screen.svg	image/svg+xml	999.32 KB	0/0	0666	2024-09-16 03:54:57
TextureGround.js	text/plain	10.13 KB	0/0	0666	2024-08-13 06:19:01
TextureImg.jpeg	image/jpeg	2.15 KB	0/0	0666	2024-08-02 08:24:51
about.html	text/html	16.51 KB	0/0	0666	2024-09-17 05:31:54
animate.js	text/plain	9.68 KB	0/0	0666	2024-08-22 01:20:56
colourful image.jpeg	image/jpeg	8.43 KB	0/0	0666	2024-08-13 06:18:41
environment.hdr.jpg	image/jpeg	172.68 KB	0/0	0666	2024-07-26 03:23:32
environment.jpg	image/jpeg	172.68 KB	0/0	0666	2024-08-13 06:18:52
environment.js	text/plain	1.38 KB	0/0	0666	2024-08-13 06:18:53
features.html	text/html	13.91 KB	0/0	0666	2024-09-17 05:31:54
gradient-background.jpg	image/jpeg	26.25 KB	0/0	0666	2024-08-13 06:18:54
gradient-background.png	image/png	265.94 KB	0/0	0666	2024-08-13 06:18:57
gradient.png	image/png	950.57 KB	0/0	0666	2024-09-16 03:54:27
grid.png	image/webp	2.84 KB	0/0	0666	2024-08-13 06:18:56
images.jpeg	image/jpeg	2.15 KB	0/0	0666	2024-08-13 06:18:58
images.png	image/png	33.76 KB	0/0	0666	2024-08-13 06:18:59
index1.html	text/html	16.85 KB	0/0	0666	2024-10-24 01:11:08
index2.html	text/html	9.15 KB	0/0	0666	2024-10-21 11:21:08
lighting.js	text/plain	710 B	0/0	0666	2024-08-13 06:19:00
logo-dark.svg	image/svg+xml	3.56 KB	0/0	0666	2024-09-16 03:54:28
logo-light.svg	image/svg+xml	3.55 KB	0/0	0666	2024-09-16 03:54:28
main.css	text/plain	25.89 KB	0/0	0666	2024-10-18 04:47:06
main1.css	text/plain	20.27 KB	0/0	0666	2024-10-15 01:33:16
main2.css	text/plain	19.08 KB	0/0	0666	2024-10-23 06:40:51
mathematical vector.png	image/png	607 B	0/0	0666	2024-09-16 03:54:29
path.js	text/plain	1.97 KB	0/0	0666	2024-08-13 06:19:01
portfolio-details.html	text/html	11.47 KB	0/0	0666	2024-10-14 04:11:58
screen icon.png	image/png	607 B	0/0	0666	2024-09-16 03:54:49
screen-img.png	image/png	225.71 KB	0/0	0666	2024-09-16 03:54:52
service-details.html	text/html	12.44 KB	0/0	0666	2024-10-14 04:11:59
small screen.png	image/png	91.13 KB	0/0	0666	2024-09-16 03:54:52
starter-page.html	text/html	9.31 KB	0/0	0666	2024-10-14 04:12:00
style.css	text/plain	22.48 KB	0/0	0666	2024-09-16 03:54:58
style1.css	text/plain	11.27 KB	0/0	0666	2024-09-16 03:54:58
symbol.png	image/png	585 B	0/0	0666	2024-09-16 03:54:58
trial3JS1.html	text/html	3.73 KB	0/0	0666	2024-08-22 01:20:55
trial3JSmain.css	text/plain	2.4 KB	0/0	0666	2024-08-22 01:20:56
trial3JSmain.js	text/plain	1 KB	0/0	0666	2024-07-04 11:50:07

Team Anon Force

https://t.me/Professor6T9x