Skip to content

Commit b359fcc

Browse files
bbohlenderbbohlender
committed
finalize examples
1 parent 84133b1 commit b359fcc

File tree

17 files changed

+266
-39
lines changed

17 files changed

+266
-39
lines changed

‎examples/minecraft/src/App.jsx

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,27 @@ const store = createXRStore()
1515
export function App() {
1616
return (
1717
<>
18-
<button onClick={() => store.enterVR()}>Enter VR</button>
18+
<button
19+
style={{
20+
position: 'absolute',
21+
zIndex: 10000,
22+
background: 'black',
23+
borderRadius: '0.5rem',
24+
border: 'none',
25+
fontWeight: 'bold',
26+
color: 'white',
27+
padding: '1rem 2rem',
28+
cursor: 'pointer',
29+
fontSize: '1.5rem',
30+
bottom: '1rem',
31+
left: '50%',
32+
boxShadow: '0px 0px 20px rgba(0,0,0,1)',
33+
transform: 'translate(-50%, 0)',
34+
}}
35+
onClick={() => store.enterVR()}
36+
>
37+
Enter VR
38+
</button>
1939
<KeyboardControls
2040
map={[
2141
{ name: 'forward', keys: ['ArrowUp', 'w', 'W'] },

‎examples/minecraft/vite.config.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import basicSsl from '@vitejs/plugin-basic-ssl'
66
// https://vitejs.dev/config/
77
export default defineConfig({
88
plugins: [react(), basicSsl()],
9+
base: '/xr/examples/minecraft/',
910
resolve: {
1011
alias: [{ find: '@react-three/xr', replacement: path.resolve(__dirname, '../../packages/react/xr/src/index.ts') }],
1112
dedupe: ['@react-three/fiber', 'three'],

‎examples/pingpong/src/App.jsx

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,27 @@ const store = createXRStore({ hand: Hand })
1313
export function App() {
1414
return (
1515
<>
16-
<button onClick={() => store.enterAR()}>Enter AR</button>
16+
<button
17+
style={{
18+
position: 'absolute',
19+
zIndex: 10000,
20+
background: 'black',
21+
borderRadius: '0.5rem',
22+
border: 'none',
23+
fontWeight: 'bold',
24+
color: 'white',
25+
padding: '1rem 2rem',
26+
cursor: 'pointer',
27+
fontSize: '1.5rem',
28+
bottom: '1rem',
29+
left: '50%',
30+
boxShadow: '0px 0px 20px rgba(0,0,0,1)',
31+
transform: 'translate(-50%, 0)',
32+
}}
33+
onClick={() => store.enterAR()}
34+
>
35+
Enter AR
36+
</button>
1737
<Canvas shadows dpr={[1, 1.5]}>
1838
<Physics maxCcdSubsteps={10} gravity={[0, -5, 0]} timeStep="vary">
1939
<XR store={store}>

‎examples/pingpong/vite.config.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import basicSsl from '@vitejs/plugin-basic-ssl'
66
// https://vitejs.dev/config/
77
export default defineConfig({
88
plugins: [react(), basicSsl()],
9+
base: '/xr/examples/pingpong/',
910
resolve: {
1011
alias: [{ find: '@react-three/xr', replacement: path.resolve(__dirname, '../../packages/react/xr/src/index.ts') }],
1112
dedupe: ['@react-three/fiber', 'three'],

‎examples/rag-doll/src/App.jsx

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,27 @@ const store = createXRStore({
1414
export function App() {
1515
return (
1616
<>
17-
<button onClick={() => store.enterVR()}>Enter VR</button>
17+
<button
18+
style={{
19+
position: 'absolute',
20+
zIndex: 10000,
21+
background: 'black',
22+
borderRadius: '0.5rem',
23+
border: 'none',
24+
fontWeight: 'bold',
25+
color: 'white',
26+
padding: '1rem 2rem',
27+
cursor: 'pointer',
28+
fontSize: '1.5rem',
29+
bottom: '1rem',
30+
left: '50%',
31+
boxShadow: '0px 0px 20px rgba(0,0,0,1)',
32+
transform: 'translate(-50%, 0)',
33+
}}
34+
onClick={() => store.enterVR()}
35+
>
36+
Enter VR
37+
</button>
1838
<Canvas dpr={[1, 2]} shadows camera={{ position: [-40, 40, 40], fov: 25, near: 1, far: 100 }}>
1939
<OrbitControls />
2040
<XR store={store}>

‎examples/rag-doll/src/components/Furniture.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ export function Chair(props) {
4040
}
4141

4242
export function Mug(props) {
43-
const { nodes, materials } = useGLTF('/cup.glb')
43+
const { nodes, materials } = useGLTF('cup.glb')
4444
const [cup] = useCylinder(() => ({
4545
mass: 1,
4646
args: [0.62, 0.62, 1.2, 16],

‎examples/rag-doll/vite.config.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import basicSsl from '@vitejs/plugin-basic-ssl'
66
// https://vitejs.dev/config/
77
export default defineConfig({
88
plugins: [react(), basicSsl()],
9+
base: '/xr/examples/rad-doll/',
910
resolve: {
1011
alias: [{ find: '@react-three/xr', replacement: path.resolve(__dirname, '../../packages/react/xr/src/index.ts') }],
1112
dedupe: ['@react-three/fiber', 'three'],

‎examples/room-with-shadows/src/App.jsx

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,27 @@ const store = createXRStore()
2929
export default function App() {
3030
return (
3131
<>
32-
<button onClick={() => store.enterVR()}>Enter VR</button>
32+
<button
33+
style={{
34+
position: 'absolute',
35+
zIndex: 10000,
36+
background: 'black',
37+
borderRadius: '0.5rem',
38+
border: 'none',
39+
fontWeight: 'bold',
40+
color: 'white',
41+
padding: '1rem 2rem',
42+
cursor: 'pointer',
43+
fontSize: '1.5rem',
44+
bottom: '1rem',
45+
left: '50%',
46+
boxShadow: '0px 0px 20px rgba(0,0,0,1)',
47+
transform: 'translate(-50%, 0)',
48+
}}
49+
onClick={() => store.enterVR()}
50+
>
51+
Enter VR
52+
</button>
3353
<Canvas shadows camera={{ position: [5, 2, 10], fov: 50 }}>
3454
<XR store={store}>
3555
<PerformanceMonitor onDecline={() => set(true)} />

‎examples/room-with-shadows/src/Room.jsx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,35 +7,35 @@ Source: https://sketchfab.com/3d-models/room-6417cbc1870a4a1691cca06912ae0369
77
Title: Room
88
*/
99

10-
import { useGLTF } from "@react-three/drei"
10+
import { useGLTF } from '@react-three/drei'
1111

1212
export function Model(props) {
13-
const { nodes, materials } = useGLTF("/room-transformed.glb")
13+
const { nodes, materials } = useGLTF('room-transformed.glb')
1414
return (
1515
<group {...props} dispose={null}>
1616
<group rotation={[-Math.PI / 2, 0, 0]}>
1717
<mesh castShadow receiveShadow geometry={nodes.Object_2.geometry} material={materials.Material} />
18-
<mesh castShadow receiveShadow geometry={nodes.Object_3.geometry} material={materials["Material.002"]} />
19-
<mesh castShadow receiveShadow geometry={nodes.Object_4.geometry} material={materials["Material.003"]} />
18+
<mesh castShadow receiveShadow geometry={nodes.Object_3.geometry} material={materials['Material.002']} />
19+
<mesh castShadow receiveShadow geometry={nodes.Object_4.geometry} material={materials['Material.003']} />
2020
<mesh castShadow receiveShadow geometry={nodes.Object_6.geometry} material={materials.krzeslo_1} />
2121
<mesh castShadow receiveShadow geometry={nodes.Object_7.geometry} material={materials.krzeslo_okno} />
2222
<mesh castShadow receiveShadow geometry={nodes.Object_8.geometry} material={materials.krzeslo_prawe} />
2323
<mesh castShadow receiveShadow geometry={nodes.Object_9.geometry} material={materials.krzeslo_srodek} />
2424
<mesh castShadow receiveShadow geometry={nodes.Object_10.geometry} material={materials.podloga} />
2525
<mesh castShadow receiveShadow geometry={nodes.Object_11.geometry} material={materials.sciana_okno} />
26-
<mesh castShadow receiveShadow geometry={nodes.Object_12.geometry} material={materials["stolik.001"]} />
27-
<mesh castShadow receiveShadow geometry={nodes.Object_16.geometry} material={materials["Material.006"]} />
28-
<mesh castShadow receiveShadow geometry={nodes.Object_5.geometry} material={materials["Material.004"]} />
26+
<mesh castShadow receiveShadow geometry={nodes.Object_12.geometry} material={materials['stolik.001']} />
27+
<mesh castShadow receiveShadow geometry={nodes.Object_16.geometry} material={materials['Material.006']} />
28+
<mesh castShadow receiveShadow geometry={nodes.Object_5.geometry} material={materials['Material.004']} />
2929
<mesh geometry={nodes.Object_13.geometry}>
3030
<meshStandardMaterial transparent opacity={0.5} />
3131
</mesh>
32-
<mesh castShadow receiveShadow geometry={nodes.Object_14.geometry} material={materials["Material.002"]} />
33-
<mesh castShadow receiveShadow geometry={nodes.Object_15.geometry} material={materials["Material.005"]} />
32+
<mesh castShadow receiveShadow geometry={nodes.Object_14.geometry} material={materials['Material.002']} />
33+
<mesh castShadow receiveShadow geometry={nodes.Object_15.geometry} material={materials['Material.005']} />
3434
<mesh castShadow receiveShadow geometry={nodes.Object_17.geometry} material={materials.mata} />
3535
<mesh castShadow receiveShadow geometry={nodes.Object_18.geometry} material={materials.stolik} />
3636
</group>
3737
</group>
3838
)
3939
}
4040

41-
useGLTF.preload("/room-transformed.glb")
41+
useGLTF.preload('room-transformed.glb')

‎examples/room-with-shadows/vite.config.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import basicSsl from '@vitejs/plugin-basic-ssl'
66
// https://vitejs.dev/config/
77
export default defineConfig({
88
plugins: [react(), basicSsl()],
9+
base: '/xr/examples/room-with-shadows/',
910
resolve: {
1011
alias: [{ find: '@react-three/xr', replacement: path.resolve(__dirname, '../../packages/react/xr/src/index.ts') }],
1112
dedupe: ['@react-three/fiber', 'three'],

0 commit comments

Comments
 (0)