nunuStudio：一款支持 3D 及 VR 应用的 JS IDE

最新推荐文章于 2024-08-16 07:46:12 发布
最新推荐文章于 2024-08-16 07:46:12 发布
阅读量1.6k 收藏 1
点赞数
文章标签： VR nunuStudio 3D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_14921509/article/details/80128435
版权
nunuStudio是一款基于three.js的3D及VR应用开发工具，无需额外插件，支持实时照明、阴影映射、各种文件格式、TTF字体、物理引擎等。提供可视化编辑器，兼容WebVR 1.1，适用于桌面和移动设备。案例包括网页嵌入和VR体验。
摘要由CSDN通过智能技术生成

nunuStudio是一款支持 3D 以及 VR 应用的 three.js 框架，可以直接在浏览器上运行，不需要使用 WebGL 和 WebVR 等额外的插件。它提供了一个可视化的场景编辑器、代码编辑器、可视化工具来编辑纹理、材质、粒子发射器等等。

宗旨为：“3D content that runs everywhere！”

特性

  • 可视化应用程序编辑器
  • 基于three.js
    • 支持实时照明和阴影映射
    • three.js 代码可以在 nunuStudio 脚本中使用
  • 支持各种文件格式
  • 支持 TTF 字体
  • 可直接拖拽文件到对象
  • NWJS 和 Cordova 用于简单的桌面和移动设备部署
  • 物理引擎(cannon.js)
  • SPE 粒子系统
  • 支持微软的 Kinect 和 Leap Motion
    • 微软的 Kinect 仅支持 Windows 项目
  • 兼容 WebVR 1.1





案例


