three.js开发指南第3页

Threejs 简析

刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（https://github.com/mrdoob/three.js）

英灵海东青·2024-02-04 08:10

HTML5新特性 day_03(8.9)Canvas的路径、动画，Three.js和地理位置

一、Canvas的路径路径（Path）是将一组坐标点按照顺序连接起来所形成的图形。Canvas绘制路径时的API：调用ctx.beginPath()开启一条新路径。调用ctx.moveTo(x,y)将画笔移动到某一个起始点。调用ctx.lineTo(x,y)向目标点(x,y)绘制直线路径。调用ctx.stroke()对路径进行描边、ctx.fill()对闭合路径进行填充。案例：绘制一个三角形。03

加1床铺盖·2024-02-04 08:10

Three.js学习4：添加轨道控制器

在Three.js里，轨道控制器可以通过鼠标左右键、鼠标滚动控制画面的上下左右旋转、移动、缩放，可以从多个角度观测目标物体。其效果类似Three.js提供的官方编辑器一样。

stones4zd·2024-02-04 05:42

企业培训APP：在线教育系统源码开发指南

本篇文章，小编将为读者讲解如何开发一款功能强大的企业培训APP，以及其中的关键源码开发指南。一、确定需求与功能模块在着手开发之前，首先需要明确企业培训APP的需求和功能模块。

万岳软件开发小城·2024-02-03 20:30

使用three.js加载3D模型

安装依赖yarnaddthreeply文件可从网上查找，加载对应的文件地址也可以换成线上地址varscene,mesh;import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{PLYLoader}from'three/examples/jsm/loa

懒惰的狮子·2024-02-03 17:29

2022-04-13

昨天看完了bs大神的three.js课程，突然有一点悟了的感觉。今日必做之事：

Apbenz·2024-02-03 17:55

LLM智能体开发指南

除非你一直生活在岩石下，否则你一定听说过像Auto-GPT和MetaGPT这样的项目。这些是社区为使GPT-4完全自治而做出的尝试。在其最原始的形式中，代理基本上是文本到任务。你输入一个任务描述，比如“给我做一个贪吃蛇游戏”，并使用LLM作为它的大脑和一些围绕它构建的工具，你就得到了自己的贪吃蛇游戏！看，连我也做了一个！你可以做得比这更大，但在做大之前，让我们从小而简单的开始，创建一个可以做一些数

xiangzhihong8·2024-02-03 16:02

使用 React 和 Threejs 创建一个VR全景项目

最近我在学习使用React配合Three.js来搭建一个可以浏览720全景图片的项目实现的是加载一张2:1的720全景分享一下我的创建过程一、搭建框架并安装需要的插件npxcreate-react-appparano

WindyZ_34ec·2024-02-03 15:38

海康相机SDK开发那些事

1.学会看他的开发指南，里面每一个接口介绍的很详细，你用什么功能就调什么功能，把相关的结构体准备好就行。

我真的太难了啊·2024-02-03 10:03

海康威视工业相机Linux SDK开发指南详细步骤（Ubuntu20.04+单目、双目相机单次、连续拍照）

前言：由于实验需要使用双目相机同步采集图像，实验室准备的设备是海康威视的工业相机，对其进行二次开发，其中花了大部分时间查找资料，以及代码进行反复调试，最后到达了想要的效果，并写博客记录一下。资料查找：首先是资料的查找，我们要注意的是海康威视一共有两个官网，一个是海康威视：https://www.hikvision.com/cn/；另一个是海康威视机器人：https://www.hikrobotic

爱生活的卷心菜·2024-02-03 10:32

115.工业相机海康SDK开发指南（阅读）

一、SDK初始化包含初始化SDK和反初始化SDK接口。（由于看不到函数内部的具体实现，因此以下的解释仅代表个人的理解）函数说明MV_CAMCTRL_APIint__stdcallMV_CC_Initialize()//初始化SDK初始化SDK成功，返回MV_OK；失败，返回错误码。MV_CC_Initialize()函数是用于初始化相机SDK的函数，其内部实现通常包括以下步骤：检查环境：函数内部会

清酒。233·2024-02-03 10:58

030-安全开发-JS应用&NodeJS指南&原型链污染&Express框架&功能实现&审计

