update: finish parts list and create custom accordion

This commit is contained in:
ZanzyTHEbar 2023-01-15 05:42:31 +00:00
parent bd1254a18b
commit 1a623370f6
6 changed files with 243 additions and 20 deletions

View File

@ -7,16 +7,16 @@
hyper_links:
- url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Arkfall/EyeTrack_Quest_2_Mount_v10_By_Arkfall.stl"
desc: "Camera and IR emitter mount by Arkfall"
- url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Prohurtz/EyeTrack_Arkfall_Quest_2_Mount_Edit_By_Prourtz.stl"
desc: "Camera and IR emitter mount by Prohurtz"
- url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Arkfall/Quest_2_ESP_Mount_v2_By_Arkfall.stl"
desc: "ESP mount by Arkfall"
- url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Prohurtz/Quest_2_ESP_Mounts_By_Prohurtz.stl"
desc: "ESP mount by Prohurtz"
threed_link_id: 1
- hmd: "Valve Index"
@ -28,24 +28,24 @@
- url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/tree/main/3d_Printed_Mounts/Valve_Index/qdot"
desc: "Camera and IR emitter mount by Qdot"
- url: "https://github.com/rrazgriz/IndexEyeTrackVR/tree/main/hardware"
desc: "Camera mount by Razgriz"
- url: "https://github.com/MUTEtheCyberwolf/VALVE-INDEX-DEV-Frunk-1.0/tree/main/3D%20Print%20Files%20STL(Ascii)"
desc: "ESP frunk mod by MUTE the Cyberwolf"
threed_link_id: 2
- hmd: "Samsung Odyssey +"
parts:
- "ESP mount : Refer to general ESP Mounts"
hyper_links:
- url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Samsung_Odyssey%2B/Breakdown/Samsung%20Odyssey%2B%20Left%20by%20Breakdown.stl"
desc: "Camera and IR emitter mount by Breakdown"
threed_link_id: 3
- hmd: "Quest 1"
parts:
- "ESP mount : Refer to general ESP Mounts"
@ -70,7 +70,7 @@
hyper_links:
- url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/General_ESP32-CAM_Mounts/ESPCAMshellv7_by_G0LDJAY.stl"
desc: "ESP mount by G0LDJAY for general HMD use (use if there are no specific HMD mounts available)"
threed_link_id: 6
---

View File

