three.js开发指南

【three.js】坐标辅助器和轨道控制器

结合上一篇基本的3d页面代码，我们在里面添加坐标辅助器，也就是xyz轴坐标系，这样可以更直观的查看物体的位置一、添加坐标辅助器查看效果，z轴不显示是因为，z轴是正对我们脸部，从我们正面看就是一个点为了让z轴显示出来，我们修改相机的位置可以看到蓝色这条线就是z轴二、添加轨道控制器现在我们设置的立方体是自动旋转的，如果我们不想让他自己旋转，想手动拖拽，如何实现呢？这时就用到了轨道控制器。1、导入轨道控
suoh's Blog·2023-10-10 00:27

Vue3 + Photo-sphere-viewer 全景

PhotoSphereViewer是一款基于Three.js的360X180度全景图预览js插件。该js插件可以360度旋转查看全景图，也可以上下180度查看图片。
奺珁·2023-10-09 19:22

不基于body加载，Raycaster射线拾取对象出现误差问题

three.js利用射线Raycaster进行碰撞检测获取射线穿透对象。
zj靖·2023-10-09 19:19

three.js 物体轮廓高亮

背景：物体在鼠标移上去时有一个高亮的交互；在状态为异常时轮廓高亮并闪烁方案：使用EffectComposer:效果组合器RenderPass:在指定的场景和相机的基础上渲染出一个新场景OutlinePass:-物体边界线条ShaderPass:使用该通道你可以传入一个自定义的着色器，用来生成高级的、自定义的后期处理通道FXAAShader:着色器主要功能是解决锯齿问题import'./Effect
望月归乡·2023-10-09 19:18

vue+three.js实现模型发光、视角改变、相机移动、管道流动动画

前端小白正在学习three.js,有感兴趣的大家一起相互交流代码主要包括模型发光、3D卡片、视角转换、管道流动等在数字孪生、智慧工厂中常用的一些方法我这里用的三个box,在实际应用中多为obj+mtl格式
前端小白小白白·2023-10-09 18:16

vue3和threejs单击按钮模型高亮显示

文章目录一、在组件中引入three.js依赖的文件二、在setup函数中定义全局变量三、在setup函数中创建outlineObj(selectedObjects)，参数为选中的模型所组成的数组[]四、
青春最美，庆幸遇见karry·2023-10-09 18:46

three.js无法实现高亮问题

通过设置模型的材质来实现高亮效果。在选中模型时，你可以将其材质更改为一个不同的颜色或者使用一个发光的材质。将模型分解为更小的部分，然后对每个部分设置一个唯一的ID。这样，在使用射线进行交叉检测时，你可以获得每个部分的ID，从而实现高亮效果。尝试使用更准确的射线进行交叉检测，例如使用较小的角度，以便更准确地选择模型。确保模型的几何体是正确的，并且没有一些隐藏的部分导致射线无法与它们相交。下面是一些代
攻城狮方叔·2023-10-09 18:45

three.js 选中物体

实现功能：1.选中物体，高亮显示，并设置为旋转控制中心与视口中心；2.选中下一个物体，上个物体选中效果恢复；3.按ESC键退出代码：//【事件】-单击click，执行//1.1s内无鼠标拖拽，再执行：构件选中函数onDocumentMouseClick1();//2.1s内鼠标拖拽，执行：旋转定位函数、并以构件中心旋转//【函数】点击选中构件varzu1=[];varzu2=[];function
helloyangkl·2023-10-09 18:44

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

three.js+react实现点击模型实现高亮选中效果1、创建一个场景letscene,camera,renderer,controls;letstats=null;//检测动画运行时的帧数letclock=newTHREE.Clock();//getDelta()方法获得两帧的时间间隔letFPS=30;letrenderT=1/FPS;lettimeS=0;constThreeModel=o
zj靖·2023-10-09 18:10

threejs

场景Sceneconstscene=newTHREE.Scene();场景能够让你在什么地方、摆放什么东西来交给three.js来渲
1rving·2023-10-09 13:54

Three.js真实相机畸变效果模拟

在这篇博文中，我将向你展示如何使用Three.js和OpenCV来完成此操作。我们将从模拟针孔相机模型开始，然后添加真实的镜头畸变。
新缸中之脑·2023-10-09 13:18

【正点原子STM32连载】 第三十三章 光敏传感器实验 摘自【正点原子】MiniPro STM32H750 开发指南_V1.1

1）实验平台：正点原子MiniProH750开发板2）平台购买地址：https://detail.tmall.com/item.htm?id=6770174305603）全套实验源码+手册+视频下载地址：http://www.openedv.com/thread-336836-1-1.html4）对正点原子STM32感兴趣的同学可以加群讨论：879133275第三十三章光敏传感器实验本章，我们将学
正点原子·2023-10-09 09:50

