three.js开发指南

ThreeJS-3D教学一基础场景创建

Three.js是一个开源的JS3D图形库，用于创建和展示高性能、交互式的3D图形场景。它建立在WebGL技术之上，并提供了丰富的功能和工具，使开发者可以轻松地构建令人惊叹的3D可视化效果。
天外天-亮·2023-09-20 15:45

three.js学习笔记(十三)——真实渲染

初始场景只有一个测试白球和gui面板设置把球体材质改为标准网格材质MeshStandardMaterial，再添加平行光constdirectionalLight=newTHREE.DirectionalLight('#ffffff',1)directionalLight.position.set(0.25,3,-2.25)scene.add(directionalLight)gui.add(di
hongsir_12·2023-09-20 08:56

three.js学习笔记(十)——物理引擎

我们可以利用数学函数和一些解决方案像RayCaster来实现自己的物理效果，但是如果需求更加真实的物理效果，像是物体张力、摩擦力、拉伸、反弹等真实物理效果，最好使用外部库原理我们会创建一个Three.js
hongsir_12·2023-09-20 08:56

three.js学习笔记(一)——GUI工具的使用

Dat.gui是一个GUI组件，他可以为你的demo提供参数的设置官方github安装与引入npminstall--savedat.guiimport*asdatfrom'dat.gui'实例化对象//实例化可视化GUI工具可以通过按H键隐藏GUI面板constgui=newdat.GUI()//可传递参数{closed:true,width:400}//gui.hide()//隐藏GUI面板，可
hongsir_12·2023-09-20 08:25

第五节：Three.js光源的类型【Three.js整理】

Three.js光源类型：环境光THREE.AmbientLight、点光源THREE.PointLight、聚光灯THREE.SpotLight、定向光THREE.DirectionalLight、半球光
web搅拌机·2023-09-20 08:55

25 Three.js的点光源THREE.PointLight

介绍Three.js库中的THREE.PointLight（点光源）是一种单点发光、照射所有方向的光源。比如夜空中的照明弹。
暮志未晚Webgl·2023-09-20 08:53

Three.js学习七——播放模型动画时模型沿着轨迹移动

目录效果描述实现流程基本流程工程文件搭建场景添加模型和播放动画添加路径和模型移动完整代码和实现效果效果描述在播放导入的模型动画同时，让模型沿着预定路径轨迹移动。例如导入一个会跑步动作的模型，让它沿着一条类似跑道的路径跑步移动。实现流程基本流程1、搭建场景2、添加模型和播放动画3、添加路径和模型移动工程文件工程文件结构如下图：static：存放静态资源文件three.js-master：为官网下载的
Mr_Bobcp·2023-09-20 08:18

Three.js学习三——借助控制器操作相机

目录Three.js的控制器如何使用控制器完整代码在Three.js学习二——Three.js极简入门中介绍了如何搭建Three.js开发环境并实现一个包含旋转立方体的场景示例，以此为前提，本篇将引进一个控制器的概念并使用
Mr_Bobcp·2023-09-20 08:48

Three.js模型压缩和拆分加载

只能压缩几何体信息，贴图等材质信息不可压缩。1.gltf格式使用gltf-pipeline和DRACOLoaderhttps://github.com/CesiumGS/gltf-pipeline安装gltf-pipelineInstallNode.jsifyoudon'talreadyhaveit,andthen:npminstall-ggltf-pipeline通过命令行使用gltf-pipe
田苗苗_7785·2023-09-20 04:47

把企业微信侧边栏的 JS-SDK 封装了，还加上了所有 TS 类型

在之前几个月，我陆陆续续地写了很多关于企业微信侧边栏的内容：侧边栏开发指南侧边栏React开发模板侧边栏Vue开发模板侧边栏服务端转发的Exprress开发模板侧边栏xqiankun的开发实践在前端方面
写代码的海怪·2023-09-20 03:15

Open ai 开发指南：gpt接口的第一个问答机器人demo

目录内容Python代码C++代码workspace文件BUILD文件Java代码maven文件执行效果（PS：CSDN上相关的内容无法发布，有需要的朋友私信我直接全套发送给你）内容基于openai接口实现循环gpt问答，并使用一个文件将问答内容进行记录。Python代码#-*-coding:utf-8-*-importopenaiimporttimefrompathlibimportPath#S
Ym影子·2023-09-19 22:11

three.js——通过顶点和顶点索引创建集合体

通过顶点和顶点索引创建集合体效果图1、创建顶点数据2、创建顶点属性3、创建材质4、创建网格5、改变网格的位置并添加到场景中6、通过顶点索引创建几何图形效果图1、创建顶点数据//创建顶点数据每三个一个顶点逆时针为正面constvertices=newFloat32Array([-1.0,-1.0,0.0,1.0,-1.0,0.0,1.0,1.0,0.0,1.0,1.0,0.0,-1.0,1.0,0.
冯浩(grow up)·2023-09-19 16:28

企业微信-自建H5应用授权登录获取用户信息

后台操作官方开发指南，下面是流程图：按照流程图开发即可，下面是具体的步骤：1、构造网页授权链接2、获取访问用户身份3、获取访问用户敏感信息前端操作后台接口需要获取AccessToken，我这里不需要介绍了
·2023-09-19 14:25

three.js——辅助器AxesHelper和轨道控制器OrbitControls的使用

辅助器AxesHelper和轨道控制器OrbitControls的使用前言效果图1、辅助器AxesHelper:是物体出现辅助的x/y/z轴2、轨道控制器OrbitControls2.1导入OrbitControls文件2.2使用2.3如果OrbitControls改变了相机参数，重新调用渲染器渲染三维场景前言1、AxesHelper官网辅助器使用的方法参数表示坐标系坐标轴线段尺寸大小，你可以根据
冯浩(grow up)·2023-09-19 12:51

three.js——模型对象的使用材质和方法

模型对象的使用材质和方法前言效果图1、旋转、缩放、平移，居中的使用1.1旋转rotation（.rotateX()、.rotateY()、.rotateZ()）1.2缩放.scale()1.3平移.translate()1.4居中.center()2、材质属性.wireframe前言BufferGeometry通过.scale()、.translate()、.rotateX()、.rotateY(
冯浩(grow up)·2023-09-19 12:51

three.js——GUI的使用

GUI的使用效果图1、导入gui2、创建一个GUI对象3、通过gui调用方法name:按钮的名称效果图1、导入gui//导入liguiimport{GUI}from'three/examples/jsm/libs/lil-gui.module.min.js'2、创建一个GUI对象constgui=newGUI()3、通过gui调用方法name:按钮的名称//创建全屏函数leteventObj={F
冯浩(grow up)·2023-09-19 12:19

【Gradle-8】Gradle插件开发指南

本文就给大家带来Gradle系列的第8篇——插件开发指南，希望能给大家带来收获。2、Gradle插件是什么Gradle插件(Plugin)
yechaoa·2023-09-19 09:41

ThreeJs 基础入门

Three.js是一款运行在浏览器中的3D引擎，你可以用它在web中创建各种三维场景，包括了摄影机、光影、材质等各种对象。使用它可以让我们更加直观的了解webgl的世界。
了无_数据科学·2023-09-19 07:58

webgl_gpgpu_birds 样例分析

webgl_gpgpu_birds是一个three.js的官方样例，这个例子模拟了鸟群的运动，是一个群组动画，并且动画的帧率也很高；鸟群的运动很自然，非常值得研究。
从杰·2023-09-19 03:04

three.js webgl_nodes_materials_instance_uniform 例子分析

在three.js的官方例子中webgl_nodes_materials_instance_uniform可以看到场景中有一个格子背景，一个环绕运动的点光源，12个颜色各异的球体网格。
从杰·2023-09-19 03:33

Cesium与Threejs融合

融合demo一、简介将Cesium与three.js进行融合，从而是3d具备大场景GIS能力，使GIS具备3d能力。
苹果园dog·2023-09-18 20:40

STM32-WWDG窗口看门狗-库函数版本

参考资料：1、正点原子探索者STM32f407开发板-《STM32f407开发指南-库函数版本》-第12章；2、STM32F4xx官方参考资料《STM32F4xx中文参考手册》-第19章。
Archimedes' boat·2023-09-18 16:54

threejs的使用

threejs介绍：Three.js是一款基于WebGL的JavaScript3D库，用于创建和渲染3D图形场景。
简宁909·2023-09-18 09:05

【新书速递】嵌入式Linux驱动领域开发的实战指南

今天为大家介绍《嵌入式Linux设备驱动程序开发指南（原书第2版）》，本书将告诉你如何为设备树嵌入式Linux系统开发设备驱动程序。你将学
hzbooks·2023-09-18 03:21

如何安装和使用three.js

Three.js是一款基于JavaScript的开源3D图形库，用于创建和显示各种三维场景、对象和特效。它提供了丰富的功能和API，使开发者能够轻松地在浏览器中渲染复杂的3D图形。
SoftwareDevOps·2023-09-17 16:04

Postman的高级用法一：重新认识postman核心模块

本请求示例来自于免费天气API：实况天气接口API开发指南未来一天天气预报api-天气API关于Postman的核心模块全局变量请求接口请求体预处理脚本类似beforeTest，在发起请求前的预执行逻辑
软件质量保障·2023-09-17 09:14

「Java开发指南」在MyEclipse中的Spring开发（二）

在上文中（点击这里回顾>>），我们主要介绍了一些Spring的基本概念、Spring项目配置及向导，本章节将继续介绍如何管理多个项目，Spring配置编辑器等，欢迎持续关注~MyEclipsev2023.1.2离线版下载(Q技术交流：742336981）4.管理多个Beans和项目除了使用bean配置文件编辑器来管理Springbean之外，您还可以使用Outline视图。Spring大纲还可以使
界面开发小八哥·2023-09-17 04:28

STM32-定时器输入捕获实验

参考资料：1、正点原子探索者STM32f407开发板-《STM32f407开发指南-库函数版本》-第15章-输入捕获实验；2、STM32F4xx官方参考资料《STM32F4xx中文参考手册》-第15章-
Archimedes' boat·2023-09-17 03:11

three.js简单3D图形的使用

npminitvite@latest//创建一个vite的脚手架选择Vanilla之后自己处理一下在main.js中写入//导入three.jsimport*asTHREEfrom'three'//创建场景constscene=newTHREE.Scene();//创建相机constcamera=newTHREE.PerspectiveCamera(45,//视角window.innerWidth
湖边看客·2023-09-17 03:35

《嵌入式-STM32开发指南》第二部分 基础篇 - 第8章 模拟输入输出-ADC（HAL库）

1ADC(HAL库)1.1ADC工作原理STM32f103系列有3个ADC，精度为12位，每个ADC最多有16个外部通道。其中ADC1和ADC2都有16个外部通道，ADC3根据CPU引脚的不同通道数也不同，一般都有8个外部通道。各通道的A/D转换可以单次、连续、扫描或间断模式执行。ADC的结果可以左对齐或右对齐方式存储在16位数据寄存器中。模拟看门狗特性允许应用程序检测输入电压是否超出用户定义的高
BruceOu·2023-09-16 10:05

three.js 加载fbx文件并解析

效果：stl、obj都是静态模型，不可以包含动画，fbx除了包含几何、材质信息，可以存储骨骼动画等数据。代码：.加载FBX并解析骨骼动画letN=128;letanalyser=null;//1，创建场景varscene=newTHREE.Scene();//创建STL加载器varfbxLoader=newTHREE.FBXLoader();fbxLoader.load('./斯巴达从光晕战斗进化
汉武大帝··2023-09-16 03:34

three.js 中角度弧度互转

弧度=角度/180*Math.PI角度=弧度*180/Math.PI角度转弧度THREE.MathUtils.degToRad(deg)弧度转角度THREE.MathUtils.radToDeg(rad)π（弧度）=180°（角度）
汉武大帝··2023-09-16 03:34

three.js 环境贴图

效果：环境贴图中用到了立方体纹理加载器，加载6张图片后（图片要长宽相等），得到一个立方体纹理对象，然后赋值给材质的envMap即可；代码：环境贴图//1,创建场景对象varscene=newTHREE.Scene();//2,定义模型vargeometry=newTHREE.BoxGeometry(100,100,100);vartexture=newTHREE.CubeTextureLoader
汉武大帝··2023-09-16 03:03

three.js 加载stl文件并解析

效果：加载stl格式的文件需要设置材质material；stl、obj都是静态模型，不可以包含动画，fbx除了包含几何、材质信息，可以存储骨骼动画等数据。代码：.stl格式模型加载letN=128;letanalyser=null;//1，创建场景varscene=newTHREE.Scene();//创建STL加载器varstlLoader=newTHREE.STLLoader();stlLoa
汉武大帝··2023-09-16 03:03

three.js 加载obj文件并解析

效果：stl、obj都是静态模型，不可以包含动画，fbx除了包含几何、材质信息，可以存储骨骼动画等数据。说明：使用三维软件导出.obj模型文件的时候，会同时导出一个材质文件.mtl；.obj和.stl文件包含的信息一样都是几何体顶点相关数据，材质文件.mtl包含的是模型的材质信息，比如颜色、贴图路径等。可以只加载obj文件，默认材质是Phong；只加载obj文件的话，直接将返回的数据添加到场景中即
汉武大帝··2023-09-16 03:03

three.js 模型对象旋转平移缩放变换

1，缩放：网格模型Mesh的属性scale表示模型对象的缩放比例，默认是THREE.Vector3(1.0,1.0,1.0);设置缩放的方式：mesh.scale.set(0.5,1.5,2);//方式一：xyz方向分别缩放0.5,1.5,2倍mesh.scale.x=2.0;//方式二：x方向分别缩放2倍2，位置属性position:属性值也是三维向量对象，默认是THREE.Vector3(0.
汉武大帝··2023-09-16 03:33

three.js 绘制圆弧（圆）

先看效果：该效果是通过ArcCurve渲染圆或者圆弧，参数：ArcCurve(x,y,r,srange,erange);x,y圆弧坐标原点,r：圆弧半径;srange,erange：圆弧起始角度；//一些教程中介绍说ArcCurve是EllipseCurve的别名，查看参数，发现两者类似//和椭圆曲线EllipseCurve(aX,aY,xRadius,yRadius,aStartAngle,aE
汉武大帝··2023-09-16 03:33

three.js 使用canvas加载图片作为模型的纹理贴图

效果：代码：canvas画布作为纹理贴图vartexture;//1,创建场景对象varscene=newTHREE.Scene();//2，使用canvas画图作为纹理贴图//先使用canvas画图varcanvas=document.createElement('canvas');canvas.width=150;canvas.height=150;varctx=canvas.getConte
汉武大帝··2023-09-16 03:33

three.js Face3对象定义Geometry的三角形面

Face3对象定义Geometry的三角形面:Face3(a,b,c,normal,color,materialIndex)a—顶点索引A。b—顶点索引B。c—顶点索引C。normal—面法向量或顶点法向量数组。color—面颜色或顶点颜色的数组。materialIndex—材料索引。效果如下：添加了法向量，设置了点光源，环境光，但是两个面的分界面处不明显，此处有bug代码如下:Face3对象定义
汉武大帝··2023-09-16 03:32

vue项目中安装使用three.js

1,安装插件npminstallthree--save2，在main.js中设置一下，将three.js挂载到vue上：import*asThreefrom"three";Vue.prototype.
汉武大帝··2023-09-16 03:02

three.js做3D场景，旋转动画，往复移动

先看效果：代码：first3Dbody{margin:0;padding:0;}canvas{margin:0;padding:0;}//1,创建场景对象varscene=newTHREE.Scene();//2,创建网格模型vargeometry=newTHREE.BoxGeometry(100,100,100);//创建一个立方体几何对象varmaterial=newTHREE.MeshLam
汉武大帝··2023-09-16 03:02

three.js 设置Geometry顶点位置、顶点颜色数据

设置Geometry顶点位置、顶点颜色数据：使用Geometry对象创建了空间线条三角形，空间点，主要用到的对象有：Vector3：该对象是three.js中的三维向量对象，可以通过该对象表示一个顶点的
汉武大帝··2023-09-16 03:02

解决three.js中加载纹理贴图时，初次渲染不显示的问题

效果：解决方法：主要是将一些构建网格对象的操作放在了textureLoader.load()方法中，加载图片也用了requireinit(){//1,创建场景对象this.scene=newthis.$three.Scene();//2,创建立方缓冲几何体this.geometry=newthis.$three.BoxGeometry(100,100,100);//3,创建纹理贴图加载器对象con
汉武大帝··2023-09-16 03:01

视频处理VideoCapture类---OpenCV-Python开发指南（38）

目录视频VideoCapture类初始化检查摄像头是否初始化成功捕获帧释放属性设置grab()与retrieve()捕获摄像头视频捕获文件视频实现灰度摄像头视频视频是非常重要的视觉信息来源，它是视觉处理过程中经常要处理的一类信号。实际上，视频是由一系列图像构成，这一系列的图像被称为帧，帧是以固定时间间隔从视频中获取的。获取帧的速度称为帧速率，其单位通常使用“帧率/每秒”表示，代表在1秒内所出现的帧
李元静·2023-09-16 02:26

Python Opencv实践 - 视频文件操作

参考资料：视频处理VideoCapture类---OpenCV-Python开发指南（38）_pythonopencvvideocapture_李元静的博客-CSDN博客OpenCVVideoCapture.get
亦枫Leonlew·2023-09-16 02:55

uniapp 接入微信小程序隐私政策兼容

相关公告见：关于小程序隐私保护指引设置的公告|微信开放社区公告里已经介绍了相关流程，具体可以参考小程序隐私协议开发指南|微信开放文档。这里不再赘述。下面我们将着重谈一下代码实现。
柑橘乌云_·2023-09-15 16:49

97 Three.js 使用 specularMap 设置高光贴图

案例查看地址：http://www.wjceo.com/blog/threejs/2018-05-03/160.html简介我们可以通过设置高光贴图来实现部分区域反光。通过设置高光贴图，我们会发现，只有海洋部分会有发光，而陆地部分没有高光的效果。一般来讲，像素的值越高（从黑到白），物体表面就越亮。通常高光贴图会与specular属性一起使用，该属性可以用来决定反光的颜色。案例实现我们创建一个球体，
暮志未晚Webgl·2023-09-15 13:58

前端-微信公众号获取code给后端换取openid 以及access_token 并拿到用户相关信息

首先，最先做的就是配置你的回调域名，这里直接上图（开通公众号这里不做赘述，毕竟只从事前端开发工作）公众号开发指南链接https://developers.weixin.qq.com/doc/offiaccount
口红沾纸巾·2023-09-15 09:21

轻松上手Three.js：JavaScript 3D库指南

1.Three.js概述Three.js是使用JavaScript语言编写的一款运行在浏览器中的3D引擎。
衍生星球·2023-09-15 07:05

Taro小程序隐私协议开发指南填坑

一.配置文件app.config.jsexportdefault{...__usePrivacyCheck__:true,...}二.开发者工具基础库修改原因：从基础库2.32.3开始支持修改路径：详情->本地设置->调试基础库三.用户隐私保护指引更新修改路径：mp后台->设置->服务内容声明->用户隐私保护指引隐私接口：直达文档报错：{"errMsg":"A:failapiscopeisnotd
Stavin Li·2023-09-15 05:27
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他