最新文章:

  • 缓冲几何体是什么

      文章内容首图缩略图

      缓冲几何体(BufferGeometry)是计算机图形学中的一个概念,用于创建在原始几何体周围生成一定宽度的表面。它通常用于创建具有一定厚度的几何体外壳,以便在渲染和碰撞检测等应用中提供更准确的结果。缓冲几何体的生成过程涉及将原始几何体的每个顶点沿法线方向移动一定距离,并生成新的顶点和面来定义外部表面。这种距离通常称为缓冲区域的宽度或半径,它决定...

    1. 评论数:0
    2. 2024年1月21日22时
  • three.js中DeviceOrientationControls.js(实现陀螺仪模块)的解析及使用

      文章内容首图缩略图

      DeviceOrientationControls.js用于通过设备的方向传感器控制三维场景的相机方向,它通过监听设备方向的改变看,实时更新三维场景相机的方向,从而实现辅助VR/AR的陀螺仪(gyroscope)交互效果。主要功能分析:1.在构造函数中定义了scope、object、enabled等属性,用于保存实例对象、被控制的相机对象、是否启...

    1. 评论数:0
    2. 2023年10月7日16时
  • 给新手的three.js入门讲解(二)

      文章内容首图缩略图

      动作渲染原理对于Three.js程序而言,动作渲染的实现是通过在秒中多次重绘画面实现的。FPS(FramesPerSecond)指每秒画面重绘的次数。FPS越大,则渲染效果越平滑,当FPS小于20时,一般就能明显感受到画面的卡滞现象。当FPS足够大(比如达到60),再增加帧数人眼也不会感受到明显的变化,反而相应地就要消耗更多资源。setInter...

    1. 评论数:0
    2. 2022年9月13日16时
  • 给新手的three.js入门讲解(一)

      文章内容首图缩略图

      three.js是用javascript来编写的3D渲染库在浏览器端,WebGL是一个底层的标准,在这些标准被定义之后,Chrome、Firefox之类的浏览器实现了这些标准。然后就能通过JavaScript代码,在网页上实现三维图形的渲染了。Three.js则是封装了底层的图形接口,使得在网页上实现3D效果更加便捷。核心WebGL的渲染需要用到...

    1. 评论数:0
    2. 2022年9月13日15时
  • Three.js之材质篇

      文章内容首图缩略图

      材质种类:1.MeshBasicMaterial为几何体赋予一种简单的颜色,或者显示几何体的线框属性:colorwireframewireframeLinewidthwireframeLinecap:线段端点如何显示。可选值有:butt(平)、round、square。默认是round。WebGLRenderer对象不支持该属性。wirefram...

    1. 评论数:0
    2. 2020年5月29日17时
  • 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时