2、threejs官网本地化部署启动和Parcel热加载：Web应用打包工具介绍及使用

一、Three.js官网背景：threejs是国外的网站，访问有时候比较卡，所以建议本地化部署启动一下，方便随时访问学习。
30岁老阿姨·2023-10-09 08:27

three.js 学习笔记一

Three.js学习笔记思维导图一些坑学习来源思维导图一些坑朝向问题相机以及灯光的朝向问题还没有弄清楚，官方提供了两个方法，一是camera.target=3Dobject，但不知道为什么这个方法并没有起作用
口模酱油·2023-10-09 08:56

本地搭建Three.js官网文档网站

因为Threejs官网是国外服务器,为了方便学习和快速的查阅文档,我们可以自己搭建Three.js官网.首先进入Threejs的GitHub仓库:GitHub-mrdoob/three.js:JavaScript3DLibrary
开发那点事儿~·2023-10-09 08:54

详解Three.js环境搭建与一个简单例子

一、环境准备1.开发工具选用WebStorm，因为WebStorm自带了一个本地服务器，而Three.js的很多特性需要在服务器端才能展现。
超周到的程序员·2023-10-09 08:24

three.js智慧城市运行环境搭建

首先：源码运行环境nodejs,去官网下载：安装所有依赖项：npminstall在本地运行开发服务器：npmrundev将应用程序编译为生产文件：npmrunbuild注解：关于如何在Node.js运行环境中下载和安装所需的依赖项的指南。这个过程是通过npm（NodePackageManager）完成的，npm是一个用于安装和管理Node.js模块的命令行工具。安装所有依赖项的命令是npminst
jio本小子·2023-10-09 08:24

three.js搭建本地服务器

学习three.js过程中，如果实例中需要下载外部资源，比如模型或纹理图像，仅使用浏览器打开HTML文件是行不通的，需要本地web服务器一、安装live-servernpminstalllive-server-g
陳土·2023-10-09 08:23

three.js例子本地部署

最近下了three.js,想安装到本地，然后浏览。首先用管理员权限打开IIS,网站上右键点击，选添加网站，网站名称随意填，选好物理路径（zip文件解压缩后的路径），设置好端口。
水滴与鱼·2023-10-09 08:53

Three.js本地开发部署

1.https://github.com/mrdoob/three.js.gitclone到本地2.跟目录部署文件start.batpython-mSimpleHTTPServer3.运行bat文件4.浏览器输入http://localhost:8000/可以进入example运行相关的例子
gaxlin·2023-10-09 08:53

three.js学习笔记

开始three.js官网地址：Three.js–JavaScript3DLibrary因为官网是部署在国外访问的时候比较卡我们可以把项目下载下来在本地运行第一步打开官网找到github选项第二步克隆一份下载到本地
Z_Xshan·2023-10-09 08:22

【three.js】简介和本地部署

跟着b站大佬学习three.js，让你实现3d前沿技术不是梦！
suoh's Blog·2023-10-09 08:50

stm32的时钟、中断的配置（针对寄存器），一些基础知识

（2）STM32F103最小系统板开发指南-寄存器版本_V1.1（正点）（3）STM32F103最小系统板开发指南-库函数版本_V1.1（正点）（4）Cortex-M3权威指南(中文)（5）STM32中文参考手册
一天不学习，就给自己一个大b兜子·2023-10-09 08:47

stm32的GPIO寄存器操作以及GPIO外部中断，串口中断

（2）STM32F103最小系统板开发指南-寄存器版本_V1.1（正点）（3）STM32F103最小系统板开发指南-库函数版本_V1.1（正点）（4）Cortex-M3权威指南(中文)（5）STM32中文参考手册
一天不学习，就给自己一个大b兜子·2023-10-09 08:13

【正点原子Linux连载】第三十二章 U-Boot启动流程详解 -摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0

1）实验平台：正点原子阿尔法Linux开发板2）平台购买地址：https://item.taobao.com/item.htm?id=6036727444342）全套实验源码+手册+视频下载地址：http://www.openedv.com/thread-300792-1-1.html3）对正点原子Linux感兴趣的同学可以加群讨论：9354467414）关注正点原子公众号，获取最新资料更新第三十
正点原子·2023-10-08 20:24

【正点原子Linux连载】第三十五章 Linux内核顶层Makefile详解 -摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0

1）实验平台：正点原子阿尔法Linux开发板2）平台购买地址：https://item.taobao.com/item.htm?id=6036727444342）全套实验源码+手册+视频下载地址：http://www.openedv.com/thread-300792-1-1.html3）对正点原子Linux感兴趣的同学可以加群讨论：9354467414）关注正点原子公众号，获取最新资料更新第三十
正点原子·2023-10-08 20:54

