Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update How It Works 3D page

Browse Source
This commit is contained in:
R-Bharathraj
2026-06-09 15:32:58 +05:30
parent 0ef51540e9
commit 45b4e7a109
7 changed files with 55 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/modules/how-it-works-3d/models/Scene3D.jsx
View File

@@ -5,7 +5,7 @@ Auto-generated by: https://github.com/pmndrs/gltfjsx
import React, { useRef } from 'react'
import { useGLTF } from '@react-three/drei'
export function Model(props) {
export function Model({ truckRef, wheelRefs, dashboardRefs, ...props }) {
const { nodes, materials } = useGLTF('/models/3d_scene_final.glb')
return (
<group {...props} dispose={null}>
@@ -93,10 +93,16 @@ export function Model(props) {
<mesh
castShadow
receiveShadow
geometry={nodes.DoorMile_Logo_FirstWarehouse.geometry}
material={materials.DoorMile_Logo_Image_Material}
position={[-8.676, 0.035, -5.18]}
rotation={[0, -0.121, 0]}
geometry={nodes.Uploaded_DoorMile_Logo_FirstWarehouse.geometry}
material={materials.DoorMile_Uploaded_Red_Logo_Material}
/>
<mesh
castShadow
receiveShadow
geometry={nodes.Uploaded_DoorMile_Logo_FrontFascia.geometry}
material={materials.DoorMile_Uploaded_White_Logo_Material}
position={[-7.462, 2.155, -1.793]}
scale={0.597}
/>
<mesh
castShadow
@@ -164,6 +170,13 @@ export function Model(props) {
</group>
</group>
</group>
<mesh
castShadow
receiveShadow
geometry={nodes.ABC_Factory_HubSign_TextPanel.geometry}
material={materials.ABC_Factory_TextPanel_Material}
position={[0, -0.141, 0]}
/>
<mesh
castShadow
receiveShadow
@@ -171,7 +184,7 @@ export function Model(props) {
material={materials.Dark_Asphalt}
position={[0.013, -0.077, -0.026]}
/>
<group ref={props.truckRef} position={[14.891, 0.284, -25.037]} rotation={[-Math.PI / 2, 0, -2.318]} scale={0.66}>
<group ref={truckRef} position={[14.891, 0.284, -25.037]} rotation={[-Math.PI / 2, 0, -2.318]} scale={0.66}>
<group rotation={[Math.PI / 2, 0, 0]}>
<group position={[0.013, 0.67, 0.006]} rotation={[0, -Math.PI / 2, 0]} scale={1.155}>
<mesh
@@ -407,7 +420,7 @@ export function Model(props) {
/>
</group>
<group
ref={props.wheelRefs && props.wheelRefs[0]}
ref={wheelRefs?.[0]}
position={[1.873, 0.356, -0.899]}
rotation={[-Math.PI / 2, 0, -Math.PI]}
scale={[1.059, 1.044, 1.059]}>
@@ -420,7 +433,7 @@ export function Model(props) {
/>
</group>
<group
ref={props.wheelRefs && props.wheelRefs[1]}
ref={wheelRefs?.[1]}
position={[1.873, 0.356, 0.91]}
rotation={[Math.PI / 2, 0, Math.PI]}
scale={[1.059, 1.044, 1.059]}>
@@ -433,7 +446,7 @@ export function Model(props) {
/>
</group>
<group
ref={props.wheelRefs && props.wheelRefs[2]}
ref={wheelRefs?.[2]}
position={[-1.472, 0.356, -0.876]}
rotation={[-Math.PI / 2, 0, -Math.PI]}
scale={[1.059, 0.662, 1.059]}>
@@ -446,7 +459,7 @@ export function Model(props) {
/>
</group>
<group
ref={props.wheelRefs && props.wheelRefs[3]}
ref={wheelRefs?.[3]}
position={[-1.472, 0.356, 0.886]}
rotation={[Math.PI / 2, 0, Math.PI]}
scale={[1.059, 0.662, 1.059]}>
@@ -7526,20 +7539,12 @@ export function Model(props) {
material={materials['DOORMILE bright red signage']}
position={[-18.384, 4.82, -4.46]}
/>
<mesh
castShadow
receiveShadow
geometry={nodes.white_DOORMILE_brand_letters.geometry}
material={materials['crisp white lettering and lines']}
position={[-18.384, 5.08, -4.285]}
rotation={[Math.PI / 2, 0, 0]}
/>
<mesh
castShadow
receiveShadow
geometry={nodes.white_in_transit_hub_operations_subtitle.geometry}
material={materials['crisp white lettering and lines']}
position={[-18.384, 4.5, -4.282]}
position={[-18.384, 4.5, -4.33]}
rotation={[Math.PI / 2, 0, 0]}
/>
<mesh
@@ -10592,24 +10597,7 @@ export function Model(props) {
rotation={[Math.PI, -1.081, Math.PI]}
scale={0.608}
/>
<mesh
castShadow
receiveShadow
geometry={nodes.large_white_DOORMILE_letters.geometry}
material={materials['white raised sign lettering']}
position={[11.723, 4.419, 13.869]}
rotation={[Math.PI / 2, 0, 2.061]}
scale={0.608}
/>
<mesh
castShadow
receiveShadow
geometry={nodes.white_delivery_to_customer_tagline.geometry}
material={materials['white raised sign lettering']}
position={[11.718, 4.078, 13.866]}
rotation={[Math.PI / 2, 0, 2.061]}
scale={0.608}
/>
<mesh
castShadow
receiveShadow