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 d665d2482c
commit c1ae52d503
8 changed files with 49 additions and 50 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 :+: :+: :+: */
/* +:+ +:+ +:+ */
/* By: marvin <marvin@student.42.fr> +#+ +:+ +#+ */
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* 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()
{
const divThree = document.createElement("div");
divThree.setAttribute("id", "threeDiv");
const scene = new THREE.Scene();
// const camera = new THREE.PerspectiveCamera(75, divThree.innerWidth / divThree.innerHeight, 0.1, 1000);
const camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000);
const renderer = new THREE.WebGLRenderer( {antialias: true} );
// renderer.setSize(divThree.innerWidth, divThree.innerHeight);
renderer.setSize(200, 700);
divThree.appendChild(renderer.domElement);
renderer.setClearColor(0x020202);
// const scene = new THREE.Scene();
// // const camera = new THREE.PerspectiveCamera(75, divThree.innerWidth / divThree.innerHeight, 0.1, 1000);
// const camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000);
// const renderer = new THREE.WebGLRenderer( {antialias: true} );
// // renderer.setSize(divThree.innerWidth, divThree.innerHeight);
// renderer.setSize(200, 700);
// divThree.appendChild(renderer.domElement);
// 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(){
requestAnimationFrame(loop);
let xsize = divThree.offsetWidth;
let ysize = divThree.offsetHeight;
renderer.setSize(xsize, ysize);
camera.aspect = xsize / ysize;
camera.updateProjectionMatrix()
console.log(xsize, ysize);
mesh.rotation.y += 0.001;
mesh.rotation.x += 0.0005;
renderer.render(scene, camera);
}
// function loop(){
// requestAnimationFrame(loop);
// let xsize = divThree.offsetWidth;
// let ysize = divThree.offsetHeight;
// renderer.setSize(xsize, ysize);
// camera.aspect = xsize / ysize;
// camera.updateProjectionMatrix()
// console.log(xsize, ysize);
// mesh.rotation.y += 0.001;
// mesh.rotation.x += 0.0005;
// renderer.render(scene, camera);
// }
scene.add(mesh);
renderer.render(scene, camera);
// scene.add(mesh);
// renderer.render(scene, camera);
return (divThree);
}

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

@ -6,7 +6,7 @@
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* 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;
waitForLogin().then((token) => {
console.log("login.js: userMeInfo.id = " + userMeInfo.id);
nodeText = document.createTextNode(userMeInfo.username);
if (token !== undefined)

8
site/interface/site/node_modules/.package-lock.json generated vendored
View File

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

10
site/interface/site/node_modules/.vite/deps/_metadata.json generated vendored
View File

@ -1,13 +1,13 @@
{
"hash": "17b2b3a5",
"configHash": "da99a08f",
"lockfileHash": "85de0c4c",
"browserHash": "340d3876",
"hash": "9acb87ed",
"configHash": "2420ea4a",
"lockfileHash": "5f9ad849",
"browserHash": "13d3c601",
"optimized": {
"three": {
"src": "../../three/build/three.module.js",
"file": "three.js",
"fileHash": "535eed9e",
"fileHash": "b6faecb3",
"needsInterop": false
}
},

2
site/interface/site/node_modules/three/examples/jsm/utils/TextureUtils.js generated vendored
View File

@ -34,7 +34,7 @@ export function decompress( texture, maxTextureSize = Infinity, renderer = null
gl_FragColor = vec4(vUv.xy, 0, 1);
#ifdef IS_SRGB
gl_FragColor = LinearTosRGB( texture2D( blitTexture, vUv) );
gl_FragColor = sRGBTransferOETF( texture2D( blitTexture, vUv) );
#else
gl_FragColor = texture2D( blitTexture, vUv);
#endif

2
site/interface/site/node_modules/three/package.json generated vendored
View File

@ -1,6 +1,6 @@
{
"name": "three",
"version": "0.167.0",
"version": "0.167.1",
"description": "JavaScript 3D library",
"type": "module",
"main": "./build/three.cjs",

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

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

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

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