最新文章:

  • three.js中OrbitControls.js的属性与方法

      构造函数参数数说明newTHREE.OrbitControls(object:Camera,domElement:HTMLDOMElement)object:控制的相机domElement:可选的,指定在特定的元素(例如画布renderer.domElement)上工作属性autoRotate:Boolean默认false。设定为true时,相机...

    1. 评论数:0
    2. 2019年4月15日19时
  • three.js基础概念

      常用object对象对象名介绍plane(平面)作为地面的二维矩形。渲染结果是屏幕中央的一块黑色矩形Cube(方块)作为一个三维立方体sphere(球体)作为一个三维球体wireframe(线框)作为一个线框camera(相机)相机决定着你所能看到的输出结果Axes(轴)x,y,z辅助线,用于调试scene(场景)变量场景用来保存跟踪我们想要渲染...

    1. 评论数:0
    2. 2018年3月17日18时
  • three.js中常用的3种材质

      总序材质和几何体构成网格,决定几何体是否像金属,透明与否,已经是否显示成线框。MeshBasicMaterial:对光照无感,给几何体一种简单的颜色或显示线框MeshLambertMaterial:这种材质对光照有反应,用于创建暗淡的不发光的物体MeshPhongMaterial:这种材质对光照也有反应,用于创建金属类明亮的物体材质的共有属性材质...

    1. 评论数:0
    2. 2018年1月18日12时
  • three.js起步

      活到老,学到老。选择了技术就不能停下学习的脚步。最近项目中用到three.js,这让我感觉非常痛苦呀,没有详细的文档介绍,所以感觉不好下手,且学习成本高。废话少说就不多少了,下面就开始进入学习了:学习前先看一个例子:http://aleksandarrodic.com/p/jellyfish/three.js下载地址:https://github...

    1. 评论数:0
    2. 2018年1月18日09时
  • Three.js入门——五步构建立体模型

      概述Three.js是一款webGL框架,webGL可以让我们在canvas上实现3D效果立体模型构建Three.js立体模型构建需要五个步骤设置渲染器renderer设置相机camera设置光源light设置场景scene设置物体object第一步渲染器设置三维空间里的物体映射到二维平面的过程被称为三维渲染。一般来说我们都把进行渲染操作的软件叫...

    1. 评论数:0
    2. 2017年11月8日11时
  • 上手three.js需要什么基础?

      1、对于3D美术知识的认知,不管你有没有3D美术从业经历,但你必须要懂什么是mesh,什么是贴图,什么是材质,摄像机如何摆放才能构建出良好的视觉体验。还要明白viewport渲染出来的东西关系和camra中的参数如何配置。2、对于Javascript的能力以及OOP程序开发能力,游戏开发能力,明白如何使用js进行面向对象编程,尤其使用threej...

    1. 评论数:0
    2. 2017年10月18日21时
  • 如何选中three场景中渲染出来的物体——射线(raycaster)

      Three.js提供一个射线类Raycasting来拾取场景里面的物体。更方便的使用鼠标来操作3D场景。functionModule(wrapId){var_this=this;this.scene=null;this.camera=null;this.renderer=null;this.geometry=null;this.material=...

    1. 评论数:0
    2. 2017年7月1日21时
  • Three.js常用API及说明

          Three.js是一款webGL框架,其功能非常之强大,可以创建各种三维场景。所以它的接口也非常丰富,下面汇总了一下比较常用的:/***场景(scene)*/varscene=newTHREE.Scene();//创建场景scene.add(x);//插入场景/***相机(camera)*///正交...

    1. 评论数:0
    2. 2017年5月17日18时