three.js开发指南

three.js实现扩散光圈效果

three.js实现扩散光圈效果图例步骤创建一个平面，添加纹理贴图缩放代码import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{
是云呀！·2024-01-10 06:44

Three.js 纹理贴图的实现

在线工具推荐：3D数字孪生场景编辑器-GLTF/GLB材质纹理编辑器-3D模型在线转换-Three.jsAI自动纹理开发包-YOLO虚幻合成数据生成器-三维模型预览图生成器-3D模型语义搜索引擎纹理贴图简介当我们创建一个网格时，比如我们不起眼的立方体，我们传入两个组件：几何体和材质。网格需要两个子组件：几何体和材料constmesh=newMesh(geometry,material);几何形状定
ygtu2018·2024-01-10 02:38

WEB 3D技术 three.js 线框几何体

本文我们说一下线框几何体想将一个几何体以线框形式展现threeJS中有两种类可以实现第一种WireframeGeometry这种几何体其实就类似于将材质中的wireframe开启这种方法之前我们也用过还有一种就是EdgesGeometry边缘几何体我们先将代码写成这样import'./style.css'import*asTHREEfrom"three";import{OrbitControls}
-耿瑞-·2024-01-10 00:04

three.js 模型 居中

物体不居中模型的几何中心位置不对，设置偏离物体实际几何中心，当设置position（0,0,0）时就会出现偏离。解决方案此处有两种解决方案建模师处理模型，将模型的几何中心移动到（0，0，0）使用代码进行模型强制居中处理//重置几何中心模型居中对group、mesh都可使用letbox=newTHREE.Box3();//box.expandByObject(this.model);box.expa
小和尚敲木头·2024-01-10 00:29

Three.JS游戏开发入门

就在不久前，创建和部署游戏的唯一方法是选择像Unity或Unreal这样的游戏引擎，学习语言，然后打包游戏并将其部署到你选择的平台上。试图通过浏览器向用户提供游戏的想法似乎是一项不可能完成的任务。幸运的是，由于浏览器技术的进步和硬件加速在所有流行的浏览器中都可用，JavaScript性能的改进以及可用处理能力的稳步提高，为浏览器创建交互式游戏体验变得越来越普遍。在本文中，我们将了解如何使用Thre
新缸中之脑·2024-01-09 08:35

元宇宙基础-Three.js | 大帅老猿threejs特训营

day01作业打卡WebGL简介WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。WebGL使用需要
qq_37787249·2024-01-09 08:03

WEB 3D技术 three.js 多元素包围盒

本文我们说多个物体的包围盒我们先编写如下代码import'./style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";constscene=newTHREE.Scene();constsphere1=newTHREE.Mesh(newTHR
-耿瑞-·2024-01-08 15:02

WEB 3D技术 three.js 解决几何体移动后 包围盒还留在原地问题

我们最基础方式创建的包围盒然后通过position改变物体的位置例如这里我们改它的x轴会发现我们几何体移动了但是包围盒确留在了原地我们可以通过updateMatrixWorld和applyMatrix4的世界坐标更新举证解决简单说Mesh出来的实例对象.updateMatrixWorld两个参数都为true几何体对象的boundingBox字段值.applyMatrix4参数Mesh出来的实例对象
-耿瑞-·2024-01-08 15:02

WEB 3D技术 three.js 元素居中与获取元素中心点

本文我们来说让物体居中以及获取它的中心点我们上文留下的这个代码import'./style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{RGBELoader}from"three/examples/jsm/loaders/RG
-耿瑞-·2024-01-08 15:58

three.js 学习笔记(学习中1.7更新) |

文章目录three.js学习笔记入门基础概念透视相机第一个three.js应用threejs画布尺寸和布局canvas画布宽高度动态变化坐标辅助器THREE.AxesHelper实现动画效果requestAnimationFrame
nuise_·2024-01-08 11:51

Three.js简介；Three.js使用与作品生成

一、Three.js简介1、简介：three.js，一个WebGL引擎，基于JavaScript，可直接运行GPU驱动游戏与图形驱动应用于浏览器。其库提供的特性与API以绘制3D场景于浏览器。
啊～哈·2024-01-08 01:16

uniapp获取定位

一、高德地图根据指定位置获取经纬度参考地址：地理/逆地理编码-基础API文档-开发指南-Web服务API|高德地图API//获取经纬度uni.request({url:'https://restapi.amap.com
啊～哈·2024-01-08 01:15

跨架构shellcode开发指南（二）

和x86的系统调用相似，MIPS系统调用也会用到系统调用号。可以参考文章：MIPS指令集Shellcode编写入门-安全客-安全资讯平台(anquanke.com)MIPS架构有多个版本，包括MIPSI、II、III、IV，以及MIPSV，它们各是MIPS32/64（32位、64位的实现）发布的五个版本。早期的MIPS架构只有32位的版本，随后才开发64位的版本。截至2017年4月，MIPS32/
pwn_baby_girl·2024-01-08 00:48

跨架构shellcode开发指南（三）

与之前的架构类似，shellcode中函数都是通过系统调用实现的。ARM系统调用方式在ARM中，系统调用有一些不同：1.将参数放入寄存器R0，R1movr0,arg1movr1,arg22.将系统调用号放入R7movr7,#3.调动系统函数：SVC#0或者SVC#14.将返回值放入R0为了熟练编写arm架构的shellcode需要熟悉arm架构指令集及系统调用号。pwntools内置攻击编写Arm
pwn_baby_girl·2024-01-08 00:18

跨架构shellcode开发指南（一）

最近在复盘强网杯2022FinalKoHMimicCode题目题目及本人exp下载地址，本人能力有限，估计不是最短shellcode:MimicCode.zipx86&x64架构shellcode分析1.怎么用汇编语言构造简单的shellcode(64位)前置知识：①64位寄存器传参的前三个寄存器分别是rdi,rsi,rdx②64位系统调用号通过查看linux上的/usr/include/x86_
pwn_baby_girl·2024-01-08 00:16

360*180度全景图预览插件Photo Sphere Viewer

插件描述PhotoSphereViewer是一款基于Three.js的360X180度全景图预览js插件。该js插件可以360度旋转查看全景图，也可以上下180度查看图片。
MC桥默·2024-01-07 17:53

全志R128 SDK架构与目录结构

本文档作为R128FreeRTOSSDK开发指南，旨在帮助软件开发工程师、技术支持工程师快速上手，熟悉R128FreeRTOSSDK的开发流程。SDK架构R128包含3个核，需要编译
DOT小文哥·2024-01-07 15:17

手搭我的世界基岩版服务器后台网站（LiteloaderBDS-SQLite-Spring Boot-Vue）Java后端+RESTful API；借助Three.js实现三维可视化展览交互界面

项目是刚刚完成的，于是趁热打铁把文档也写了。在这里分享出来，也方便以后回顾目录项目介绍整体设计架构图网站界面预览图技术选型和原因搭建步骤库表设计插件说明后端说明前端说明部署说明完整代码插件代码后端代码前端代码项目总结项目介绍本项目旨在为我的世界基岩版私服搭建一个可视化的后台管理系统，通过LiteloaderBDS插件实时收集游戏内数据，并将其存储在轻量级数据库SQLite中。后端采用SpringB
覚えていない903·2024-01-07 07:58

uni-app相关网址

1.uni-app官网https://uniapp.dcloud.io/2.uni-app原生插件开发指南https://nativesupport.dcloud.net.cn/NativePlugin
永恒的心CK·2024-01-06 15:21

WEB 3D技术 three.js 顶点交换

本文我们来说顶点的转换其实就是我们所有顶点的位置发生转变我们整个物体的位置也会随之转变这里我们编写代码如下import'./style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{RGBELoader}from"three/e
-耿瑞-·2024-01-06 13:26

WEB 3D技术 three.js 顶点缩放

本文我们来说顶点缩放我们官网搜索BufferGeometry下面有一个scale函数例如我们先将代码写成这样上面图片和资源文件大家需要自己去加一下import'./style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{RGB
-耿瑞-·2024-01-06 13:26

带你入门three.js——从0到1实现一个3d可视化地图

读完本篇文章，你可以学到什么对于three.js这个框架有一个简单的理解，可以入门下。学习three中的Raycaster，主要是用鼠标来判断当前选择的是哪一个物体。我用一个简单的实例带大家用
前端图形·2024-01-06 13:56

Three.js使用技巧

three.js中大多数材质需要有了光照才可以看到，MeshBasicMaterial是一种不需要光照就可以见的材质。
神小夜·2024-01-06 13:26

Three.js一起学-对比WebGL和Three.js的渲染流程

前言大家好，我是一拳~对web3D感兴趣的同学一定对WebGL和Three.js不陌生了，前者是web端实现3D场景的不二之选，后者也是业界应用最广泛，认可度最高的web端3D渲染引擎之一。
一拳小和尚LXY·2024-01-06 13:25

three.js汇总,老牌Web 3d展示Js

简述我把现在的Web前端页面动效分为四个等级1:简单的css,js,jquery的旋转,缩放,位移,淡入淡出,拉伸,渐变等效果;2:通过Ae或者其他软件导出的序列帧(或者图片),和一些简单的特效js(大多是canvas);3:通过大量数据(json)来定义的动作,包含(人物,地图等,可包含简单的3d模型,因为一些3d模型也是由json数据组成),相当复杂的css(如果css相当优秀可直接无视这篇文
lxw_powerfulCat·2024-01-06 13:54

【Three.js】渲染模型卡顿的优化办法

使用LOD技术可以在不同距离下使用不同的模型细节来优化three.js渲染性能，下面是具体步骤：创建多个模型，每个模型的面数和细节不同，这些模型应该是同一个对象的不同
小楼窗外的细雨·2024-01-06 13:24

WEB 3D技术 three.js 顶点旋转

我们来说说几何体顶点的旋转官网搜索BufferGeometry这里我们有xyz三个轴的旋转例如我们这样的代码import'./style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{RGBELoader}from"three/
-耿瑞-·2024-01-06 13:23

【Three.JS学习笔记（一）】几何体全家福

几何体摘录自官网https://threejs.org/，作为学习笔记增加了些个人的想法。立方缓冲几何体构造函数参数名含义类型默认值widthX轴上面的宽度Float1heightY轴上面的高度Float1depthZ轴上面的深度Float1widthSegmentsX轴的分段数Integer1heightSegmentsY轴的分段数Integer1depthSegmentsZ轴的分段数Integ
xxhls_02·2024-01-05 18:31

three.js 射线拾取精灵图Sprite控制场景

效果：这里只是鼠标点击时，改变了精灵图的材质颜色代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器i
汉武大帝··2024-01-05 15:00

three.js Raycaster(鼠标点击选中模型)

效果：代码：标准设备坐标系：three.jsCanvas画布具有一个标准设备坐标系，该坐标系的坐标原点是在canvas画布的中间位置，x轴水平向右，y轴竖直向上，标准设备坐标系的坐标值不是绝对值，是相对值，范围是[-1,1],也就是说canvas画布上任何一个位置的坐标，如果用标准设备坐标取衡量，那么坐标的所有值都在-1和1之间；屏幕坐标转为标准设备坐标：//坐标转化公式addEventListe
汉武大帝··2024-01-05 14:56

three.js使用正方体加图片实现全景看房效果

three.js使用正方体加图片实现全景看房效果实现方法创建一个正方体加载6张纹理贴图正方体z轴缩放-1调整相机位置图例代码import{ref,onMounted}from"vue";import*asTHREEfrom"three
是云呀！·2024-01-05 13:42

three.js实现电子围栏效果（纹理贴图）

three.js实现电子围栏效果（纹理贴图）实现步骤围栏的坐标坐标转换为几何体顶点，uv顶点坐标加载贴图，移动图例代码import{ref,onMounted}from"vue";import*asTHREEfrom"three
是云呀！·2024-01-05 13:35

WEB 3D技术 three.js 法向量演示性讲解

本文我们来说法向法向又叫法向量就是我们一个三维物体顶点垂直于面的方向向量他的作用用来做光反射根据光照的方向根据面进行反射我们上文写的这个代码import'./style.css'import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";//创建相机constca
-耿瑞-·2024-01-04 23:23

WEB 3D技术 three.js通过 GLTFLoader 导入并应用 gltf/glb 3D资源

上文WEB3D技术three.js雾基础使用讲解我们讲了雾的基本使用方法但是如果我们要做一个树林一颗一颗树去加那真的是要累死了我们一定是在建模软件上建模好这样的模型然后将模型导入到场景中官网中搜索GLTFLoader
-耿瑞-·2024-01-04 19:40

迅为龙芯2K1000开发板接口全国产处理器尺寸190mm*125mm

接口全板载4路USBHOST、2路千兆以太网、2路UART、2路CAN总线、MiniPCIE、SATA固态盘接口、4G接口、GPS接口WIFI、蓝牙、MiniHDMI、温度传感器、JTAG接口等开发指南更新
mucheni·2024-01-04 12:43

three.js: gltf模型设置发光描边

效果：代码：发光描边//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{EffectCompo
汉武大帝··2024-01-04 12:09

three.js gltf后处理颜色异常(伽马校正)

效果：应用了伽马校正，好像效果不明显代码：发光描边//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器imp
汉武大帝··2024-01-04 12:34

WEB 3D技术 three.js 几何体uv属性讲解与基本演示

本文我们来说说uv那么它是什么呢？首先比如我们几何体贴一个图那么为什么我们图的四个边就能正好贴到几何体的边为什么不可以图就在几何体中间呢？中心为什么能对齐它就不能偏一点吗？这是第一个问题还有我们gltf这种文件其实也是很多个三角形组件的那么我们怎么确定它每个部位的颜色？其实实现就是这样一个贴图而每个部位的颜色就是通过uv来告诉它具体贴图的哪个位置去实现的相对uv是一个二维坐标针对xy轴我们先编写代
-耿瑞-·2024-01-04 10:14

html js加载本地文件报错处理，跨域问题

我写了一个本地html文件，里面通过three.js加载并显示一个本地三维模型，结果报错了。
暴躁的野生猿·2024-01-04 08:45

STM32F103

提示：来源正点原子，参考STM32F103战舰开发指南V1.3PDF资料文章目录前言一、pandas是什么？
晴山ぺ·2024-01-04 06:28

three.js加载全景hdr（官网案例）

three.js加载全景hdr（官网案例）效果代码import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls
是云呀！·2024-01-04 06:58

three.js相机按照指定路线在建筑模型中漫游（支持开始，暂停）

three.js相机按照指定路线在模型中漫游（支持开始，暂停）关键点相机运动曲线//相机路线constpoints=[newTHREE.Vector3(0,40,300),newTHREE.Vector3
是云呀！·2024-01-04 06:51

Three.js加载三维(.gbl)模型

Three.js加载三维(.gbl)模型近期有个项目中需要实现在页面中加载出三维模型并有旋转的动画展示，毫无疑问，当谈到在Web上呈现引人入胜的三维体验时，Three.js是一个无可替代的工具。
bigHead-·2024-01-04 01:01

VS2022 Android NativeActivity 开发指南

几年前最初使用VS时，记得是有AndroidNativeActivity的，今天更新到了2022最新版，发现找不到这个创建选项。然后确保安装了C++跨平台开发工具后，开始排查原因。VisualStudio2022中没有“本机活动应用程序”-android-SO中文参考-www.soinside.com在网络上看到了这么一片帖子，疑似“VisualStudio17.4版本之前提供。从那时起它就被删除
怜渠客·2024-01-03 18:52

three.js 多通道组合

效果：代码：面与线框切换-->相关文章：http://www.taodudu.cc/news/show-4413505.html?action=onClickhttps://blog.csdn.net/webMinStudent/article/details/130786714//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/
汉武大帝··2024-01-03 11:01

微信第三方授权登陆：开发前期准备

据微信开放平台“开发资源”中网站应用微信登陆功能开发指南描述：进行授权登陆接入前，需要先注册一个开发者账号，并拥有一个已经审核通过的网站应用，并获取AppID和APPSecret，然后申请微信登陆并通过审核后
qq_53985858·2024-01-03 09:36

three.js实现点击选中模型，模型描边高亮效果

射线投射器Raycaster通过.intersectObjects()判断模型是否选中EffectComposer.js进行后期处理，添加描边高亮效果import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls}from"three/addons/controls/OrbitControls.js";im
是云呀！·2024-01-03 08:53

three.js实现点击选中模型

使用射线投射（Raycasting）来检测鼠标点击位置是否与模型相交射线的起点设置为相机的位置，鼠标点击的位置创建一条射线intersectObjects判断射线有没有与模型相交import{ref,onMounted}from"vue";import*asTHREEfrom"three";import{OrbitControls}from"three/addons/controls/OrbitC
是云呀！·2024-01-03 08:53

three.js实现模型描边高亮效果

通过EffectComposer可以实现一些后期处理效果。OutlinePass就可以给一个模型添加一个高亮发光描边1.引入EffectComposer.jsimport{EffectComposer}from'three/addons/postprocessing/EffectComposer.js';大家都知道three.jsWebGL渲染器执行渲染方法.render()会得到一张图像，如果你
是云呀！·2024-01-03 08:53

three.js给模型添加标签三种方式对比（矩形平面，精灵图，CSS2DObject）

three.js给模型添加标签三种方式对比（矩形平面，精灵图，CSS2DObject）vue3实现，代码如下代码import{ref,onMounted}from"vue";import*asTHREEfrom"three
是云呀！·2024-01-03 08:46
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他