Documentos de Académico
Documentos de Profesional
Documentos de Cultura
TECNOLOGIAS DE GRAFICACIÓN
WEB
CSS
HTML5 JS
THREE
.JS
WEBGL CANVAS
VML
VRML SVG
X3D
X3DOM
Sobre los autores
TML5
VRML SVG
X3D
X3DOM
INDICE
CONTENIDO PAGINA
Capitulo 1. VRML97 4
Capitulo 3. X3DOM 11
Capitulo 4. Three.js 24
HTML5
Capitulo 5. Paleta de colores de diffuseColor VRML JS 25
THREE
Apendice B. Sitios de descarga de librerias y herramientas
.JS
WEBGL CANVAS
VML
VRML SVG
X3D
X3DOM
Referencía de VRML
4 4
Referencía de VRML
6 6
Referencia de X3D
7 7
Referencia de X3D
Nodo de IndexedTriangleStripSet Nodo de ArcClose2D Valores para ejes de rotación Grados y radianes
<IndexedTriangleStripSet <ArcClose2D 0.000
index= “[ ]” MFInt32 startAngle= “#.#” SFFloat Dirección Ejes de rotación 0.785 5.498
8 8
Referencia de X3D
Familias de fuentes validas Típicos tipos de contenido MIME Nodo de llenado de propiedades Nodo de llenado de propiedades
familia Descripción
<FillProperties <LineProperties
MIME Manejo filled= “■|□” SFBool applied= “■|□” SFBool
“SERIF” Con ancho variable, fuente hatchColor= “#.# #.# #.#” SFColor linetype= “#.#” SFInt32
serif como Times Roman text/plain Texto plano, sin hatchet= “■|□” SFBool linewidthScaleFactor= “#.#” SFInt32
formato. hatchedStyle= “#.#” SFInt32 />
“SANS” Con ancho variable, fuente /> metadata NULL SFNode
text/html Texto HTML.
sans serif como elvetica. metadata NULL SFNode
image/gif Imagen GIF. Nodo de sensor de Carga
“TYPEWRI Con ancho fijo con fuente <loadSensor
TER” como Courier. video/mpeg MPEG-encoded video enabled= “■|□” SFBool
timeout= “#.#” SFTime
Estilos validos Nodo AudioClip watchList= “[ ]” MFNode
<AudioClip isActive= “■|□” SFBool
Valor de estilo Descripción isLoaded= “■|□” SFBool
description= “ ” SFString
url= “[ ]”MFString loadTime= “#.#” SFTime
“PLAIN” Texto plano (default).
duration= “ ” SFString progress= “#.#” SFFloat
“BOLD” Texto en negritas. startTime= “#.#” SFTime />
stopTime= “#.#” SFTime metadata NULL SFNode
“ITALIC” Texto en itálicas. pauseTime= “#.#” SFTime
resumeTime= “#.#” SFTime Nodo Interpolador de posiciones
“BOLDITALIC” Texto en negritas
pitch= “#.#” SFFloat <PositionInterpolator
itálicas.
loop= “■|□” SFBool key= “[ ]” MFFloat
isActive= “■|□” SFBool keyValue= “[ ]” MFVec3f
Nodo de estilos texto set_fraction= “ ” SFFloat
<FontStyle isPaused= “■|□” SFBool
duration_changed= “ ” SFFloat value_changed=“ ” SFVec3f
family= ’“SERIF”’ SFString />
style= ’“PLAIN”’ SFString elapsedTime= “ ” SFTime
/> Metadata NULL SFNode
size= “#.#” SFFloat
spacing = ’#.#’ SFFloat metadata NULL SFNode
Nodo Interpolador de coordenadas
justify= ’“BEGIN”‘ SFString <CoodinateInterpolator
horizontal= “■|□” SFBool Nodo de Sonido
<Sound key= “[ ]” MFFloat
leftToRing= “■|□” SFBool keyValue= “[ ]” MFVec3f
intensity= “#.#” SFFloat
topToBottom= “■|□” SFBool set_fraction= “ ” SFFloat
location= “#.# #.# #.#” SFVec3f
language= “” SFString value_changed=“ ” MFVec3f
direction= “#.# #.# #.#” SFVec3f
/> />
minFront= “#.#” SFFloat
minBack= “#.#” SFFloat metadata NULL SFNode
Nodo MovieTexture
<MovieTexture maxFront= “#.#” SFFloat
maxBack= “#.#” SFFloat Nodo Interpolador de orientación
url= ‘“[ ]”’ MFString <OrientationInterpolator
priority= “#.#” SFFloat
loop= “ ■|□” SFBool key= “[ ]” MFFloat
speed= “#.#” SFFloat spatialize= “■|□” SFBool
/> keyValue= “[ ]” MFVec3f
startTime= “#.#” SFTime set_fraction= “ ” SFFloat
stopTime= “#.#” SFTime source NULL SFNode
metadata NULL SFNode value_changed=“ ” SFRotation
resumeTime= “#.#” SFTime />
pauseTime= “#.#” SFTime Metadata NULL SFNode
Nodo SpotLight
repeatS = “■|□” SFBool <SpotLight
repeatT = “■|□” SFBool Nodo Interpolador de color
on= “■|□” SFBool
/> <ColorInterpolator
ambientIntensity= “#.#” SFFloat
metadata NULL SFNode key= “[ ]” MFFloat
attenuation= “#.# #.# #.#” SFVec3f
keyValue= “[ ]” MFColor
beamWidth= “#.#” SFFloat
Nodo Transformaciones de textura set_fraction= “ ” SFFloat
<TextureTransform color= “#.# #.# #.#” SFColor
value_changed=“ ” SFColor
translation= “#.# #.#” SFVec2f cutOffAngle= “#.#” SFFloat
/>
rotation= “#.#” SFFloat direction= “#.# #.# #.#” SFVec3f
Metadata NULL¤SFNode
scale= “#.# #.#” SFVec2f global= “■|□” SFBool
center= “#.# #.#” SFVec2f Intensity= “#.#” SFFloat Nodo Interpolador escalar
/> Location= “#.# #.# #.#” SFVec3f <ScalarInterpolator
metadata NULL SFNode radius = “#.#” SFFloat key= “[ ]” MFFloat
/> keyValue= “[ ]” MFFloat
metadata NULL SFNode set_fraction= “ ” SFFloat
Nodo Generador de Coordenadas de value_changed=“ ” SFFloat
texturas Nodo Punto de Luz />
<TextureCoordinate <PointLight metadata NULL SFNode
point= “ [ ]” MFVec2f on= “■|□” SFBool
mode= “SPHERE” SFString ambientIntensity= “#.#” SFFloat Nodo Interpolador Normal
parameter= “[ ]” MFFloat attenuation= “#.# #.# #.#” SFVec3f <NormalInterpolator
/> color= “#.# #.# #.#” SFColor key= “[ ]” MFFloat
metadata NULL SFNode intensity= “#.#” SFFloat keyValue= “[ ]” MFVec3f
location= “#.# #.# #.#” SFVec3f set_fraction= “ ” SFFloat
Nodo Textura de pixel radius= “###.#” SFFloat value_changed=“ ” MFVec3f
<PixelTexture global= “■|□” SFBool />
image= “# # #” SFImage > metadata NULL SFNode
repeatS= “■|□” SFBool metadata NULL SFNode
repeatT= “■|□” SFBool </PointLight> Nodo Interpolador de posiciones 2D
/> <PositionInterpolator2D
metadata NULL SFNode Nodo Luz Direccional key= “[ ]” MFFloat
<DirectionalLight keyValue= “[ ]” MFVec3f
Nodo Textura de imagen on= “■|□” SFBool set_fraction= “ ” SFFloat
<ImageTexture intensity= “#.#” SFFloat
url= ‘“[ ]”’ MFString ambientIntensity= “#.#” SFFloat value_changed=“ ” SFVec3f
repeatS= “■|□” SFBool color= “#.# #.# #.#” SFColor />
repeatT= “■|□” SFBool direction= “#.# #.# #.#” SFVec3f metadata NULL SFNode
/> global= “■|□” SFBool
metadata NULL SFNode /> Nodo Interpolador de coordenadas 2D
metadata NULL SFNode <CoodinateInterpolator2D
key= “[ ]” MFFloat
Nodo Normal Nodo Coordenadas keyValue= “[ ]” MFVec3f
<Normal <Coordinate set_fraction= “ ” SFFloat
vector= “[ ]” MFVec3f point= “[ ]” MFVec3f value_changed=“ ” MFVec3f
/> /> />
metadata NULL SFNode metadata NULL SFNode metadata NULL SFNode
9 9
Referencia de X3D
10 10
Referencia de X3DOM
12 12
Referencia de X3DOM
13 metadata
</X3DInfoNode>
SFNode
13
Referencia de X3DOM
16 16
Referencia de X3DOM
18 18
Referencia de X3DOM
19 19
Referencia de X3DOM
20 20
Referencia de X3DOM
21 21
Referencia de X3DOM
23 </StippleVolumeStyle>
23
Paleta de colores en RGB para VRML / X3D / X3DOM
https://threejs.org/examples/
27 27
Paleta de colores en RGB para VRML / X3D / X3DOM
https://threejs.org/examples/
27 27
Paleta de colores en RGB para VRML / X3D / X3DOM
Bibliografía
1.0
0.25
1.0
1.0 1.0
0.75 0.0
0.0 0.5
1.0 1.0 0.75
1.0 0.25 1.0
0.0 0.75 0.25
1.0 1.0 1.0 0.75
1.0 0.5 0.0 0.75
1.0 1.0 0.25 0.25
1.0 1.0 0.75
0.75 0.25 1.0
1.0 0.5 0.0
1.0 1.0 1.0 0.75
1.0 0.5 0.0 0.75
0.75 0.75 0.0 0.0
1.0 1.0 0.75
0.75 0.25 0.75
0.75 0.25 1.0
1.0 1.0 0.75 0.75
1.0 0.5 1.0 0.5
0.5 0.5 1.0 1.0
1.0 1.0 0.75
0.75 0.25 0.75
0.5 0.0 0.75
1.0 1.0 0.75 0.75
1.0 0.5 1.0 0.5
0.25 0.25 0.75 0.75
1.0 1.0 0.75
0.75 0.0 0.75
0.25 1.0 0.5
1.0 0.75
0.5 1.0
0.0 0.5
1.0
0.0
0.75
25 25
Paleta de colores en RGB para VRML / X3D / X3DOM
X3D
X3DOM