tom/METH_Transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Site

Browse Source 
- 3d login in comment now
This commit is contained in:
Kum1ta
2024-08-12 20:48:28 +02:00
parent aeb6aca17c
commit 2a69e41464
4 changed files with 38 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
site/interface/site/login/createThreeDiv.js
View File

@ -3,56 +3,56 @@
/* ::: :::::::: */ /* ::: :::::::: */
/* createThreeDiv.js :+: :+: :+: */ /* createThreeDiv.js :+: :+: :+: */
/* +:+ +:+ +:+ */ /* +:+ +:+ +:+ */
/* By: marvin <marvin@student.42.fr> +#+ +:+ +#+ */ /* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/07 18:09:36 by edbernar #+# #+# */ /* Created: 2024/08/07 18:09:36 by edbernar #+# #+# */
/* Updated: 2024/08/10 18:30:31 by marvin ### ########.fr */ /* Updated: 2024/08/12 20:46:53 by edbernar ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
import * as THREE from 'three'; // import * as THREE from 'three';
function createThreeDiv() function createThreeDiv()
{ {
const divThree = document.createElement("div"); const divThree = document.createElement("div");
divThree.setAttribute("id", "threeDiv"); divThree.setAttribute("id", "threeDiv");
const scene = new THREE.Scene(); // const scene = new THREE.Scene();
// const camera = new THREE.PerspectiveCamera(75, divThree.innerWidth / divThree.innerHeight, 0.1, 1000); // // const camera = new THREE.PerspectiveCamera(75, divThree.innerWidth / divThree.innerHeight, 0.1, 1000);
const camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000); // const camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000);
const renderer = new THREE.WebGLRenderer( {antialias: true} ); // const renderer = new THREE.WebGLRenderer( {antialias: true} );
// renderer.setSize(divThree.innerWidth, divThree.innerHeight); // // renderer.setSize(divThree.innerWidth, divThree.innerHeight);
renderer.setSize(200, 700); // renderer.setSize(200, 700);
divThree.appendChild(renderer.domElement); // divThree.appendChild(renderer.domElement);
renderer.setClearColor(0x020202); // renderer.setClearColor(0x020202);
let geometrie = new THREE.BoxGeometry(1, 1, 1); // let geometrie = new THREE.BoxGeometry(1, 1, 1);
let materiel = new THREE.MeshBasicMaterial({color:0xffffff}); // let materiel = new THREE.MeshBasicMaterial({color:0xffffff});
const mesh = new THREE.Mesh( geometrie, materiel) // const mesh = new THREE.Mesh( geometrie, materiel)
camera.position.set(0, 0 ,4); // camera.position.set(0, 0 ,4);
renderer.antialias // renderer.antialias
loop() // loop()
function loop(){ // function loop(){
requestAnimationFrame(loop); // requestAnimationFrame(loop);
let xsize = divThree.offsetWidth; // let xsize = divThree.offsetWidth;
let ysize = divThree.offsetHeight; // let ysize = divThree.offsetHeight;
renderer.setSize(xsize, ysize); // renderer.setSize(xsize, ysize);
camera.aspect = xsize / ysize; // camera.aspect = xsize / ysize;
camera.updateProjectionMatrix() // camera.updateProjectionMatrix()
console.log(xsize, ysize); // console.log(xsize, ysize);
mesh.rotation.y += 0.001; // mesh.rotation.y += 0.001;
mesh.rotation.x += 0.0005; // mesh.rotation.x += 0.0005;
renderer.render(scene, camera); // renderer.render(scene, camera);
} // }
scene.add(mesh); // scene.add(mesh);
renderer.render(scene, camera); // renderer.render(scene, camera);
return (divThree); return (divThree);
} }

3
site/interface/site/login/main.js
View File

@ -6,7 +6,7 @@
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */ /* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */ /* +#+#+#+#+#+ +#+ */
/* Created: 2024/08/07 17:40:15 by edbernar #+# #+# */ /* Created: 2024/08/07 17:40:15 by edbernar #+# #+# */
/* Updated: 2024/08/10 17:57:45 by edbernar ### ########.fr */ /* Updated: 2024/08/10 18:40:40 by edbernar ### ########.fr */
/* */ /* */
/* ************************************************************************** */ /* ************************************************************************** */
@ -22,7 +22,6 @@ function login()
let nodeText = null; let nodeText = null;
waitForLogin().then((token) => { waitForLogin().then((token) => {
console.log("login.js: userMeInfo.id = " + userMeInfo.id);
nodeText = document.createTextNode(userMeInfo.username); nodeText = document.createTextNode(userMeInfo.username);
if (token !== undefined) if (token !== undefined)

10
site/interface/site/package-lock.json generated
View File

@ -1,5 +1,5 @@
{ {
"name": "interface", "name": "site",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
@ -9,7 +9,7 @@
"stats.js": "^0.17.0" "stats.js": "^0.17.0"
}, },
"devDependencies": { "devDependencies": {
"three": "^0.167.0", "three": "^0.167.1",
"vite": "^5.4.0" "vite": "^5.4.0"
} }
}, },
@ -819,9 +819,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/three": { "node_modules/three": {
"version": "0.167.0", "version": "0.167.1",
"resolved": "https://registry.npmjs.org/three/-/three-0.167.0.tgz", "resolved": "https://registry.npmjs.org/three/-/three-0.167.1.tgz",
"integrity": "sha512-9Y1a66fpjqF3rhq7ivKTaKtjQLZ97Hj/lZ00DmZWaKHaQFH4uzYT1znwRDWQOcgMmCcOloQzo61gDmqO8l9xmA==", "integrity": "sha512-gYTLJA/UQip6J/tJvl91YYqlZF47+D/kxiWrbTon35ZHlXEN0VOo+Qke2walF1/x92v55H6enomymg4Dak52kw==",
"dev": true, "dev": true,
"license": "MIT" "license": "MIT"
}, },

2
site/interface/site/package.json
View File

@ -3,7 +3,7 @@
"dev": "vite --host" "dev": "vite --host"
}, },
"devDependencies": { "devDependencies": {
"three": "^0.167.0", "three": "^0.167.1",
"vite": "^5.4.0" "vite": "^5.4.0"
}, },
"dependencies": { "dependencies": {