最低0.47元/天 解锁文章
苏小宓
关注
nunuStudio：基于Web的跨平台3D，WebXR游戏引擎
01-28
nunuStudio是用于Web的开源3D VR游戏引擎，它使设计人员和Web开发人员可以轻松开发可直接在网页中运行或导出为桌面应用程序的3D体验。 它具有功能齐全的可视化编辑器，支持多种文件格式，这些工具是开源的，并且完全免费供个人和商业使用，它由诸如WebGL，WebXR和Web Audio之类的开放Web API提供支持。 视觉场景编辑器，代码编辑器，用于编辑纹理，材质，粒子发射器的视觉工具，以及功能强大的脚本API，允许创建复杂的应用程序。 该项目建立在良好的社会支持，例如开源库的顶部 ， ， ， ， ， ， ， ， 项目页面上提供了功能齐全的编辑器的。 网络版本已通过 ， 和进行了测试，同时也支持移动浏览器。 入门 其中包含有关每个模块内部工作的完整详细信息。 这些也可以通过运行npm run docs从项目源代码生成。 基本教程可在。 基本教程逐步解释了如何使用编辑器。 屏幕截图 特征 可视应用程序编辑器 将文件直接拖放到项目中（图像，视频，模型等） 管理项目资源。 编辑材质，纹理，着色器，代码，... 建立在库中 实时光照和阴影贴图支持 th
3D-nunuStudio.zip
09-16
3D-nunuStudio.zip,基于web的游戏引擎和3d编辑器，用于交互式应用。场景编辑器，材质模式，后处理，基于对象的脚本，webvr，位置音频支持。,3D建模使用专门的软件来创建物理对象的数字模型。它是3D计算机图形的一个方面，用于视频游戏，3D打印和VR，以及其他应用程序。
vr.js 开源项目安装与使用指南
最新发布
gitblog_00444的博客
08-16 543
vr.js 开源项目安装与使用指南 vr.jsNPAPI plugin to expose fun VR devices to Javascript.项目地址:https://gitcode.com/gh_mirrors/vr/vr.js 目录结构及介绍 在克隆或下载vr.js项目之后,你会看到以下主要文件和目录: bin: 包含用于不同平台（如Windows和Mac）上安装NPAPI插件的脚...
探索nunustudio 开发3D模型 第四弹：几何体 物理学（ Physics）的使用
笨笨CEO的博客
12-24 504
前言：实现几何体自由坠落效果！！！ 1、搭建基本场景。 2、参考http://nunustudio.org/learn.html在使用Physics注意设置一个物理性质的地面，防止几何体穿透坠落。这里我们先创建一个物理地面，选择右侧工具栏的【物理学图标】添加一个物理地面，同时创建一个几何体地面，拖放到物理地面下作为物理地面的子节点，修改物理地面和几何地面的参数一致。 3、根据自己...
Web3D应用开发在线IDE【中文版】
新缸中之脑
11-25 841
对象以树结构组织（在下面的红色区域可见），每个对象都有子对象，它们继承父对象的位置、比例和旋转。如果移动父对象，则子对象也随之移动。可以在对象浏览器中鼠标左键点击来选中对象，当对象被选中后，其属性将显示在下方（蓝色）的面板中。在对象面板中，可以手动更改对象的每个属性（位置、名称、颜色等）。选择工具，用鼠标左键选择对象，然后双击也可以选择对象（即使选择工具未激活）旋转工具，用于旋转物体移动工具，用于移动物体调整大小工具，用于调整对象大小。
探索Web游戏新境界：nunuStudio——您的3D创作神器
gitblog_00070的博客
05-12 498
探索Web游戏新境界：nunuStudio——您的3D创作神器 项目地址:https://gitcode.com/tentone/nunuStudio nunuStudio是一个强大的开源游戏引擎，专为Web开发者和设计师打造，让您可以轻松地创建引人入胜的3D网络体验。基于流行的three.js库并借助nwjs.io的力量，nunuStudio不仅能在浏览器中运行，还能打包成桌面应用。 项目简介...
CommediaVirtuale:Commedia Virtuale 是一款 VR 应用程序，旨在简化 Divina Commedia 的研究
06-11
《Commedia Virtuale》是一款基于VR技术的应用程序，它的核心目标是为用户提供一个直观且深入研究但丁·阿利吉耶里的不朽史诗——《神曲》（Divina Commedia）的平台。这款应用程序利用虚拟现实的力量，将这部古典...
抖音直播VR全景3D立体元宇宙直播间搭建教程软件，是一款专业的直播间搭建工具，应用于抖音直播等应用场景
05-16
抖音直播VR全景3D立体元宇宙直播间搭建教程软件，是一款专业的直播间搭建工具，应用于抖音直播等应用场景。该软件提供了丰富的VR全景3D立体制作选项，能够轻松创建出极具创意和沉浸感的虚拟直播间。用户可以在宇宙...
支持最新版本3dMax：VR一键模型代理/还原插件下载
06-20
在3D建模和渲染领域，3ds Max是一款广泛应用的软件，而V-Ray则是一款强大的渲染引擎，两者结合能够创建出高质量的三维图像。本文将详细介绍"VR一键模型代理/还原插件"及其在3ds Max中的应用。 该插件名为"VR一键...
探索nunustudio 开发3D模型 第一弹：几何体着色
笨笨CEO的博客
12-20 1479
前言：nunustudio 官方网址http://nunustudio.org/ 1、先看下基础页面 2、给 正方体实现着色 2-1、第一种方式 点击界面下 【materal】根据自己意愿选择材质，选择后在下面的面板会出现所选择的材质，这个材质可以自定义名称，双击 选择的材质你会看到如下界面 这时候就可以设置色值。设置完毕之后，就可以把当前材质应用到你的几何体，直接点击选...
js全景图片360度VR预览代码
01-01
js全景图片360度VR预览代码，适用于电脑、平板、手机端全景展示预览图片，注：有些浏览器可能不支持！
探索nunustudio 开发3D模型 第七弹：鼠标事件控制相机旋转（一）
笨笨CEO的博客
12-27 495
前言：工具【run】之后，为什么我的工程不能鼠标拖拽呢？？？ 先阅读以下APIhttp://nunustudio.org/docs/classes/Mouse.html 了解以下提供方法以及参数； 1、搭建基本场景。 工程目录介绍：正方体、地面、相机、全局js、空间（天空）、容器； 2、容器，为相机增加一个容器，并且容器的x、y、z 设置为0；让它保持在原点。这里只要将相机拖放进去...
探索VR.js：轻松构建虚拟现实应用的利器
gitblog_00019的博客
04-17 537
探索VR.js：轻松构建虚拟现实应用的利器 vr.jsNPAPI plugin to expose fun VR devices to Javascript.项目地址:https://gitcode.com/gh_mirrors/vr/vr.js 项目简介 是由Ben Vanik开发的一个轻量级JavaScript库，旨在简化Web上的虚拟现实（VR）体验的创建过程。该项目提供了一组强大的工具和...
探索nunustudio 开发3D模型 第五弹：动画效果实现（二）
笨笨CEO的博客
12-25 617
前言：前面介绍过两种动画效果，分别是设置场景中几何体运动和设置相机移动，这趴介绍使用工具动画工具创建你想要的的动画效果！！！嗨起来！！！ 1、搭建基本场景。 工程包含正方体、地面、相机、光源，简单的场景搭建。 2、现在我要为正方体添加动画效果，先选中这个正方体，然后点击工具下方【animation】按钮，给它安排一个动画。 当点击【animation】之后可以看到出现【add】、【...
探索 nunustudio 开发3D模型 第二弹：根据矢量图制作动画效果
笨笨CEO的博客
12-20 976
前言：让小火苗动起来！！！！ 1、准备素材，火苗矢量图 2、搭建基本场景。 搭建一个底面和一面墙。 3、在墙面上在放置一个几何体，作为火苗的承载体。如图： 图片中黄色线框就是一个正方体，它作为火焰承载体。 4、选择纹理按钮（Texture），使用精灵纹理导入火苗矢量图， 导入之后就可以设置纹理参数了，双击刚才导入的精灵纹理，如图： 5、纹理设置完成，接下来就要设...
JS也可以这么浪漫，用JS写下一个世界（VR）
程序员秋风的博客
02-15 988
先上图感受一下，以迪士尼城堡为例。 心动了吗？你以为实现这个炫酷特效会很复杂？ 不不不，实现这个特效只有两个步骤 需要一张全景图 使用 photo-sphere-viewer.js 进行配置 (一个用来来显示全景图JavaScript库) 可以从这里免费下载全景图片 https://pixabay.com/zh/images/search/360%C2%B0%E5%85%A8%E6%99%AF/ 在线演示地址（手机打开效果更佳） https://qiufeng.blue/frontend/demo/
WebVR全景图多种JS框架实现方案---kalrry---test--ing
kalrry
12-31 1810
WebVR全景图多种实现方案---kalrry参考第一种方案：three.js第二种方案：aframe第三种方案：jQuery 插件——vrview第四种方案：pannellum第五种方案：Krpano 参考 待验证ing 参考： [1]、https://www.cnblogs.com/ifannie/p/9910736.html [2]、https://www.cnblogs.com/ifannie/p/9917490.html 结论： 看完直接上Krpano 第一种方案：three.js 作为前端界全景
CubicVR.js: 建立3D Web应用程序的现代JavaScript库
gitblog_00005的博客
03-09 401
CubicVR.js: 一款强大的3D建模库 CubicVR.js是一款开源的JavaScript库，它提供了丰富的功能，可以帮助开发者创建、编辑和展示3D模型。无论你是前端开发者还是设计师，都可以利用这个项目快速构建你的3D应用。 功能介绍 创建3D场景: CubicVR.js支持各种3D对象，如立方体、球体、圆柱体等，同时也支持自定义几何形状。 编辑3D模型: 库中内置了多种工具，你可以通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值