@ -1,12 +1,18 @@
<script setup>
import Alerts from '../../vue/alerts/Alerts.vue'
import { alerts } from '../../static/alerts'
import PartsList from '../../vue/parts_list/PartsList.vue'
</script>
# Parts List {.text-[#ab5ac7]}
## This page will include a basic part list for building an EyeTrackVR setup
{% include custom/alerts/Warning.html content=" Please note that no hardware has been fully set in stone, all purchases are at your loss if hardware changes" %}
<Alerts :options="alerts.parts_list_one" />
{% include custom/alerts/Note.html content="It is recommended to source main parts from AliExpress as it is much cheaper." %}
<Alerts :options="alerts.parts_list_two" />
{% include custom/alerts/Note.html content="It is good practice to buy more than needed in some cases, namely programmers and ESPs, this reduces the risk of a DOA (dead on arrival) causing a delay." %}
<Alerts :options="alerts.parts_list_three" />
## Camera setup
@ -36,9 +42,9 @@ Reccommended:
- 4x Unfocused SMD IR emitters
Recomended ones [from LCSC here](https://www.lcsc.com/product-detail/Infrared-IR-LEDs_XINGLIGHT-XL-3216HIRC-850_C965891.html).
Alternative ones [from Digikey here](https://www.digikey.com/en/products/detail/inolux/IN-P32ZTIR/10384796). The difference between them is the ones from LCSC are rated for lower power, which means in the event of a short or mishap they should be safer, hence why they are recommended.
{% include custom/alerts/Note.html content="The smaller ones can not be soldered at temps above 245C or they will burn. Low temp solder is recommended" %}
<Alerts :options="alerts.parts_list_four" />
{% include custom/alerts/Warning.html content="(DO NOT BUY FOCUSED ONES! If they look like something you would find in a TV remote do not use them, if you aren't exactly sure what you are doing, buy them from the LCSC or Digikey link)" %}
<Alerts :options="alerts.parts_list_five" />
- 4x IR emitter PCBs (highly recommended) Gerber files and schematics located [here.](https://github.com/RedHawk989/EyeTrackVR-Hardware/tree/main/IR%20Emmitter)
@ -65,7 +71,7 @@ If you are a Patreon please check out discount codes available to you, and also
- 1x Soldering iron and solder (lead-free solder highly recommended) Generic soldering iron from [AliExpress here](https://www.aliexpress.com/item/3256801448141079.html) or [Amazon here](https://www.amazon.com/Liouhoum-Auto-Sleep-Adjustable-Temperature-Thermostatic/dp/B08PZBPXLZ/ref=sr_1_9)
{% include custom/3d_printed_parts/Parts.html %}
<PartsList />
### Other Headsets
@ -73,4 +79,4 @@ If you own another headset not listed above, that means there are no mounts desi
Check out our basic guide on making your own mount [here.](https://docs.eyetrackvr.dev/creating_your_own_camera_mount/)
{% include custom/alerts/Tip.html content="If you have a headset mount that is not listed above, please let us know in the discord so it can be added here" %}
<Alerts :options="alerts.parts_list_six" />

View File

@ -0,0 +1,108 @@
const printed_parts = {
hmds: [
{
hmd: "Quest 2",
parts: [
""
],
hyper_links: [
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Arkfall/EyeTrack_Quest_2_Mount_v10_By_Arkfall.stl",
desc: "Camera and IR emitter mount by Arkfall"
},
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Prohurtz/EyeTrack_Arkfall_Quest_2_Mount_Edit_By_Prourtz.stl",
desc: "Camera and IR emitter mount by Prohurtz"
},
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Arkfall/Quest_2_ESP_Mount_v2_By_Arkfall.stl",
desc: "ESP mount by Arkfall"
},
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_2/Prohurtz/Quest_2_ESP_Mounts_By_Prohurtz.stl",
desc: "ESP mount by Prohurtz"
},
],
link_id: 1
},
{
hmd: "Valve Index",
parts: [
"ESP mount : N/A"
],
hyper_links: [
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/tree/main/3d_Printed_Mounts/Valve_Index/Seaweed",
desc: "High IPD compatible Camera and IR emitter mount by Seaweed"
},
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/tree/main/3d_Printed_Mounts/Valve_Index/qdot",
desc: "Camera and IR emitter mount by Qdot"
},
{
url: "https://github.com/rrazgriz/IndexEyeTrackVR/tree/main/hardware",
desc: "Camera mount by Razgriz"
},
{
url: "https://github.com/MUTEtheCyberwolf/VALVE-INDEX-DEV-Frunk-1.0/tree/main/3D%20Print%20Files%20STL(Ascii)",
desc: "ESP frunk mod by MUTE the Cyberwolf"
},
],
link_id: 2
},
{
hmd: "Samsung Odyssey +",
parts: [
"ESP mount: Refer to general ESP Mounts"
],
hyper_links: [
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Samsung_Odyssey%2B/Breakdown/Samsung%20Odyssey%2B%20Left%20by%20Breakdown.stl",
desc: "Camera and IR emitter mount by Breakdown"
}
],
link_id: 3
},
{
hmd: "Quest 1",
parts: [
"ESP mount : Refer to general ESP Mounts"
],
hyper_links: [
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/Quest_1/G0LDJAY/Quest_1_Cam_mount_v5_By_G0LDJAY.stl",
desc: "Camera and IR emitter mount by G0LDJAY"
}
],
link_id: 4
},
{
hmd: "Vive Pro 2",
parts: [
"ESP mount : Refer to general ESP Mounts"
],
hyper_links: [
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/tree/main/3d_Printed_Mounts/Vive_Pro_2/StormFox",
desc: "Camera and IR emitter mount by StormFox"
}
],
link_id: 5
},
{
hmd: "General ESP Mounts",
parts: [
""
],
hyper_links: [
{
url: "https://github.com/RedHawk989/EyeTrackVR-Hardware/blob/main/3d_Printed_Mounts/General_ESP32-CAM_Mounts/ESPCAMshellv7_by_G0LDJAY.stl",
desc: "ESP mount by G0LDJAY for general HMD use (use if there are no specific HMD mounts available)"
}
],
link_id: 6
}
]
}
export { printed_parts }

