WebGL 3D图形展示项目

这套 3D 图形展示项目还挺有趣的,能通过网页实现复杂的 3D 图形展示。它用Blender来建模,WebGL负责渲染,webpack则模块打包,整个流程都蛮清晰的。如果你有过 3D 开发经验,或者想了解这类开发的朋友,这个项目不妨试试。模型文件(livingroom.blend)就放在res/models/livingroom.blend,纹理也能从/res/textures找到。操作起来也简单,前进后退通过WS,旋转视角就靠鼠标,挺方便的。开发版本只需要有Node.js 12环境,运行npm installnpm start就行。整体来说,这个资源挺适合拿来学习 WebGL 和 3D 建模的,细节上也能让你对相关技术有更多了解哦。

folder
电脑图像 预估大小:137个文件
file
.gitignore 22B
file
Renderer.js 11KB
file
glUtils.js 4KB
file
Scene.js 6KB
file
graphics.js 4KB
file
index.js 10KB
file
CameraController.js 4KB
file
styles.css 549B
file
.babelrc 102B
file
Graphics Coursework.iml 458B
file
.gitignore 98B
file
TexturesCom_NorwayForest_8K_hdri_sphere.jpg 13.66MB
file
map-world-1450907.jpg 939KB
file
livingroom_origins.blend1 17.32MB
file
livingroom_origins.blend 17.32MB
file
livingroom.blend1 20.24MB
file
livingroom.blend 20.25MB
file
sky.frag 191B
file
pbr.frag 4KB
file
index.html 305B
zip 文件大小:281.54MB