-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathREADME2.txt
152 lines (103 loc) · 5.22 KB
/
README2.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
# ECV
Segunda práctica
- CANVAS 3D
Alejandro Rodríguez Corrales
174249
David Moreno Esteban
174440
Alexis Ruiz Alcalá
174746
##############################################################################
NOTA: El chat tiene disponibles notificaciones por cada mensaje. Habrá que
dar permisos al navegador para mostrarlas y además, dado que nuestro chat se
encuentra en una carpeta local, tendremos que abrirlo desde el host que
nos ofrece GitHub:
https://jxarco.github.io/ECV1
Una vez dentro, clicar al escudo de la barra navegación para permitir todas
las cargas de scripts, sino no funcionará nada.
Si se abre localmente, funcionará de la misma manera todo excepto que no
dispondremos de notificaciones.
!!!!!!! !!!!!!! !!!!!!
UPDATE: Con XAMPP funcionan!!! No hace falta usar el servidor de GitHub
!!!!!!! !!!!!!! !!!!!!
##############################################################################
Añadido el canvas 3d y aplicada una nueva distribución:
- En la nueva distribución, podemos abrir la información con la tecla P.
Para cerrarla, pulsamos ESC o haciendo clic en HIDE.
o INFORMACION desde ahora = PERFIL + GENTE
- De la misma manera, podemos abrir el chat rápidamente con la tecla C.
Cerramos con ESC.
##############################################################################
CANVAS 3D:
- Inicialmente:
o Servidor OFF: Veremos la escena sin muñecos ni luces.
o Servidor ON: Cuando alguien se conecta, se añade a la escena
automáticamente una luz propia y un jugador.
Este jugador podrá moverse con WASD dentro del ring y además podrá
crear cubos pulsando SPACE.
- Cada vez que alguien se conecte, el resto verán una nueva luz y otro
jugador. El mundo está sincronizado para todos ellos.
- Cada uno podrá ver donde esta situada la cámara de cada jugador.
(Esfera del color de la luz)
- Cuando un usuario se desconecte, se eliminará de la escena su luz
y su jugador.
- GUI:
o Lanzar confeti: Visible para todos los presentes
- Audio junto con el lanzamiento.
- Cuando colisiona con ring o suelo se quedará hasta…
o … Eliminar confeti: Simplemente borramos todo el confeti,
para todos. (Se para la música.)
o Opciones del ring: Cambiar color del ring.
Para que los demás lo vean visible, cambiar + SEND COLOR.
o Opciones de cámara: Podemos cambiar la visualización de la
cámara tanto por orbit controls o por la GUI.
o Botón de cámara por defecto.
##############################################################################
(PRÁCTICA 1 DE AQUÍ HACIA ABAJO)
##############################################################################
Selección de sala: Pantalla de inicio. Escribir “room” a la que queremos
entrar y pulsar ENTER.
- Al entrar, focus automático a la caja de texto del
chat.
##############################################################################
Menú: Podemos abrirlo en la parte superior izquierda. En el podremos:
- Abrir o cerrar el chat
- Eliminar la conversación existente
- Abrir Información (Desde la P2 PERFIL + PERSONAS ONLINE)
- Cambiar tema: Hay 4 disponibles, cada uno con un CSS distinto.
o Simple
o Elegant
o Fashion
o Console
Podemos cerrar el menú haciendo clic a la X o pulsando ESC.
##############################################################################
Mi Perfil: Representación de nuestro avatar y de nuestro nombre de usuario.
Dos botones para poder cambiar dicha información.
- Botón 1: Abrir área de texto y selección de avatares haciendo clic.
DETALLE: Al clicar, focus automático al area de texto y scroll down para
ver el panel de modificación entero o el panel de avatares.
- Cerrar pulsando ESC cualquiera de los submenús.
- Cuando los cambiemos se enviará un auto-mensaje a los demás en el chat.
- Se cambiará en el chat de la otra persona automáticamente.
- Otro botón para ocultar el cuadro de “Mi perfil”.
##############################################################################
Gente conectada: Parte donde aparecerá la gente conectada al chat. Cuando una
persona ingrese al chat, se enviará un auto-mensaje a las personas que ya
están en el chat.
- Desaparecerán del panel los usuarios que se desconecten.
##############################################################################
Cuadro de chat: En el podremos realizar 3 operaciones distintas:
- Enviar mensajes públicos: llegarán a todas las personas conectadas.
Enviar usando el botón SEND o la tecla ENTER. Usando el botón se hará
focus automático a la caja de texto para volver a enviar otro msg.
- Enviar mensajes privados al estilo “whispers”: Escribir el mensaje
y una vez queramos enviar, hacer clic en el avatar de la persona a la
queramos enviar el mensaje. Este solo le llegará a dicha persona.
- Zoom al avatar de cada persona dentro del chat. Hacer clic al avatar
que aparece junto al mensaje de cada persona.
NOTA: En los dos tipos de mensajes podremos activar o desactivar la casilla
de mayúscula automática en la primera letra del mensaje.
##############################################################################