LapBin ThreeJS程序开发入门
0 192

1.LapBin ThreeJS自封装了一套方法,main()

function main($,THREE,threex,datgui) {}

1.1 参数

$:等同于JQuery的$的使用,

THREE:引用了three.module.js 替代 import * as THREE from '../build/three.module.js' 的引入;

threex: examples中新增了一个jsm文件夹 

例子:

  import { OrbitControls } from './jsm/controls/OrbitControls.js';//老方法的引入
  var OrbitControls = threex.controls.OrbitControls; // LapBin的使用

datgui:three.js的交互ui,官方提供了一个GUI组件,通过简单的语法学习就能够使用。

例子:

  import { GUI } from './jsm/libs/dat.gui.module.js'; //老方法的引入
  var GUI = datgui.GUI; //LapBin的使用

2.在main($,THREE,threex,datgui){}中开始你的threejs的创作的

LapBin对threejs的例子非常友好,已经把例子中带的附件集成进去了,只需要加上

 normalMap0 : textureLoader.load('textures/water/Water_1_M_Normal.jpg'), //原来例子中的使用方法
 normalMap0 : textureLoader.load('/assets/lapbin/textures/water/Water_1_M_Normal.jpg'),//LapBin中的使用,加上/assets/lapbin/

·例子 webgl_water

0 192
() 全部评论
所有回复 (0)

最新

  • 插件下载 126 0 1 发布

    使用方法:打开3dmax软件,把砖墙插件拖拽到 视图中。

    3dmax砖墙插件下载地址|点这里

  • 插件下载 176 0 1 发布

    适用版本:  3ds max 2016 - 2022

    使用方法:在3dmax桌面快捷图标,点击鼠标右键打开文件所在位置,找到scripts文件夹下的strapup文件夹,把开孔脚本拖拽到strapup文件夹内。

    3dmax开孔神器下载地址|点这里