030-安全开发-JS应用&NodeJS指南&原型链污染&Express框架&功能实现&审计#知识点：1、NodeJS-开发环境&功能实现2、NodeJS-安全漏洞&案例分析3、NodeJS-开发指南&

wusuowei2986·2024-02-03 10:54

three.js CSS3DObject、CSS2DObject、CSS3DSprite、Sprite的作为标签的区别

CSS3DObject、CSS2DObject、CSS3DSprite、Sprite的作为标签的区别是否面向相机场景缩放时，是否会跟随是否会被模型遮挡CSS2DObject是否否CSS3DObject否是否CSS3DSprite是是是Sprite是是是CSS3DObject和CSS3DRenderer搭配来渲染标签；CSS2DObject和CSS2DRenderer搭配来渲染标签；CSS3DSpr

汉武大帝··2024-02-03 09:39

python 机器人工具箱——robotics-toolbox-python

这个工具箱为Python带来了机器人特定的功能，并利用Python的可移植性、普遍性和支持性的优势，以及线性代数（numpy、scipy）、图形（matplotlib、three.js、WebGL）的开源生态系统的能力

FL17171314·2024-02-03 07:07

Three.js学习3：第一个Three.js页面

一、一图看懂Three.js坐标这个没什么好说的，只是需要注意颜色。

stones4zd·2024-02-03 03:22

Three.js学习2：页面引入 Three.js

一、关于Three.js的版本随着页面3D化应用越来越多，近两年Three.js处于飞速发展之中。现在Three.js几乎每个月都会发布一个新的版本，会增加新的API，废掉一些旧的功能之类的。

stones4zd·2024-02-03 03:50

three.js 中使用多线程以及性能测试

