three.js开发指南第29页

three.js 纹理贴图进阶

基础篇：three.js基础认识与简单应用纹理贴图：three.js纹理贴图的使用一、CubeTextureLoader--添加场景背景示例：运行结果如下图代码与详解如下：主要代码：/***设置cube

前端菜菜DayDayUp·2023-09-02 15:45

three.js 平行光与阴影及其相关属性

基础篇：three.js基础认识与简单应用纹理贴图：three.js纹理贴图的使用纹理贴图进阶：three.js纹理贴图进阶一、灯光与阴影的关系与设置--五个步骤缺一不可（点、聚会再次赘述）目标：灯光与阴影环境光无阴影平行光

前端菜菜DayDayUp·2023-09-02 15:45

three.js 渲染带动画的glb模型

废话不多少上代码//gltf加载器letmixer//添加一个变量来存储动画混合器constprogressBar=document.getElementById('progress-bar-inner')constloader=newTHREE.GLTFLoader();loader.setPath('./')loader.load('./glb/LKBB4385.glb',(gltf)=>{g

孟宪磊mxl·2023-09-02 15:45

three.js渲染带动画的glb文件

1.准备工作将下列文件在three.js的包中找到，注意的是我这里使用的是模块化版本的，这里不知道模块化的，可以先去看一下es6的模块化。

前端菜菜DayDayUp·2023-09-02 15:43

mix+php,欢迎使用 MixPHP

*开发指南](https://www.kancloud.cn/onanying/mixphp1/content)*[MixPHPV2.0开发指南](https://www.kancloud.cn/onanying

雾兰魅妆·2023-09-02 11:12

three.js 场景中如何彻底删除模型和性能优化

three.js场景中如何彻底删除模型和性能优化删除外部模型在three.js场景中，要彻底删除外部模型，需要执行以下几个步骤：从场景中移除模型你可以使用scene.remove(model)或者scene.remove

X01动力装甲·2023-09-02 09:03

Linux平台Mediasoup客户端开发指南

libmediasoupclient是一个基于libwebrtc的C++库，用于构建基于mediasoup的C++客户端应用程序。mediasoupbroadcasterdemo则是基于libmediasoupclient的应用程序，可在mediasoup-demo应用程序中为指定房间生成人造声音和视频。视频由一些向图像右下角移动的彩色矩形组成。一、编译libwebrtc1、下载depot_too

熊彬彬·2023-09-02 08:35

LuatOS 开发指南

NDK开发官方教程官方例程API下载软件下载官方NDK例程压缩包到本地，并解压。可以看到目录如下：doc:文档教程env:编译环境example:NDK示例platform:需要编译的平台（air72x/air8xx）tools:其他辅助软件VSCode使用VSCode打开NDK文件夹，并可以在VSCode中进行代码的编写和编译。编译打开终端，并进入到example/helloworld/c目录下

jeek_we·2023-09-02 00:02

three.js TextureLoader（纹理加载附带demo） - 04

文章目录一、什么是纹理加载1.属性介绍2.代码示例二、纹理加载demo(`注意素材位置`)三、demo效果1.素材2.代码效果一、什么是纹理加载纹理一般是指我们常见的在一些第三方程序中创建的图像，如Photoshop或GIMP。我们把这张图片放在立方体上。（我通常称为贴图）。我们需要做的就是创建一个TextureLoader。调用它的load方法，同时传入图像的URL，并将材质的map属性设置为该

与诸君共勉·2023-09-01 23:12

AREX Java Agent 插件开发指南

背景AREX是一款开源的基于真实请求与数据的自动化回归测试平台，利用JavaAgent技术与比对技术，通过流量录制回放能力实现快速有效的回归测试。AREXAgent项目(arex-agent-java)现在已经支持了大部分开源组件的Mock，但对某些公司内部完全自研或是基于开源组件做了修改的基础组件还暂不支持，回放时可能会产生预期外的差异，针对这种问题，可以使用插件的形式对AREXAgent进行扩

·2023-09-01 17:23

Vert.x Java开发指南——第六章与第三方的Web服务集成

猿学堂·2023-09-01 05:20

Three.js相机参数及Z-Fighting问题的解决方案

-three.js如果你看一下Three.js文档中的透视相机构造函数，它会是这样的：newTHREE.PerspectiveCamera(fov,aspect,near,far)其中：fov：相机视野

新缸中之脑·2023-09-01 02:01

20个值得收藏的WebGL性能优化技巧

新缸中之脑·2023-09-01 02:31

three.js(十)：线性几何体

线性几何体WireframeGeometry网格几何体EdgesGeometry边缘几何体WireframeGeometry网格几何体WireframeGeometry(geometry:BufferGeometry)geometry—任意几何体对象。constgeometry=newSphereGeometry();constwireframe=newWireframeGeometry(geom

我在人间贩卖青春·2023-08-31 23:19

three.js(九)：内置的路径合成几何体

路径合成几何体TubeGeometry管道LatheGeometry车削ExtrudeGeometry挤压TubeGeometry管道TubeGeometry(path:Curve,tubularSegments:Integer,radius:Float,radialSegments:Integer,closed:Boolean)path—Curve-一个由基类Curve继承而来的3D路径。Def

我在人间贩卖青春·2023-08-31 23:47

小程序实现图片上传、数量配置、预览、删除功能的开发指南

当谈到在小程序中实现图片上传、预览和删除等功能时，我们必须认识到这些功能对于提升用户体验和丰富应用的交互性非常关键。随着智能手机的普及，人们越来越习惯于通过图片来表达自己的想法、分享生活点滴，因此，使用户能够方便地在小程序中处理图片是非常重要的一步。目录引言1.1微信小程序中图片上传、预览和删除功能的重要性和实际应用场景图片上传功能实现2.1选择图片2.2图片预览图片删除功能实现3.1为每张图片添

摔跤猫子·2023-08-31 23:02

2021-11-04 日记

小伙子，three.js的项目不要忘了。手里的任务太多了。再不快一点学习就来不及了。这几天在啃linuxiptables.

Apbenz·2023-08-31 11:49

WinForm应用实战开发指南 - 复选框控件赋值的小技巧分享

本人在开发WinForm程序中，有一些复选框赋值和获取值的小技巧，分享讨论一下。PS：给大家推荐一个C#开发可以用到的界面组件——DevExpressWinForms，它能完美构建流畅、美观且易于使用的应用程序，无论是Office风格的界面，还是分析处理大批量的业务数据，它都能轻松胜任！点击获取DevExpressv23.1正式版(Q技术交流：523159565）应用场景是这样的，如果你有一些需要

界面开发小八哥·2023-08-31 05:47

three.js 郭隆邦笔记1

www.webgl3d.cn/pages/cd35b2/p3three.js下载官方文件包2023three每个月都会发布新版本threejs官方包所有版本：https://github.com/mrdoob/three.js

摇摇奶昔x·2023-08-31 04:34

教程更新 | RK3568驱动指南第六篇-平台总线

《iTOP-RK3568开发板驱动开发指南》更新，本次更新内容对应的是驱动（第六期_平台总线_全新升级）视频，后续资料会不断更新，不断完善，帮助用户快速入门，大大提升研发速度。

迅为电子·2023-08-31 01:48

three.js 字体精简处理

文章目录工具介绍FreeTTFToSVGCoverterfonts-streamline处理步骤下载常用中英文ttf字体将ttf字体转换成svg字体抽取svg字体文件将精简后的ttf字体转换成json使用示例由于中英文字体文件太大，放在Web端，会占存储空间，影响加载数据，常见的做法就是从字体文件中抽取项目需要用到的文字，来达到精简字体文件的目的。工具介绍参考链接：精简ttf字体文件FreeTTF

何去何从2857·2023-08-31 01:07

three.js(七)：内置的二维几何体

二维几何体PlaneGeometry矩形平面CircleGeometry圆形平面RingGeometry圆环平面PlaneGeometry矩形平面PlaneGeometry(width:Float,height:Float,widthSegments:Integer,heightSegments:Integer)width—平面沿着X轴的宽度。默认值是1。height—平面沿着Y轴的高度。默认值是

我在人间贩卖青春·2023-08-30 20:31

three.js(五)：canvas 的响应式布局

基于上一个工程（three.js(四)：react+three.js），通过让canva

我在人间贩卖青春·2023-08-30 20:30

three.js(八)：内置的三维几何体

三维几何体BoxGeometry立方体TetrahedronGeometry四面体OctahedronGeometry八面体DodecahedronGeometry十二面体IcosahedronGeometry二十面体PolyhedronGeometry多面体SphereGeometry球体ConeGeometry圆锥CylinderGeometry圆柱TorusGeometry三维圆环Torus

我在人间贩卖青春·2023-08-30 20:29

Three.js欧拉对象Euler和四元数Quaternion

Three.js欧拉对象Euler和四元数Quaternion欧拉对象和四元数主要用来表达对象的旋转信息。

郭隆邦技术博客·2023-08-30 18:47

Three.js实现模型，模型材质可拖拽效果 DragControls

Three.js提供了一个拖拽的APIDragControls用于实现模型材质拖拽效果DragControls：是一个用于在Three.js中实现拖拽控制的辅助类。

答案—answer·2023-08-30 17:33

为three.js实现实时渲染与烘焙

Three.js社区的朋友们，大家好！现在，通过简单的API调用，实时的渲染和烘焙已经成为可能。

·2023-08-30 17:20

three.js(六)：自适应设备分辨率

自适应设备分辨率当今大多数的PC端和移动端显示器都是HD-DPI显示器。HD-DPI是HighDefinition-DotsPerInch的简称，意思是高分辨率显示器。不同设备的显示器的分辨率是不一样的。以上图中的iPhone6/7/8为例：375*667代表的手机的屏幕的物理尺寸，如果我们在其中建立一个100%充满屏幕的，那其尺寸就是375*667。Dpr代表像素密度，2表示手机屏幕在宽度上有3

我在人间贩卖青春·2023-08-30 14:29

简析SCTP开发指南

目录前言一、SCTP基本概念二、SCTP开发步骤1.**环境配置**：2.**建立Socket**：3.**绑定和监听**：4.**接收和发送数据**：5.**关闭连接**：三、C语言实现SCTP3.1SCTP客户端代码：3.2SCTP服务器端代码：函数说明四、Python实现SCTP4.1SCTP客户端代码：4.2SCTP服务端代码：五、SCTP开发要点六、常见的应用场景结论前言SCTP(Str

醉心编码·2023-08-30 09:40

使用Three.js + shader 实现的一些效果

效果预览地址代码地址交流群：QQ群:1082834010效果源自于shadertoy，手动搬运而来

饶砳砳·2023-08-30 03:46

three.js + suncalc 在vue中模拟太阳运行轨迹以及光照效果

近期项目需要实现一个在three中出现一个光照的效果，遂开始学习three.js，中间遇到了一些坑这边记录一下。

张旭豪·2023-08-29 18:19

如何用Three.js + Blender打造一个web 3D展览馆

作者：vivo互联网前端团队-WeiXing运营活动新玩法层出不穷，web3D炙手可热，本文将一步步带大家了解如何利用Three.js和Blender来打造一个沉浸式web3D展览馆。

·2023-08-29 17:45

three.js中canvas画布宽高度动态变化

//onresize事件会在窗口被调整大小时发生window.onresize=function(){//重置渲染器输出画布canvas尺寸renderer.setSize(window.innerWidth,window.innerHeight);//全屏情况下：设置观察范围长宽比aspect为窗口宽高比camera.aspect=window.innerWidth/window.innerHe

汉武大帝··2023-08-29 12:00

new THREE.Vector3(1, 1, 1).normalize()；mesh.translateOnAxis(axis, 100)；两个方法介绍，

`newTHREE.Vector3(1,1,1).normalize()`是一个使用Three.js库中`Vector3`对象的方法，用于将一个三维向量归一化（normalize）。

汉武大帝··2023-08-29 12:00

Three.js给模型添加点击事件例子

点击事件import{GUI}from'./jsm/libs/dat.gui.module.js';varstats=initStats();varscene,camera,renderer,controls,light,selectObject;//场景functioninitScene(){scene=newTHREE.Scene();}//相机functioninitCamera(){cam

灵魂旅者s·2023-08-29 10:23

【Three.js + Vue 构建三维地球-Part One】

Three.js+Vue构建三维地球-PartOneVue初始化部分Vue-cli安装初始化Vue项目调整目录结构Three.js简介Three.js安装与开始使用实习的第一个任务是完成一个三维地球的首屏搭建

Ricce·2023-08-29 09:57

Vue.js2+Cesium1.103.0 十、加载 Three.js

Vue.js2+Cesium1.103.0十、加载Three.jsDemoThreeModel.vue/*eslint-disableeqeqeq*//*eslint-disableno-unused-vars*//*eslint-disableno-undef*//*eslint-disableno-caller*/import*asTHREEfrom'three'import{OrbitCon

liuzhenghe30265·2023-08-29 08:47

USB设备的bulk-only批量传输

为了详细一点的说明这些，我要放几幅图，这几幅图来自《USB2.0与OTG规范及开发指南》。

简_轩·2023-08-29 07:34

three.js粒子系统封装

粒子系统使用import*asTHREEfrom'three/build/three.module';exportdefaultclassSpriteParticleSystemextendsTHREE.Object3D{constructor(param){super();this.cloud=param.cloud;this.rate=param.rate!==undefined?param.

LBY_XK·2023-08-29 04:45

three.js(二)：webpack + three.js + ts

用webpack+ts开发three.js项目webpack依旧是主流的模块打包工具;ts和three.js是绝配，three.js本身就是用ts写的，ts可以为three项目提前做好规则约束，使项目的开发更加顺畅

我在人间贩卖青春·2023-08-29 01:13

three.js(三)：three.js的渲染结构

three.js的渲染结构概述three.js封装了场景、灯光、阴影、材质、纹理和三维算法，不必在直接用WebGL开发项目，但有的时候会间接用到WebGL，比如自定义着色器。

我在人间贩卖青春·2023-08-29 01:13

three.js(一)：认识three.js并创建第一个3D应用

three.js概述1-three.js是什么？

我在人间贩卖青春·2023-08-29 01:43

three.js(四)：react + three.js

绘制多个立方体1.搭建react+ts项目npxcreate-react-appbasics-demo--templatetypescriptreact+ts的用法可参考此链接：https://react-typescript-cheatsheet.netlify.app/docs/basic/setup2.安装three依赖npminstallthree@types/three--save3.安

我在人间贩卖青春·2023-08-29 01:42

Three.js跨域问题(无法预览)

Three.js跨域问题通过Three.js加载obj、FBX等格式外部模型文件的时候是ajax异步加载数据的过程，需要建立本地服务器来解决，如果不这样直接使用浏览器打开加载三维模型的.html文件，会出现报错无法模型文件无法加载

郭隆邦技术博客·2023-08-29 00:02

服务器（容器）开发指南——code-server

文章目录code-server简介code-server的安装与使用code-server的安装code-server的启动code-server的简单启动指定配置启动code-servercode-server环境变量配置code-server端口转发自动端口转发手动添加转发端口nginx反向代理code-servercode-server打包开发版镜像GitHub官方地址官方下载地址code-

北溪入江流·2023-08-28 23:35

iOS11人机交互指南（九）- 控件（Controls）- 上

开发指南请参阅UIButton。系统按钮系统按钮通常显示在导航栏和工具栏中，但可以在任何地方使用。在标题中使用动词。一个特定的动作标题可以暗示一个按钮是可交互式的，并能让用户在点击前就能预知操作结果。

Tu_卫佳·2023-08-28 21:47

天地图开发指南

1、申请天地图key1.1注册账号注册地址：https://uums.tianditu.gov.cn/register1.2申请开发者登录后，申请开发者https://console.tianditu.gov.cn/api/register1.3创建应用点击控制台，创建应用1.4天地图key2、天地图api使用2.1首先再vue的public文件夹下面的index.html引入天地图js2.2在v

周亚鑫·2023-08-28 18:36

Web3 开发指南：使用 NFTScan NFT API 构建一个 NFT 链上追踪器

对于大多数Web3团队来说，构建一个完整的链上NFT数据追踪系统是一项具有挑战性的任务，构建一个NFT链上追踪器更是如此。涉及到处理区块链上的智能合约和交易数据，并将其与外部数据源进行整合和分析工作量是十分巨大的：区块链数据的复杂性：区块链上的数据结构和操作方式与传统的数据库和Web开发有很大不同。智能合约的编写和理解需要专业的知识，并且对于新手来说可能具有陡峭的学习曲线。了解区块链的概念、交易和

·2023-08-28 16:37

前端前端开发工程师_我们庞大的工程师团队会使用此前端开发指南

前端前端开发工程师byYangshunTay阳顺泰我们庞大的工程师团队会使用此前端开发指南(Ourlargeteamofengineersusethisfrontenddevelopmentguide)

cumian9828·2023-08-28 12:58

Three.js之几何体BufferGeometry

参考资料几何体顶点位置数据和点模型…旋转、缩放、平移几何体)知识点注：基于Three.jsv0.155.0缓冲类型几何体：BufferGeometry定义几何体顶点数据：BufferAttribute点模型：Points、PointsMaterial线模型：Line、LineBasicMaterial网格模型：Mesh、MeshBasicMaterial顶点索引：geometry.index顶点法

开心就是最好·2023-08-27 18:28

推荐频道

three.js开发指南