View File

@ -7,7 +7,6 @@ const alerts = {
badge_content: 'CAUTION',
content: 'This project is in active development. However, it is working for most users',
},
led_power_warning: {
type: 'danger',
title: 'Please pay attention',
@ -15,7 +14,55 @@ const alerts = {
text_color: 'text-orange-400 dark:text-orange-500',
badge_content: 'WARNING',
content: 'Make sure you are using non-focused emitters and at around 5ma total power',
}
},
parts_list_one: {
type: 'warning',
title: '',
title_color: 'text-[orange]',
text_color: 'text-slate-500 dark:text-slate-400',
badge_content: 'CAUTION',
content: 'Please note that no hardware has been fully set in stone, all purchases are at your loss if hardware changes',
},
parts_list_two: {
type: 'info',
title: '',
title_color: 'text-[blue]',
text_color: 'text-slate-500 dark:text-slate-400',
badge_content: 'NOTE',
content: 'It is recommended to source main parts from AliExpress as it is much cheaper.',
},
parts_list_three: {
type: 'info',
title: '',
title_color: 'text-[blue]',
text_color: 'text-slate-500 dark:text-slate-400',
badge_content: 'NOTE',
content: 'It is good practice to buy more than needed in some cases, namely programmers and ESPs, this reduces the risk of a DOA (dead on arrival) causing a delay.',
},
parts_list_four: {
type: 'info',
title: '',
title_color: 'text-[blue]',
text_color: 'text-slate-500 dark:text-slate-400',
badge_content: 'NOTE',
content: 'The smaller ones can not be soldered at temps above 245C or they will burn. Low temp solder is recommended',
},
parts_list_five: {
type: 'warning',
title: '',
title_color: 'text-[orange]',
text_color: 'text-slate-500 dark:text-slate-400',
badge_content: 'CAUTION',
content: '(DO NOT BUY FOCUSED ONES! If they look like something you would find in a TV remote do not use them, if you aren\'t exactly sure what you are doing, buy them from the LCSC or Digikey link)',
},
parts_list_six: {
type: 'tip',
title: '',
title_color: 'text-[green]',
text_color: 'text-slate-500 dark:text-slate-400',
badge_content: 'TIP',
content: 'If you have a headset mount that is not listed above, please let us know in the discord so it can be added here',
},
}
export { alerts }

View File

@ -0,0 +1,33 @@
<template>
<div>
<button @click="toggleAccordion()" class="flex items-center space-x-3" :aria-expanded="isOpen"
:aria-controls="`collapse${_uid}`">
<slot name="title" />
<svg class="w-3 transition-all duration-200 transform" :class="{
'rotate-180': isOpen,
'rotate-0': !isOpen,
}" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10"
aria-hidden="true">
<path d="M15 1.2l-7 7-7-7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<div v-show="isOpen" :id="`collapse${_uid}`">
<slot name="content" />
</div>
</div>
</template>
<script>
export default {
data() {
return {
isOpen: false,
};
},
methods: {
toggleAccordion() {
this.isOpen = !this.isOpen;
},
},
};
</script>

View File

@ -0,0 +1,29 @@
<!-- Do not edit this file - it is a template. Please edit the index.ts file in /static/3d_printed_parts -->
<script setup>
import Accordion from '../../vue/accordion/Accordion.vue'
import { printed_parts } from '../../static/3d_printed_parts'
</script>
<template>
<div>
<Accordion v-for="parts in printed_parts.hmds" class="mb-4">
<template v-slot:title>
<span class="font-semibold text-xl">{{ parts.hmd }}</span>
</template>
<template v-slot:content>
<div>
<span class="">
<blockquote>
<ul style="list-style: none;">
<p v-if="parts.hyper_links != NULL && parts.hyper_links != ''"
v-for="hyper_link in parts.hyper_links">
<a :href="hyper_link.url" target="_blank">{{ hyper_link.desc }}</a>
</p>
<li v-for="part in parts.parts" :key="part">{{ part }}</li>
</ul>
</blockquote>
</span>
</div>
</template>
</Accordion>
</div>
</template>