update: finish up to step 7 on the full build guide

This commit is contained in:
ZanzyTHEbar 2023-01-15 04:14:50 +00:00
parent f72976d242
commit bd1254a18b
5 changed files with 74 additions and 22 deletions

View File

@ -1,30 +1,13 @@
<script setup>
import Alerts from '../../vue/alerts/Alerts.vue'
const user_warning = {
type: 'warning',
title: '',
title_color: 'text-[orange]',
text_color: 'text-slate-500 dark:text-slate-400',
badge_content: 'CAUTION',
content: 'This project is in active development. However, it is working for most users',
}
const led_power_warning = {
type: 'danger',
title: 'Please pay attention',
title_color: 'text-[red]',
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',
}
import { alerts } from '../../static/alerts'
</script>
# EyeTrackVR {.text-3xl .font-bold .underline}
Open source and *affordable* VR eye tracker platform for [VRChat](https://hello.vrchat.com/) via `OSC` and `UDP` protocol.
<Alerts :options="user_warning" />
<Alerts :options="alerts.user_warning" />
## Hardware
@ -41,7 +24,7 @@ When files and resources are released <ins>**DO NOT BYPASS (OR NOT DO) ANY SAFET
The safety measures were put in place to REDUCE the potential failure risk. All further safety responsibilities are on the user. This includes visually checking with an IR camera that the brightness is correct and that you do not feel warmth or experience short-term effects after being exposed to the IR light (symptoms such as dark spots or dry/warm feeling eyes while actively using). While we strive to make EyeTrackVR as safe as possible, we do not hold any responsibility for damage done.
<Alerts :options="led_power_warning" />
<Alerts :options="alerts.led_power_warning" />
[Effect of infrared radiation on the lens](./docs/Reference_Docs/saftey/effect_of_ir_on_the_lens.pdf)

View File

@ -0,0 +1,21 @@
const alerts = {
user_warning: {
type: 'warning',
title: '',
title_color: 'text-[orange]',
text_color: 'text-slate-500 dark:text-slate-400',
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',
title_color: 'text-[red]',
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',
}
}
export { alerts }

View File

@ -0,0 +1,42 @@
const image_settings = {
image_one: {
url: "https://i.imgur.com/j18rRI7.jpg",
alt: "'img of components'",
caption: "'ESPs, cams, a programmer and a USB connector'",
max_width: "max-width: 400px;"
},
external_antenna: {
url: "https://i.imgur.com/OzpxFMD.png",
alt: "'img of external antenna'",
caption: "Image from:",
caption_link: "https://randomnerdtutorials.com/esp32-cam-connect-external-antenna",
max_width: "max-width: 400px;"
},
external_antenna_resistors: {
url: "https://i.imgur.com/RIFpNqW.jpg",
alt: "'img of external antenna resistors'",
max_width: "max-width: 400px;"
},
camera_socket: {
url: "https://i.imgur.com/T5asLGN.jpg",
alt: "'img of camera socket'",
max_width: "max-width: 400px;"
},
camera_socket_clip: {
url: "https://i.imgur.com/Z8b8Sin.jpg",
alt: "'img of camera clip'",
max_width: "max-width: 400px;"
},
camera_cable: {
url: "https://i.imgur.com/dDBIi9j.jpg",
alt: "'img of camera cable'",
max_width: "max-width: 400px;"
},
camera_clip_close: {
url: "https://i.imgur.com/VnFi5XS.jpg",
alt: "'img of camera cable'",
max_width: "max-width: 400px;"
},
};
export { image_settings }

View File

@ -17,4 +17,4 @@ export interface IDevRoadMapObject {
export interface IDevRoadMap {
state: boolean,
object: IDevRoadMapObject[],
}
}

View File

@ -6,11 +6,17 @@ const props = defineProps(['options']);
<div align="center" class="mb-4">
<figure>
<a v-if="options.url" class="no_icon" target="_blank" rel="noopener" :href="options.url">
<img class="docimage max-w-full h-auto rounded-lg" :src="options.url" :alt="options.alt" :style="options.max_width" />
<img class="docimage max-w-full h-auto rounded-lg" :src="options.url" :alt="options.alt"
:style="options.max_width" />
</a>
<figcaption v-if="options.caption">
<br>
{{ options.caption }}
<a v-if="options.caption_link" :href="options.caption_link" target="_blank">
<span class="iconify" data-icon="mdi:open-in-new" data-inline="false">
{{ options.caption_link }}
</span>
</a>
</figcaption>
</figure>
</div>