博客专栏  >  前端   >  three.js基础教程

three.js基础教程

一个用来创建3D效果的JavaScript库,封装了WebGL,轻量级,易于使用。在本教程中,将讲解在使用three.js的一些基本概念和问题

关注
5 已关注
20篇博文
  • threejs概览

    本文讲述threejs的总体概况,希望从一个较高的角度看threejs到底能做什么

    2017-02-15 19:12
    758
  • threejs相机和渲染器

    渲染器 渲染器其实代表的是canvas标签。 渲染器的类型 WebGLRender 使用WebGL来渲染图形,速度较快,但是有些机器不支持WebGL。 CanvasRender ...

    2017-02-14 18:18
    2116
  • ThreeJS阴影

    在threejs中,阴影可以定义为“在渲染器支持的情况下,有一个可以产生阴影的光,照射在若干个可以产生阴影的物体上,并在某个可以接受阴影的物体上产生阴影”。所以,要产生阴影,渲染器、光、物体,接受光线...

    2016-08-11 15:30
    1590
  • threejs纹理

    纹理纹理用来表现物体的细节。理论上可以将物体的每个细节建模出来,但是这样时间成本和性能成本都太高,因此,将物体的一些细节用纹理来表示。

    2017-02-20 17:24
    3738
  • ThreeJS 开发实例

    形状和材质 虚线 画虚线: function DrawDashLine(){ var geometry = new THREE.Geometry(); /...

    2016-08-09 09:21
    12926
  • threejs对象拾取

    对象拾取对象拾取也就是要获得鼠标事件发生位置的图形对象。在threejs中,是通过Raycaster 对象来拾取对象的,ray是射线,caster是投射器,从字面上即可理解其工作原理是:从某个方向发射...

    2017-03-05 21:00
    2386
  • threejs坐标转换

    屏幕坐标转three.js坐标 将屏幕坐标转变成threejs空间坐标: function transToThreeCoord(x,y){ let mouse = new TH...

    2018-02-08 00:35
    1920
  • threejs中坐标系转换和实现物体跟随鼠标移动

    threejs中屏幕坐标系向threejs坐标的转换方法,以及实现物体跟随鼠标移动

    2016-09-11 17:59
    7129
  • threejs- z-fighting 问题

    在threejs中,使用z-buffer来处理模型的可见性,由于z-buffer是有限的,难免会出现两个面对应到同一个深度等级的情况,这种情况可能会造成模型的闪烁,破面,是使用threejs经常会遇到...

    2017-09-08 21:40
    1419
  • threejs加载3D模型例子

    加载3D模型需要使用ColladaLoader加载器,Collada是一个3D模型交换方案,即不同的3D模型可以通过Collada进行相互转换,言外之意,threejs可以使用Collada将3D模型...

    2017-02-20 17:20
    6188
  • threejs创建平面几何形状

    平面几何形状有三种:点,线,面三种,下面说说用threejs创建这几种形状的方法。

    2017-02-16 15:18
    3968
  • Threejs性能监视和可视化控制

    概述性能监视是监视threejs运行中的刷新频率,要使用到threejs提供的stat.js,可视化控制是在窗口中显示一个可见的控制框,可以通过鼠标改变其中的值,达到改变threejs对象参数的目的

    2016-08-16 01:22
    1875
  • threejs骨架形状

    骨骼是什么?骨骼就是一个可以控制其它形状的对象。在threejs中,骨骼(Bone)就是一个空的Object3D对象

    2017-02-20 17:14
    1725
  • threejs-经纬度转换成xyz坐标的方法

    用threejs做3D应用时,很经常会接触到球状物体,比如说地球,要定义球上的一点,用经纬度是常用的办法,将经纬度转换成xyz坐标,就可以直接在指定的经纬度上放置我们想要的模型

    2017-07-24 14:39
    3523
  • threejs精灵(Sprite)

    Sprite精灵Sprite叫精灵,计算机图形学中,精灵指包含于场景中的二维图像或动画(wiki)。在threejs中,是指一个永远面向相机的平面

    2017-02-16 16:26
    3461
  • threejs指定对象旋转中心

    默认情况下,对象的旋转中心都是自身的中心。对于组对象而言,也是如此。因此,可以利用这个特点,实现对象绕任何点旋转,也就是指定旋转中心。

    2017-03-05 21:04
    2865
  • threejs设置对象层次

    threejs提供了层次的支持。和相机处于同一层次的对象可见,否则不可见。在threejs中,最多可以设置32层,默认的层次是1。层次在有些系统中很有用,可以将不同的模式的对象设成不同的层次,这样,切...

    2017-03-05 21:06
    865
  • threejs渲染器剔除模式

    渲染器剔除模式渲染器可以设置成舍弃某些面,如前面、背面等。默认情况下,是剔除掉背面,也就是背对着相机的面。

    2017-03-05 21:08
    1414
  • threejs向量夹角和夹角方向

    计算threejs向量夹角和夹角方向

    2017-03-05 21:10
    1597
  • threejs路径

    路径通常指存在于多种计算机图形设计软件中的以贝塞尔曲线为理论基础的区域绘制方式。路径在Canvas、SVG上都有相关定义,一般用来创建形状。在threejs中,也可以用来创建形状,除此之外,还可以用作...

    2017-03-05 21:12
    1480
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部