登录以发布
  • LapBin(ThreeJS) 4 0 1 发布
  • 装饰摆件 8 0 1 发布
  • LapBin教程 5 0 1 发布

    1.打开 threejs编码页面 示范例子 webgl_water

    2.F12打开开发者工具,找到 lapbin-javascript.js,就可以调试代码了,以下列出几种常见的浏览器开发者工具


    Google Chrome 浏览器

    360浏览器




    Microsoft Edge


  • LapBin教程 教程 17 0 1 发布

    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

  • LapBin教程 7 0 1 发布

    LapBin 在线编辑器有四个标签页 

    Result Tab:程序运行结果HTML Tab:HTML代码编辑CSS Tab:CSS代码编辑JavaScript Tab:JavaScript代码编辑各 编辑器内部使用CodeMirror

    Result Tab

    HTML   Tab

    CSS Tab

    JavaScript Tab

  • 3D健游 24 0 1 发布
  • 3D健游 25 0 1 发布
  • 3D健游 13 0 1 发布
  • 3D健游 13 0 1 发布
  • 3D应用 20 0 1 发布
  • LapBin(ThreeJS) 10 0 1 发布
  • LapBin(ThreeJS) 13 0 1 发布
  • LapBin(ThreeJS) 12 0 1 发布
  • 3D健游 14 0 1 发布
  • 3D健游 21 0 1 发布
  • 3D应用 19 0 1 发布
  • LapBin(ThreeJS) 8 0 1 发布
  • LapBin(ThreeJS) 5 0 1 发布
  • LapBin(ThreeJS) 7 0 1 发布
  • LapBin(ThreeJS) 8 0 1 发布