nunustudio
使用nunustudio构建3D模型
笨笨CEO
微信号:dxr15098538209
展开
-
探索nunustudio 开发3D模型 第七弹:鼠标事件控制相机旋转(一)
前言:工具【run】之后,为什么我的工程不能鼠标拖拽呢???先阅读以下APIhttp://nunustudio.org/docs/classes/Mouse.html 了解以下提供方法以及参数;1、搭建基本场景。工程目录介绍:正方体、地面、相机、全局js、空间(天空)、容器;2、容器,为相机增加一个容器,并且容器的x、y、z 设置为0;让它保持在原点。这里只要将相机拖放进去...原创 2019-12-27 16:52:01 · 436 阅读 · 0 评论 -
探索nunustudio 开发3D模型 第六弹:自定义DOM和物体点击事件
前言:在实际开发中经常会在场景中自定义DOM元素或者添加物体点击事件,那栗子来咯!!!1、搭建基本场景。场景中没有太多的物体,简单的demo。2、介绍场景中基本元素,正方体、地面、相机、js标签,这里的js标签放在scene下,可以理解为当前场景的全局的js。3、在当前场景自定义DOM,这个其实很简单动态创建dom元素,然后追加到window中。function init...原创 2019-12-26 16:52:12 · 369 阅读 · 0 评论 -
探索nunustudio 开发3D模型 第五弹:动画效果实现(二)
前言:前面介绍过两种动画效果,分别是设置场景中几何体运动和设置相机移动,这趴介绍使用工具动画工具创建你想要的的动画效果!!!嗨起来!!!1、搭建基本场景。工程包含正方体、地面、相机、光源,简单的场景搭建。2、现在我要为正方体添加动画效果,先选中这个正方体,然后点击工具下方【animation】按钮,给它安排一个动画。当点击【animation】之后可以看到出现【add】、【...原创 2019-12-25 09:26:40 · 551 阅读 · 0 评论 -
探索nunustudio 开发3D模型 第四弹:几何体 物理学( Physics)的使用
前言:实现几何体自由坠落效果!!!1、搭建基本场景。2、参考http://nunustudio.org/learn.html在使用Physics注意设置一个物理性质的地面,防止几何体穿透坠落。这里我们先创建一个物理地面,选择右侧工具栏的【物理学图标】添加一个物理地面,同时创建一个几何体地面,拖放到物理地面下作为物理地面的子节点,修改物理地面和几何地面的参数一致。3、根据自己...原创 2019-12-24 13:37:27 · 452 阅读 · 0 评论 -
探索nunustudio 开发3D模型 第三弹:动画效果实现(一)
前言:让自己的模型摇起来!!!第一种方式:物体不动,相机移动,实现物体动画;1、搭建基本场景;2、相机介绍这里工具提供两种相机类型,透视相机(PerspectiveCamera)正交相机(OrthographicCamera)根据自己的实际应用情况选择对应的相机。为工程添加一款相机3、为相机添加js为工程添加js,并且将相机拖到js标签下,双击scr...原创 2019-12-23 11:13:29 · 675 阅读 · 0 评论 -
探索 nunustudio 开发3D模型 第二弹:根据矢量图制作动画效果
前言:让小火苗动起来!!!!1、准备素材,火苗矢量图2、搭建基本场景。搭建一个底面和一面墙。3、在墙面上在放置一个几何体,作为火苗的承载体。如图:图片中黄色线框就是一个正方体,它作为火焰承载体。4、选择纹理按钮(Texture),使用精灵纹理导入火苗矢量图,导入之后就可以设置纹理参数了,双击刚才导入的精灵纹理,如图:5、纹理设置完成,接下来就要设...原创 2019-12-20 15:14:05 · 923 阅读 · 0 评论 -
探索nunustudio 开发3D模型 第一弹:几何体着色
前言:nunustudio 官方网址http://nunustudio.org/ 1、先看下基础页面2、给 正方体实现着色2-1、第一种方式 点击界面下 【materal】根据自己意愿选择材质,选择后在下面的面板会出现所选择的材质,这个材质可以自定义名称,双击 选择的材质你会看到如下界面这时候就可以设置色值。设置完毕之后,就可以把当前材质应用到你的几何体,直接点击选...原创 2019-12-20 10:01:24 · 1390 阅读 · 0 评论