- Scan ID:
- b85c02e3-9a91-401c-91b2-002cb868cb63Finished
- Submitted URL:
- https://s4gr.roguefoc.us/
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 5 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
THREE | object |
__THREE__ | string |
Console log messages · 3 found
Messages logged to the web console
Type | Category | Log |
---|---|---|
log | other |
|
error | other |
|
error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rogue Focus Special Projects</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="canvas-container">
</div>
<div id="rogue" class="textDiv">
<h1 class="pageText">Rogue Focus Inc</h1>
</div>
<div id="specops" class="textDiv">
<h2 class="pageText">Special Projects Division</h2>
</div>
<script src="cls.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script>
// Initialize Three.js
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.getElementById('canvas-container').appendChild(renderer.domElement);
//light
const directionalLight = new THREE.DirectionalLight(0xffffff, 1);
directionalLight.position.set(2, 1, 1);
scene.add(directionalLight);
directionalLight.castShadow = true;
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
// Create a cube
const boxGeometry = new THREE.BoxGeometry();
boxGeometry.castShadow = true;
boxGeometry.receiveShadow = true;
const edgesGeometry = new THREE.EdgesGeometry(boxGeometry);
const edgeMaterial = new THREE.LineBasicMaterial({ color: 0x00ff00 });
const edgesMesh = new THREE.LineSegments(edgesGeometry, edgeMaterial);
scene.add(edgesMesh);
const sidesMaterial = new THREE.MeshBasicMaterial({
color: 0x0033ff,
wireframe: false,
});
const wireframeMaterial = new THREE.MeshBasicMaterial({
color: 0x00ff77,
wireframe: false,
});
const material = [
sidesMaterial, // Right side
sidesMaterial, // Left side
sidesMaterial, // Top side
sidesMaterial, // Bottom side
sidesMaterial, // Front side
wireframeMaterial, // Back side (wireframe)
];
const cube = new THREE.Mesh(boxGeometry, material);
scene.add(cube);
//cube.position.x += 10;
const groundGeometry = new THREE.PlaneGeometry(10, 10);
const groundMaterial = new THREE.MeshStandardMaterial({ color: 0x999999 });
const ground = new THREE.Mesh(groundGeometry, groundMaterial);
const shadowHelper = new THREE.CameraHelper(directionalLight.shadow.camera);
scene.add(shadowHelper);
ground.receiveShadow = true;
scene.add(ground);
// Position the camera
//camera.position.z = 5;
camera.position.set(5, 5, 5);
camera.lookAt(0, 0, 0);
// Animation loop
const animate = () => {
requestAnimationFrame(animate);
// Rotate the cube
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
};
animate();
</script>
</body><!--******************************
the access key is 4633
******************************--></html>