基于threejs的开源webgl编辑器，有web和桌面应用两个版本
基于threejs的开源webgl编辑器，有web和桌面应用两个版本！维护更新活跃！
- nunuStudio 是一个开源的网络游戏引擎，它允许设计师和网络开发人员轻松开发网络 3D 体验。
- Powered by three.js可以直接在 Web 中运行，也可以通过 nwjs.io 导出为桌面应用程序。
- 功能齐全的可视化编辑器，支持多种文件格式，工具是开源的，完全免费用于个人和商业用途。
- 视觉场景编辑器、代码编辑器、用于编辑纹理、材质、粒子发射器的可视化工具和强大的脚本 API，允许使用JavaScript或Python创建复杂的应用程序。
- 项目页面上提供了功能齐全的网络版编辑器。
- 网页版经过Firefox、Chrome和Microsoft Edge测试，也支持移动浏览器。
- 提供有关每个模块内部工作的完整详细信息的API 文档。这些也可以通过运行从项目源代码生成npm run docs。
- 项目页面上提供了基本教程。基本教程逐步解释了如何使用编辑器。
- 要构建项目，首先安装Node.js LTS和 NPM：构建系统为运行时和编辑器生成缩小的构建文档生成使用YuiDocsnpm install --legacy-peer-deps通过运行和附加的非 npm 包使用从 npm 安装依赖项npm run napa构建编辑器、运行时和文档、运行npm run build
- 该项目的网页是使用Angular构建的，并托管在GitHub Pages 上
截图
特征
- 可视化应用编辑器
- 将文件直接拖放到项目中（图像、视频、模型……）
- 管理项目资源。
- 编辑材质、纹理、着色器、代码……
- 由 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 页面上可用
