基于threejs的开源webgl编辑器,有web和桌面应用两个版本!维护更新活跃!

截图
特征
可视化应用编辑器将文件直接拖放到项目中(图像、视频、模型……)管理项目资源。编辑材质、纹理、着色器、代码……由 cannon.js基于带物理的three.js库构建实时光照和阴影贴图支持三.js库可以导入编辑器支持多种文件格式(gltf、dae、obj、fbx、3ds、...)用于桌面和移动部署的NW.js和Cordova导出与用于虚拟现实和增强现实的WebXR兼容该项目使用Webpack构建和捆绑其代码库。构建系统为运行时和编辑器生成缩小的构建使用Uglify优化和缩小 JavaScript文档生成使用YuiDocs要构建项目,首先安装Java、Node.js和 NPM,并确保 java 命令正常工作。通过运行npm install一些依赖项从 npm 安装依赖项在 npm 上不可用,必须通过运行来安装npm install napa安装项目网页运行的依赖cd source/page && npm install构建编辑器、运行时和文档、运行npm run build嵌入应用程序
开发的应用程序可以嵌入到现有的网页中,并与Angular或React等框架兼容。要将应用程序嵌入 HTML 页面,可以使用以下代码,使用该loadApp(file, id)方法引导应用程序。<html> <head> <script src="nunu.min.js"></script> </head> <body onload="Nunu.App.loadApp('pong.nsp', 'canvas')"> <canvas width="800" height="480" id="canvas"></canvas> </body> </html>
Vue.js 与 Nuxtjs
构建nunu.min.js并放置到static/js您的 nuxt 实例的文件夹中将画布元素放置template在您想要的区域中,例如:<template> <div> <canvas id="canvas" width="800" height="480" /> </div> </template>将脚本添加到您希望进行的 3D 集成的页面的 head 函数中(或放置在全局 head 中)
head() { return { script: [ { hid: 'Nunu', src: 'assets/js/nunu.min.js', defer: true, callback: () => { Nunu.App.loadApp('assets/file.nsp', 'canvas') //add file to load in here }, }, ], }, }您现在可以Nunu像往常一样在应用程序中解决问题。
执照
该项目是在 MIT 许可下分发的,该许可允许该平台的商业使用而无需任何费用。许可证在项目 GitHub 页面上可用

还没有评论,来说两句吧...