Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
three.js ThreeBSP(多个模型组合:差集、交集、并集 附带demo) - 05
文章目录 一 什么是模型运算 1 函数属性介绍 2 代码示例 二 模型组合demo 需要在我的第一节中找到对应的库 或者私信我 2 代码效果 2 1并集效果 2 2 差集效果 2 3 交集效果 一 什么是模型运算 我所理解的ThreeBSP
threeJs
笔记
javascript
webgl
【Three.js】第十八章 Particles 粒子
介绍 粒子 它们非常受欢迎 可用于实现各种效果 如星星 烟 雨 灰尘 火和许多其他东西 粒子的好处是您可以在屏幕上以合理的帧速率显示数十万个粒子 缺点是每个粒子都由一个始终面向相机的平面 两个三角形 组成 创建粒子就像制作网格一样简单 我们
threeJs
javascript
开发语言
ECMAScript
03-雾化
const fog new THREE Fog color near far color 颜色 用于设置雾的颜色 以十六进制表示 near 近平面 处于这个距离之内的物体将被完全雾化 far 远平面 处于这个距离之外的物体将不受雾化影响
threeJs
javascript
前端
开发语言
three.js 物体的简单拖拽功能
1 准备 DragControls js
threeJs
js
webgl
THREE.JS 使用CUBECAMERA相机创建反光效果
THREE JS 使用CUBECAMERA相机创建反光效果 先看下效果 源码
WEBGLThreeJS
webgl
threeJs
Threejs反光效果
three.js源码翻译及案例(五)-GLTFLoader.js
写在前面 Three中的加载脚本很多 但是核心思想是差不多的 就是文件用文件解析器加载 图片用图片解析器加载 然后json转换为对象 但是由于gltf格式可以自己编辑所以有的源码参考意义不大 glb及拓展材质都没用上就还没有翻译 以后可能会
threeJs
源码
three
Three.js - 透视相机(PerspectiveCamera)(三)
简介 在three js中 摄像机的作用就是不断的拍摄我们创建好的场景 然后通过渲染器渲染到屏幕中 想通过不同的角度观看场景 就需要修改摄像机的位置来拍摄场景 本文详细介绍的是透视相机 PerspectiveCamera 它是用来模拟人眼所
threejs 学习
前端
javascript
threeJs
ThreeJS第一人称视角处理
简介 第一人称控件指针锁定API允许您在游戏界面中锁定鼠标或其他指针设备 以便您不用绝对定位光标就可以获得坐标变化值 从而准确地判断用户正在做什么 并且还可以防止用户意外地进入另一块屏幕或别的什么地方 从而导致误操作 在ThreeJs中实现
WEBGLThreeJS
threeJs
three.js TextureLoader(纹理加载附带demo) - 04
文章目录 一 什么是纹理加载 1 属性介绍 2 代码示例 二 纹理加载demo 注意素材位置 三 demo效果 1 素材 2 代码效果 一 什么是纹理加载 纹理一般是指我们常见的在一些第三方程序中创建的图像 如Photoshop或GIMP
threeJs
笔记
webgl
3d
html5
93 Three.js 使用设置normalMap创建更加细致的凹凸和褶皱
案例查看地址 http www wjceo com blog threejs 2018 05 03 156 html 左边为设置normalMap后的效果 右边为正常效果 我们会发现设置了normalMap后的立体感非常的强烈 简介 法线贴
Threejs笔记
threeJs
webgl
法向贴图
normalMap
three.js常用几何体介绍以及自定义几何体
一 自定义三角形几何体 核心代码 添加物体 创建几何体 for let i 0 i lt 50 i 每一个三角形 需要3个顶点 每个顶点需要3个值 const geometry new THREE BufferGeometry const
threeJs
javascript
开发语言
ECMAScript
【Three.js】第一、二章 入门指南和基础知识
01 介绍 Three js 非常庞大 你可以用它做无数的事情 在第一章中 我们将学习所有基础知识 例如创建第一个场景 渲染 添加对象 选择正确的材料 添加纹理 为所有内容制作动画 甚至将其放到网上 有些人可能会觉得这部分有点无聊 因为课程
threeJs
javascript
前端
开发语言
Three.js 基础- 第 2 章 - 几何体BufferGeometry
Three js 基础 第 2 章 几何体BufferGeometry Three js教程 几何体BufferGeometry 在Three js中 几何体是3D对象的基本形状 本教程将介绍如何使用缓冲类型几何体BufferGeometr
threeJs
几何体
BufferGeometry
顶点
threeJs着色器ShaderMaterial以及统一着色语言GLSL语法基本介绍
一 着色器材质ShaderMaterial的基本使用 废话不多讲先来看案例 console log 着色器入门 引入three js import as THREE from three 引入OrbitControls控制器 import
threeJs
着色器
前端
webgl
【Three.js】第十二章 Materials 材质
12 Materials 材质 介绍 材质用于为几何体的每个可见像素着色 决定每个像素颜色的算法属于着色器中编写的 编写着色器是 WebGL 和 Three js 最具挑战性的部分之一 但不要担心 Three js 有许多带有预制着色器的内
threeJs
javascript
材质
开发语言
three.js学习(第四天)之环境遮挡贴图与强度
AO环境遮挡贴图 创建纹理 const textureLoader new THREE TextureLoader const doorColorTexture textureLoader load src assets textures
threeJs
javascript
学习
贴图
«
1 ...
29
30
31
32
33
34
35
»