文件名称:基于three.js和WebGL制作的城市游City Tour
文件大小:1.02MB
文件格式:ZIP
更新时间:2024-06-06 03:07:31
Web开发源代码 JS/Ajax源代码
参观一个程序生成的城市,每次都不同。坐下来享受旅程! 使用three.js和WebGL制作。 怎么运行 首先,生成了世界的蓝图: 地形图 遵循地形的道路网 沿道路空的建筑物 地段建筑物 由于随机变化,结果每次都不同,但遵循可配置的规则。 接下来,将此抽象定义转换为3D模型,可以在three.js的帮助下使用WebGL进行渲染。 一旦创建完成,您就可以使用触摸手势(移动)或鼠标(桌面)在城市中移动。导航的工作方式类似于Google / Apple Maps。您也可以点击“游览”按钮,在城市中进行自动飞行/驾驶。 在本地构建/运行 如果是第一次构
【文件预览】:
textures
----grid.png(402B)
yarn.lock
webpack.config.js
src
----path_finder.js(3KB)
----timer.js(1KB)
----terrain_candidate_road_network.js(3KB)
----generators()
--------world_generator.js(4KB)
--------bridge_generator.js(2KB)
--------road_network_simplifier.js(8KB)
--------circle_growth_road_generator.js(4KB)
--------terrain()
--------buildings_generator.js(4KB)
--------neighborhood_generator.js(6KB)
--------neighborhood_road_network_generator.js(4KB)
--------zoned_block_generator.js(11KB)
----config.js(858B)
----terrain.js(3KB)
----message_broker.js(1KB)
----math.js(1KB)
----flythrough()
--------road_navigator.js(2KB)
--------curve_animation.js(1KB)
--------vehicle_controller.js(22KB)
--------vehicle_view.js(4KB)
--------aerial_navigator.js(3KB)
--------motion_generator.js(623B)
--------driving_curve_builder.js(6KB)
--------animation.js(1KB)
--------easing.js(2KB)
----app()
--------timer_loop.js(6KB)
--------flythrough_gesture_processor.js(1KB)
--------city_editor_controller.js(5KB)
--------world_touch.js(2KB)
--------gesture_processor.js(11KB)
--------app.js(4KB)
--------map_camera.js(10KB)
--------render_view.js(2KB)
--------city_config_service.js(3KB)
--------world_touch_collection.js(3KB)
--------navigation_touch_controller.js(6KB)
--------scene_view.js(7KB)
--------navigation_controller.js(6KB)
----road_network.js(9KB)
----meshes()
--------road_mesh_builder.js(17KB)
--------terrain_mesh_builder.js(23KB)
--------builder.js(4KB)
--------building_mesh_builder.js(8KB)
.babelrc
lib
----analytics.js(0B)
----three-v120.min.js(629KB)
LICENSE
test
----road_network.test.js(16KB)
----math.test.js(3KB)
----terrain.test.js(20KB)
----generators()
--------terrain()
----path_finder.test.js(3KB)
----flythrough()
--------linear_easing.test.js(1KB)
--------sine_easing.test.js(2KB)
--------aerial_navigator.test.js(5KB)
--------motion_generator.test.js(4KB)
README.md
city_tour.html
css
----city_tour.css(5KB)
city_tour.gif
.gitignore
package.json