danjoredd/3d_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added businessman and schoolhouse

Browse Source
This commit is contained in:
Daniel Jones 2024-09-05 21:36:44 -05:00
parent a38310875c
commit d617a26a8f
8 changed files with 44 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
assets/models/businessman/business_male_4__low_poly_style/license.txt → assets/models/businessman/license.txt
View File

0
assets/models/businessman/business_male_4__low_poly_style/scene.bin → assets/models/businessman/scene.bin
View File

0
assets/models/businessman/business_male_4__low_poly_style/scene.gltf → assets/models/businessman/scene.gltf
View File

0
assets/models/businessman/business_male_4__low_poly_style/textures/LPBP_AtlasMat_baseColor.png → assets/models/businessman/textures/LPBP_AtlasMat_baseColor.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 KiB

After

Width:  |  Height:  |  Size: 215 KiB

BIN
assets/models/school/Schoolhouse.glb Normal file
View File

Binary file not shown.

42
main.js
View File

@ -2,7 +2,7 @@
Author: Daniel Jones Author: Daniel Jones
IDE: Webstorm IDE: Webstorm
Browsers tested: Firefox 125 Browsers tested: Firefox 125
Last change: 08/26/24 Last change: 09/5/24
purpose: portfolio website to show to potential freelance customers/web developer positions purpose: portfolio website to show to potential freelance customers/web developer positions
*/ */
@ -43,8 +43,8 @@ const cmpLoader = new GLTFLoader();
cmpLoader.load('./assets/models/Comp_and_Floppy/scene.gltf',(gltfScene)=>{ cmpLoader.load('./assets/models/Comp_and_Floppy/scene.gltf',(gltfScene)=>{
loadedCmpModel = gltfScene; loadedCmpModel = gltfScene;
console.log("UwU whats this? My computer model loaded! OwO"); console.log("UwU whats this? My computer model loaded! OwO");
gltfScene.scene.position.z = 50; gltfScene.scene.position.z = 250;
gltfScene.scene.position.y = 20; gltfScene.scene.position.y = 15;
gltfScene.scene.scale.set(10,10,10); gltfScene.scene.scale.set(10,10,10);
scene.add(loadedCmpModel.scene); scene.add(loadedCmpModel.scene);
@ -52,20 +52,36 @@ cmpLoader.load('./assets/models/Comp_and_Floppy/scene.gltf',(gltfScene)=>{
} }
); );
//the thinker model let loadedSchlModel; // model for PC
let loadedThinkerModel; const SchlLoader = new GLTFLoader();
const thnkerLoader = new GLTFLoader(); SchlLoader.load('./assets/models/school/Schoolhouse.glb',(gltfScene)=>{
thnkerLoader.load('./assets/models/thinker/scene.gltf', (gltfScene) =>{ loadedSchlModel = gltfScene;
loadedThinkerModel = gltfScene; gltfScene.scene.position.z = 50;
console.log("The thinker loaded! I wish I had muscles that big."); gltfScene.scene.position.y = 5;
gltfScene.scene.position.z = 100; gltfScene.scene.scale.set(3,3,3);
gltfScene.scene.position.y = 10;
scene.add(loadedSchlModel.scene);
}
);
let loadedManModel; // model for PC
const ManLoader = new GLTFLoader();
ManLoader.load('./assets/models/businessman/scene.gltf',(gltfScene)=>{
loadedManModel = gltfScene;
gltfScene.scene.position.z = 50;
gltfScene.scene.position.y = 5;
gltfScene.scene.scale.set(10,10,10); gltfScene.scene.scale.set(10,10,10);
scene.add(loadedManModel.scene);
scene.add(loadedThinkerModel.scene);
} }
) );
const ambientLight = new THREE.AmbientLight(0xffffff); const ambientLight = new THREE.AmbientLight(0xffffff);

22
package-lock.json generated
View File

@ -11,7 +11,7 @@
"three": "^0.161.0" "three": "^0.161.0"
}, },
"devDependencies": { "devDependencies": {
"vite": "^5.4.2" "vite": "^5.4.3"
} }
}, },
"node_modules/@esbuild/aix-ppc64": { "node_modules/@esbuild/aix-ppc64": {
@ -667,15 +667,15 @@
} }
}, },
"node_modules/picocolors": { "node_modules/picocolors": {
"version": "1.0.1", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
"integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==", "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
"dev": true "dev": true
}, },
"node_modules/postcss": { "node_modules/postcss": {
"version": "8.4.41", "version": "8.4.45",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz",
"integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==", "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
"dev": true, "dev": true,
"funding": [ "funding": [
{ {
@ -750,13 +750,13 @@
"integrity": "sha512-LC28VFtjbOyEu5b93K0bNRLw1rQlMJ85lilKsYj6dgTu+7i17W+JCCEbvrpmNHF1F3NAUqDSWq50UD7w9H2xQw==" "integrity": "sha512-LC28VFtjbOyEu5b93K0bNRLw1rQlMJ85lilKsYj6dgTu+7i17W+JCCEbvrpmNHF1F3NAUqDSWq50UD7w9H2xQw=="
}, },
"node_modules/vite": { "node_modules/vite": {
"version": "5.4.2", "version": "5.4.3",
"resolved": "https://registry.npmjs.org/vite/-/vite-5.4.2.tgz", "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.3.tgz",
"integrity": "sha512-dDrQTRHp5C1fTFzcSaMxjk6vdpKvT+2/mIdE07Gw2ykehT49O0z/VHS3zZ8iV/Gh8BJJKHWOe5RjaNrW5xf/GA==", "integrity": "sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"esbuild": "^0.21.3", "esbuild": "^0.21.3",
"postcss": "^8.4.41", "postcss": "^8.4.43",
"rollup": "^4.20.0" "rollup": "^4.20.0"
}, },
"bin": { "bin": {

2
package.json
View File

@ -9,7 +9,7 @@
"preview": "vite preview" "preview": "vite preview"
}, },
"devDependencies": { "devDependencies": {
"vite": "^5.4.2" "vite": "^5.4.3"
}, },
"dependencies": { "dependencies": {
"three": "^0.161.0" "three": "^0.161.0"