THREE
关注
分享
扫一扫
lizujun123
这个作者很懒，什么都没留下…
展开
-
Three.js使用OrbitControls操作全景图
@将全景图设为天空盒<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - panorama</title> <meta charset="utf-8"> <meta name="viewport" content="width=de...翻译 2019-07-06 09:48:07 · 1879 阅读 · 0 评论 -
Material .js 创建材质时都从这个类继承
/**@author mrdoob / http://mrdoob.com/@author alteredq / http://alteredqualia.com//////Material是材质对象的抽象基类,当创建材质时都从这个类继承.Material对象的功能函数采用定义构造的函数原型对象来实现./// 简单的说就是物体看起来是什么质地。材质可以看成是材料和质感的结合。在...转载 2019-08-17 10:48:02 · 574 阅读 · 0 评论 -
Three.js 基础材质和高光材质
Three.js会提供一些的光照模型计算物体表面的光照变化，MeshStandardMaterial和MeshPhongMaterial一样都是渲染网格模型的材质，本质上都是顶点着色器和片元着色器代码，只是光照模型不同，反映到着色器代码就是光照计算算法不同。 基于物理的材质MeshStandardMaterial相比较基于Phong光照模型的高光网格材质MeshPhongMaterial能够更...原创 2019-08-20 09:21:29 · 2992 阅读 · 0 评论 -
three.js 在手机端移动转向 可做场景漫游
先把几个函数发上来，完整代码等解耦后再完善单手指点击屏幕前进，双手指点击后退 左右滑动专向this.onTouchStart=function( event ) { isUserInteracting = true; var clientX = event.clientX || event.touches[ 0 ].clientX; var clientY = eve...原创 2019-07-06 10:15:16 · 3537 阅读 · 0 评论 -
three.js 相机平滑切换视角
在整个动画的开始和结束的阶段需要做一些平滑的处理。我这里使用的是tween.js。场景我使用的orbitControls控制的，所以在相机动画主要控制两个点：1是相机的位置，2是orbitControls的target属性(这个属性相当于相机控制的中心点)// current1 相机当前的位置// target1 相机的目标位置// current2 当前的controls的targe...转载 2019-07-06 09:52:43 · 5712 阅读 · 1 评论 -
Swiper使用方法和遇到的坑
Swiper官网Swiper 一款开源免费的触摸滑动的H5插件 ***使用方法***`1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。<!DOCTYPE html><html><head> ... <link rel="stylesheet"...原创 2019-09-04 16:41:03 · 1485 阅读 · 0 评论