让他们简单的动起来，CPU几乎没有什么压力，FPS会在60左右，但是如果让这1000个Mesh的位置都需要大量计算才能得到，那么FPS就会很低（和计算量成负相关），下面是一段代码复制代码for(leti=0;i500){positions[i].y=positions[i].y-1000;}}for(vari=0;i{letpositions=e.data;for(vari=0;i{for(let

联旺·2024-02-03 02:30

UE5 C++插件开发指南目录

这一篇原本的标题是：如何将插件上架到UE虚幻商城？但是Up主聆枫LingFeng已经分享了相关议题，而且非常详细：【[UE]虚幻商城上架指南】所以这一篇就改写目录了，其实由谁来讲并不重要，重要的是讲的内容是否是读者需要的，希望大家可以从中受益。为了方便读者掌握阅读顺序，特此将目录整理在这里，并且希望读者在遇到问题时在评论区留言，笔者看到后会进一步更新补充后续章节，从而完成这个专栏的写作迭代。0.为

CloudHu1989·2024-02-02 19:45

Vue3+ThreeJS的简单使用

1.介绍Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

无敌暴龙神~·2024-02-02 16:04

vue2+three.js做出一个精美的3D地图——1.搭建基础场景

系列文章目录构建基础场景文章目录系列文章目录构建基础场景前言一、下载three.js二、搭建基础场景1.构建场景（Scene）2.构建摄像机（Camera）正交相机（OrthographicCamera

Tx的练习题·2024-02-02 16:04

three.js CSS2DRenderer、CSS2DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{Effe

汉武大帝··2024-02-02 11:18

three.js CSS3DRenderer、CSS3DSprite渲染HTML标签

有空的老铁关注一下我的抖音：效果://引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{Effe

汉武大帝··2024-02-02 11:18

three.js 中 OrbitControls.js 文件

import{EventDispatcher,MOUSE,Quaternion,Spherical,TOUCH,Vector2,Vector3}from'three';//Thissetofcontrolsperformsorbiting,dollying(zooming),andpanning.//UnlikeTrackballControls,itmaintainsthe"up"directi

汉武大帝··2024-02-02 11:48

three.js CSS3DRenderer、CSS3DObject渲染HTML标签

有空的老铁关注一下我的抖音：效果：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{Effe

汉武大帝··2024-02-02 10:14

webVR全景图多种方案实现（pannellum，aframe，Krpano，three,jquery-vrview）

第一种方案：three.js(大哥出山吧)作为前端界全景、3D大哥，大哥请开始你的表演官

a12b345c6789·2024-02-02 08:07

NVS入门（基于ESP-IDF）

主要参考资料：B站Up主孤独的二进制《ESP32存储篇NVS非易失性存储库》ESP-IDF开发指南>API参考>非易失性存储:https://docs.espressif.com/projects/esp-idf

弱冠少年·2024-02-02 06:34

Three.js学习二——Three.js极简入门

目录准备开发环境掌握一些概念性知识编码测试创建一个场景（Creatingascene）创建一个场景渲染场景使立方体动起来结果准备开发环境1、一台可用浏览器的带文件系统的电脑；2、下载官网提供的three.js-master代码包，官方提供的示例和相关库文件都在里面，官网地址：https://threejs.org/；3、下载安装vscode编辑器，地址：https://code.visualstu

Mr_Bobcp·2024-02-02 05:16

Three.js学习四——模型导入

目录模型导入Three.js加载器3D模型文件获取与导入流程模型导入的操作模型导入通过Three.js的材质和几何体，我们可以很方便的创建基础3D模型，但涉及到复杂模型时，一般是由专业建模工具生成模型文件再导入的方式将模型引入到我们的

Mr_Bobcp·2024-02-02 05:16

家居设计软件的开发框架

1.图形渲染框架：Three.js：一个用于在Web浏览器中创建3D图形的JavaScript库，适用于家居设计软件的可视化和交互性。Unity3D：适用于跨平台的3D游戏引擎，

super_Dev_OP·2024-02-02 05:36

iOS小记--.podspec文件怎么写

必要时，请参照官网开发指南。示例因为是公司项目，所以我的这个是一个.framework，不是源码。注意添加关键字.vendored_frameworks。本项目依赖了

原鸣清·2024-02-02 03:26

Three.js学习1：threejs简介及文档本地部署

开一个天坑，Three.js我觉得未来3D页面一定是一个趋势。

stones4zd·2024-02-02 02:03

MDK3308-EK更改根文件系统为ext2

前面三步都是参考《RockchipLinux软件开发指南》1、修改kernel的bootargs参数，文件位于kernel/arch/arm64/boot/dts/rockchip/rk3308-evb-v10

叶迎宪·2024-02-02 01:30

Three.js中的几种贴图效果

Three.js中通过给物体对象设置不同纹理，达到不同的显示效果，本篇通过效果图，简单的介绍几种纹理效果。

GIS技术杂谈·2024-02-01 15:51

three.js和vue.js学习 -- 创建一个3d模型demo

写在开头转载链接：https://zhuanlan.zhihu.com/p/333615381https://techbrood.com/threejs/docs模型下载链接：https://sketchfab.com/feed属于对该项目的学习，对于其中基础部分的细分和笔记准备three的流程参考图Part1：创建项目，引入three同样使用vue-cli脚手架直接搭建vue项目看到这，不了解为

深海大大·2024-02-01 15:21

Three.js高光贴图(.specularMap)

参考资料：threejs中文网threejsqq交流群：814702116Three.js高光贴图(.specularMap)本文是Three.js电子书的8.8节高光网格材质MeshPhongMaterial

Threejs可视化·2024-02-01 15:21

three.js 凹凸贴图

效果：MeshLambertMaterial、MeshBasicMaterial没有凹凸、法线贴图属性MeshStandardMaterial（标准网格材质）、MeshPhysicalMaterial（物理网格材质）、MeshPhongMaterial（高光网格材质）支持法线贴图代码：凹凸贴图//1,创建场景对象varscene=newTHREE.Scene();//2,定义模型vargeomet

汉武大帝··2024-02-01 15:21

Three.js 纹理贴图 - 环境贴图 - 纹理贴图 - 透明贴图 - 高光贴图

文章目录Three.js纹理贴图纹理贴图map属性纹理贴图的映射方式texture.Mapping纹理贴图的色彩空间texture.colorSpace中途更新纹理的色彩空间texture.needsUpdate

nuise_·2024-02-01 15:50

使用 Taro 开发鸿蒙原生应用VOL3：快速上手，鸿蒙应用开发指南

本文作为该系列的第三篇，将正式为开发者提供一份完整的鸿蒙应用开发指南，帮助大家使用Taro开发自己的

京东零售技术·2024-02-01 12:22

Three.js使用与踩坑（动画制作导出，Three.js加载模型与动画）

最近比较忙，公司有项目要求要搞WebAR,各种google后，得到结果是ARToolkit库加Three.js库，ARToolkit在这里就不说了，有兴趣的自己百度，或者这里了解一下，WEBAR已经有大牛实现了框架

AngerCow·2024-02-01 10:13

基于LLM的对话式搜索简明教程

新缸中之脑·2024-02-01 09:48

THREE.JS动态场景开发实战【赛博朋克】

在本教程中，我们将探索如何创建类似Three.js的赛博朋克场景，灵感来自Pipe网站上的背景动画。

新缸中之脑·2024-02-01 08:26

实战Vue.js与MySQL：爱心商城项目开发指南

✍✍计算机编程指导师⭐⭐个人介绍：自己非常喜欢研究技术问题！专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。⛽⛽实战项目：有源码或者技术上的问题欢迎在评论区一起讨论交流！⚡⚡Java实战|SpringBoot/SSMPython实战项目|Django微信小程序/安卓实战项目大数据实战项目⚡⚡文末获取源码文章目录⚡⚡文末获取源码爱心商城系统-研究背景爱心商

计算机编程指导师·2024-02-01 08:35

Three.js Layers

Layers对象为Object3D分配1个到32个图层。在内部实现上，每个图层对象被存储为一个bitmask（通过1>>0;}//增加图层对象与参数指定图层的对应关系。enable(channel){this.mask|=1<

爱吃胡萝卜的兔子-T·2024-02-01 04:16

three.js实现分模块添加梦幻bloom辉光光晕--方案二解决分层渲染场景转动显示不正常，修复深度信息丢失层级问题

先上图对比方案1-2-3不同点，本文是方案2方案1(旋转场景情况下发光体不应该遮住另一个，但是遮住了)方案一直通车点击直达方案2（层次正常，发光正常）方案3（层次正常，发光正常，但是转动场景时候部分辉光会被遮挡，但是还算OK）方案三直通车点击直达方案二，解决分层渲染场景转动时显示不正常，修复了深度信息丢失导致的层级问题Document*{margin:0;padding:0;}varyingvec

tangdou369098655·2024-02-01 04:46

three.js shader例子

使用shader绘制五角星线段，mix合并图层五角星线段body{overflow:hidden;padding:0;margin:0;}varyingvec2pos;voidmain(){pos=(vec2(position)+1.0)*0.5;mat4mvp=projectionMatrix*modelViewMatrix;gl_Position=mvp*vec4(position,1.0);

从杰·2024-02-01 04:16

【Three.js】Layers图层的使用

目录前言创建图层对象启用图层关闭图层其他前言Layers对象为Object3D对象分配了1-32个图层，编号为0-31。在内部实现上，每个图层对象被存储为一个bitmask，默认所有Object3D对象都存储在第0个图层上。图层对象可以用于控制对象的显示，和相机处于同一个图层的物体才可以被显示出来。每个继承自Object3D的对象都有一个Object3D.layers对象。Mesh、Camera、

叶子yes·2024-02-01 04:45

【正点原子Linux连载】第三十九章系统烧写 -摘自【正点原子】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）关注正点原子公众号，获取最新资料更新第三十

正点原子·2024-02-01 02:34

Vite+Vue3+TS 引入使用Cesium.js

登录后点击导航栏的AccessToken再右侧即可看到默认Token安装&引入#Cesiumpnpmpnpminstallcesium#如果项目同时存在Three.js需避免使用pnpmThree.js

RyzenVega·2024-02-01 00:01

迅为龙芯2K1000开发板运行Busybox、Buildroot、Loognix、QT5.12系统

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

mucheni·2024-01-31 13:00

three.js 选中模型

模型加载容器webgl,可以是一个非满屏的容器监听鼠标点击事件import{onMounted}from'vue'onMounted(()=>{letdom=document.getElementById('webgl')dom.addEventListener('click',clickFn,false)})functionclickFn(){}通过Raycaster和Vector2，获取模型和

inkbamboo·2024-01-31 11:36

推荐频道

three.js开发指南