【正点原子Linux连载】第三十一章 U-Boot顶层Makefile详解 -摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0

1）实验平台：正点原子阿尔法Linux开发板2）平台购买地址：https://item.taobao.com/item.htm?id=6036727444342）全套实验源码+手册+视频下载地址：http://www.openedv.com/thread-300792-1-1.html3）对正点原子Linux感兴趣的同学可以加群讨论：9354467414）关注正点原子公众号，获取最新资料更新第三十
正点原子·2023-10-08 20:53

kallsyms 压缩_【正点原子Linux连载】第三十五章Linux内核顶层Makefile详解-摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南 (amobbs.com 阿莫电子论坛)...

本帖最后由正点原子于2020-10-2416:12编辑876919289[/url]5)关注正点原子公众号，获取最新资料[url=https://www.yuanzige.com/]第三十五章Linux内核顶层Makefile详解前几章我们重点讲解了如何移植uboot到I.MX6U-ALPHA开发板上，从本章开始我们就开始学习如何移植Linux内核。同uboot一样，在具体移植之前，我们先来学习一
weixin_39706127·2023-10-08 20:22

Three.js初体验——VR全景展示

前言Three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
kitty_ELF·2023-10-08 19:32

webgl进阶Shader篇（基于Three.js）——第一个简单的Shader

一.从一个shader开始Three.js已经简化了很多写shader的工作，最主要的工作就是他把一些常用的矩阵已经作为一个常量提供给我们。
niuge No.1·2023-10-08 18:33

vue three.js基本案例解析

1.安装依赖//比如安装148版本[email protected].使用页面引用import*asTHREEfrom'three';//引入扩展库OrbitControls.jsimport{OrbitControls}from'three/addons/controls/OrbitControls.js';//引入扩展库GLTFLoader.jsimport{GLTF
专注前端不学习一天浑身难受·2023-10-08 16:06

raywenderlich.com官方Swift代码规范指南

针对Swift语言raywenderlich.com给出来一份较为完善的开发指南。本文就是基于原文翻译而成。英文水平较好这可点击上方链接，查看原文。[T
FY_Chao·2023-10-08 13:29

IOS + Appium自动化教程

由于本人对ios自动化也是第一次做，甚至对苹果电脑的使用都不太熟悉，花了大概一周时间粗略的看下ios开发知识，网上随手下载的来源于这两本pdf《iOS开发从入门到精通.pdf》、《iOS开发指南：从零基础到
iLeooooo·2023-10-08 08:30

three.js

基本安装以及引入three.js处于飞速发展中，基本每个月都会发布一个新的版本，主要是增加一些新的功能，或者废弃一些api。
Goat恶霸詹姆斯·2023-10-07 12:11

【UE·引擎篇】Runnable、TaskGraph、AsyncTask、Async多线程开发指南

目前网上关于ue4多线程的文章，大部分是讲源码讲原理，上来先把源码一丢、类图一丢，对初学者来说理解困难。而关于讲解实战用法的文章，也大都讲的不全面。目前在ue4里使用多线程有Runnable、TaskGraph、AsyncTask类这几种方式，同时还有AsyncTask、Async、AsyncThread、AsyncPool等几个全局方法。这篇文章将结合多个实际案例讲解怎么用、用哪种多线程。帮助初
水曜日鸡·2023-10-07 12:45

手摸手：3秒打包一个three.js项目（有物证）

真的3秒能打包一个three.js项目吗？真的，后面会提供源文件地址哦。要打包的项目是这个样子的。image从零开始关于three.js的安装和使用部分都省略。首先是最基础的。
zhongmeizhi·2023-10-07 12:57

3D孪生场景SDK：Viwer 孪生世界

NSDT编辑器简化了WebGL3D应用的开发，完全兼容Three.JS生态。同时为了满足用户自定义业务的需求，NSDT编辑器还封装了基于three.js的SDK，用户可以在自己的应用中嵌
ygtu2018·2023-10-07 04:23

FREERTOS内容解惑与综合应用（基于STM32F103）

这是基于HAL库的正点原子手把手教你学FreeRTOS实时系统这是基于标准库的正点原子FreeRTOS手把手教学-基于STM32基础知识，直接参考正点原子《FreeRTOS开发指南V1.1》基于标准库的
路溪非溪·2023-10-07 01:19

three.js后处理

后期处理是在最终渲染结果上添加额外的效果。通常在电影制作中使用这种技术，但我们也可以在WebGL中使用。下面是一些常见的可以景深（像相机一样，远处的东西看起来模糊）光晕效果（光源周围的一种明亮的效果）神光（通过物体的光线形成的效果）运动模糊（快速移动的物体周围的模糊效果）故障效果（图像看起来像是出了问题）轮廓线（强调物体边缘的线条）颜色变化（改变图像的颜色风格）抗锯齿（使图像边缘更平滑，减少锯齿状
seeooco·2023-10-06 22:43

vite dev开发模式下支持外部模块引用

web工程中经常需要使用外部的cdn资源，比如lodash、three.js等：{"imports":{"lodash":"https://unpkg.com/[email protected]/lodash.js
陈小峰_iefreer·2023-10-06 17:39

指纹浏览器开发指南-EasyBR

EasyBR指纹浏览器开发指南：后台技术、前端技术和指纹修改简介：EasyBR指纹浏览器是一款旨在提供个性化服务和广告定位的浏览器，通过收集和分析用户的浏览器指纹，实现用户的识别和跟踪。
天丁·2023-10-06 02:58

Android开发指南：深入解析Toolbar的实现

Toolbar是Android应用中常用的界面元素之一，它提供了一个灵活且可定制的操作栏，用于展示应用的标题、导航按钮、菜单选项等功能。本文将详细介绍Toolbar的开发过程，包括布局文件的定义和代码实现。首先，我们需要在XML布局文件中定义Toolbar。以下是一个示例：
代码探险狂人·2023-10-06 00:42

【实用工具】谷歌浏览器插件开发指南

谷歌浏览器插件开发指南涉及以下几个方面：1.开发环境准备：首先需要安装Chrome浏览器和开发者工具。
wenchun001·2023-10-05 19:57

用稳定扩散生成4K PBR纹理【SDXL】

我正在继续去年开始使用Three.JS构建3D场景和草图的工作。当时，DALL-E和StableDiffusion等AI图像生成器刚刚真正起飞。
新缸中之脑·2023-10-05 09:20

Boost程序库完全开发指南：1-开发环境和构建工具

  Boost官方于2019年12月发布的1.72版编写，共包含160余个库/组件，涵盖字符串与文本处理、容器、迭代器、算法、图像处理、模板元编程、并发编程等多个领域，使用Boost，将大大增强C++的功能和表现力。环境：Windows10，WSL2，Ubuntu20.04LTS，Rider（WSL远程开发），gcc/g++9.4.0，boost1.72.0，libstdc++20210601。一
NLP工程化·2023-10-05 07:29

Boost程序库完全开发指南：1.2-C++基础知识点梳理

  主要整理了N多年前（2010年）学习C++的时候开始总结的知识点，好长时间不写C++代码了，现在LLM量化和推理需要重新学习C++编程，看来出来混迟早要还的。1.const_cast(expression)[1]解析：const_cast转换符用来移除变量的const或volatile限定符。如下所示：（1）常量指针被转化成非常量指针，并且仍然指向原来的对象。比如，constA*pca1=ne
NLP工程化·2023-10-05 06:17

174SaltStack 运维通关手册--SaltStack API 使用

api接口分为2类PythonclientAPI-SaltStackPython客户端程序API开发netapimodules-SaltStacknetapi模块开发指南PythonclientAPISalt
Jachin111·2023-10-05 01:22

物联网AI MicroPython 之 ETT-B1开发板详细开发指南

学物联网，来万物简单IoT物联网！！1内容概述当遇到物联网、嵌入式、硬件等技术的时候，大家在脑海中就会构画出一些列复杂的技术框架内容，各种复杂的编译环境、下载环境搭建，市场上五花八门硬件设备、硬件开发板，而且学习的知识全网遍地都是，质量参差不齐，知识点非常散，让开发者无从下手，望而却步，然后就放弃了。万物简单物联网教育团队长期致力于智能硬件的设计和研发，也一直关注物联网教育的这些问题，为了更好的解
万物简单数智社区·2023-10-04 21:48

MaxCompute Spark开发指南

0.概述本文档面向需要使用MaxComputeSpark进行开发的用户使用。本指南主要适用于具备有Spark开发经验的开发人员。MaxComputeSpark是MaxCompute提供的兼容开源的Spark计算服务，它在统一的计算资源和数据集权限体系之上，提供Spark计算框架，支持用户以熟悉的开发使用方式提交运行Spark作业，以满足更丰富的数据处理分析场景。本文将重点介绍MaxComputeS
阿里云技术·2023-10-04 00:28

Three.js 剖切 clippingPlan

对模型剖切是通过设置scene或者material的clippingPlanes实现的；如果设置了材质的clippingPlanes，shader的顶点着色器和片元着色器都会加入相应逻辑的代码；1、首先在顶点着色器里加入以下代码，给vClipPosition赋值，并传入片元着色器，这里用的是相机坐标系里的值，没有用世界坐标系里的值，这可能是因为变换矩阵可能改变法线的朝向，因此要将法线和顶点都统一到
百思不得Ting姐·2023-10-03 23:42
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他