提交 d810b695 编写于 作者: M Mr.doob

Added examples viewer. See #3687.

上级 c2e024f4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>three.js - examples</title>
<style>
@font-face {
font-family: 'inconsolata';
src: url('files/inconsolata.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
background-color: #ffffff;
margin: 0px;
font-family: 'inconsolata';
font-size: 15px;
overflow: hidden;
}
a {
color: #2194CE;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
color: #ff8888;
}
h1 {
font-size: 25px;
font-weight: normal;
}
#panel {
position: absolute;
width: 300px;
height: 100%;
overflow: scroll;
}
#panel #list {
padding: 10px 20px;
line-height: 18px;
}
#viewer {
position: absolute;
left: 300px;
width: calc(100% - 300px);
height: 100%;
border: 0px;
}
</style>
</head>
<body>
<div id="panel">
<div id="list">
<h1>three.js examples</h1>
</div>
</div>
<iframe id="viewer"></iframe>
<script>
var files = [
"canvas_ascii_effect",
"canvas_camera_orthographic",
"canvas_camera_orthographic2",
"canvas_geometry_birds",
"canvas_geometry_cube",
"canvas_geometry_earth",
"canvas_geometry_hierarchy",
"canvas_geometry_nurbs",
"canvas_geometry_panorama",
"canvas_geometry_panorama_fisheye",
"canvas_geometry_shapes",
"canvas_geometry_terrain",
"canvas_geometry_text",
"canvas_interactive_cubes",
"canvas_interactive_cubes_tween",
"canvas_interactive_lines",
"canvas_interactive_particles",
"canvas_interactive_voxelpainter",
"canvas_lights_pointlights",
"canvas_lights_pointlights_smooth",
"canvas_lines",
"canvas_lines_colors",
"canvas_lines_sphere",
"canvas_materials",
"canvas_materials_depth",
"canvas_materials_normal",
"canvas_materials_reflection",
"canvas_materials_video",
"canvas_particles_floor",
"canvas_particles_random",
"canvas_particles_shapes",
"canvas_particles_sprites",
"canvas_particles_waves",
"canvas_performance",
"canvas_sandbox",
"css3d_molecules",
"css3d_panorama",
"css3d_periodictable",
"css3d_sandbox",
"css3d_sprites",
"css3d_youtube",
"misc_controls_fly",
"misc_controls_oculusrift",
"misc_controls_orbit",
"misc_controls_path",
"misc_controls_pointerlock",
"misc_controls_trackball",
"misc_controls_transform",
"misc_lights_test",
"misc_lookat",
"misc_sound",
"misc_ubiquity_test",
"misc_uv_tests",
"software_sandbox",
"webgl3_performance",
"webgl_animation_cloth",
"webgl_animation_skinning",
"webgl_animation_skinning_morph",
"webgl_buffergeometry",
"webgl_buffergeometry_custom_attributes_particles",
"webgl_buffergeometry_lines",
"webgl_buffergeometry_particles",
"webgl_camera",
"webgl_custom_attributes",
"webgl_custom_attributes_lines",
"webgl_custom_attributes_particles",
"webgl_custom_attributes_particles2",
"webgl_custom_attributes_particles3",
"webgl_custom_attributes_ribbons",
"webgl_geometries",
"webgl_geometries2",
"webgl_geometry_colors",
"webgl_geometry_colors_blender",
"webgl_geometry_convex",
"webgl_geometry_cube",
"webgl_geometry_dynamic",
"webgl_geometry_extrude_shapes",
"webgl_geometry_extrude_splines",
"webgl_geometry_extrude_uvs2",
"webgl_geometry_hierarchy",
"webgl_geometry_hierarchy2",
"webgl_geometry_large_mesh",
"webgl_geometry_minecraft",
"webgl_geometry_minecraft_ao",
"webgl_geometry_minecraft_oculusrift",
"webgl_geometry_normals",
"webgl_geometry_nurbs",
"webgl_geometry_shapes",
"webgl_geometry_subdivision",
"webgl_geometry_terrain",
"webgl_geometry_terrain_fog",
"webgl_geometry_terrain_raycast",
"webgl_geometry_tessellation",
"webgl_geometry_text",
"webgl_hdr",
"webgl_helpers",
"webgl_interactive_cubes",
"webgl_interactive_cubes_gpu",
"webgl_interactive_draggablecubes",
"webgl_interactive_voxelpainter",
"webgl_kinect",
"webgl_lensflares",
"webgl_lights_hemisphere",
"webgl_lights_pointlights",
"webgl_lights_pointlights2",
"webgl_lines_colors",
"webgl_lines_cubes",
"webgl_lines_dashed",
"webgl_lines_sphere",
"webgl_lines_splines",
"webgl_loader_collada",
"webgl_loader_collada_keyframe",
"webgl_loader_ctm",
"webgl_loader_ctm_materials",
"webgl_loader_json_blender",
"webgl_loader_json_objconverter",
"webgl_loader_obj",
"webgl_loader_obj_mtl",
"webgl_loader_ply",
"webgl_loader_scene",
"webgl_loader_scene_blender",
"webgl_loader_stl",
"webgl_loader_utf8",
"webgl_loader_vrml",
"webgl_loader_vtk",
"webgl_lod",
"webgl_marching_cubes",
"webgl_materials",
"webgl_materials2",
"webgl_materials_blending",
"webgl_materials_blending_custom",
"webgl_materials_bumpmap",
"webgl_materials_bumpmap_skin",
"webgl_materials_cars",
"webgl_materials_cars_anaglyph",
"webgl_materials_cars_camaro",
"webgl_materials_cars_camaro_crosseyed",
"webgl_materials_cars_parallaxbarrier",
"webgl_materials_cubemap",
"webgl_materials_cubemap_balls_reflection",
"webgl_materials_cubemap_balls_reflection_anaglyph",
"webgl_materials_cubemap_balls_refraction",
"webgl_materials_cubemap_balls_refraction_crosseyed",
"webgl_materials_cubemap_dynamic",
"webgl_materials_cubemap_dynamic2",
"webgl_materials_cubemap_escher",
"webgl_materials_cubemap_refraction",
"webgl_materials_grass",
"webgl_materials_lightmap",
"webgl_materials_normalmap",
"webgl_materials_normalmap2",
"webgl_materials_shaders",
"webgl_materials_shaders_fresnel",
"webgl_materials_skin",
"webgl_materials_texture_anisotropy",
"webgl_materials_texture_compressed",
"webgl_materials_texture_filters",
"webgl_materials_texture_manualmipmap",
"webgl_materials_video",
"webgl_materials_wireframe",
"webgl_morphnormals",
"webgl_morphtargets",
"webgl_morphtargets_horse",
"webgl_morphtargets_md2",
"webgl_morphtargets_md2_control",
"webgl_multiple_canvases_circle",
"webgl_multiple_canvases_complex",
"webgl_multiple_canvases_grid",
"webgl_multiple_views",
"webgl_multiple_windows",
"webgl_octree",
"webgl_octree_raycasting",
"webgl_panorama_equirectangular",
"webgl_particles_billboards",
"webgl_particles_billboards_colors",
"webgl_particles_dynamic",
"webgl_particles_random",
"webgl_particles_shapes",
"webgl_particles_sprites",
"webgl_performance",
"webgl_performance_doublesided",
"webgl_performance_static",
"webgl_postprocessing",
"webgl_postprocessing2",
"webgl_postprocessing_advanced",
"webgl_postprocessing_dof",
"webgl_postprocessing_dof2",
"webgl_postprocessing_godrays",
"webgl_ribbons",
"webgl_rtt",
"webgl_sandbox",
"webgl_shader",
"webgl_shader2",
"webgl_shader_lava",
"webgl_shading_physical",
"webgl_shadowmap",
"webgl_shadowmap_performance",
"webgl_sprites",
"webgl_terrain_dynamic",
"webgl_test_memory",
"webgl_test_memory2",
"webgl_trails",
"webgldeferred_animation",
"webgldeferred_arealights",
"webgldeferred_pointlights"
];
var list = document.getElementById( 'list' );
var container = document.createElement( 'div' );
list.appendChild( container );
for ( var i = 0; i < files.length; i ++ ) {
var file = files[ i ];
var link = document.createElement( 'a' );
link.href = file + '.html';
link.textContent = file;
link.target = 'viewer';
container.appendChild( link );
container.appendChild( document.createElement( 'br' ) );
}
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册