three.js开发指南

【Three.js】前端从零开始学习 threejs：创建第一个 threejs3D 页面

课程和学习大纲对应的课程在这里：Threejs教程、2023最新最全最详细Threejs教程、零基础Threejs最详细教程（已完结）学习知识要点思维导图：官网和文档的使用three.js官网如果无法访问
努力挣钱的小鑫·2024-02-19 12:14

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

视频视频是非常重要的视觉信息来源，它是视觉处理过程中经常要处理的一类信号。实际上，视频是由一系列图像构成，这一系列的图像被称为帧，帧是以固定时间间隔从视频中获取的。获取帧的速度称为帧速率，其单位通常使用“帧率/每秒”表示，代表在1秒内所出现的帧数，也就是游戏迷称为的FPS。如果我们从视频中提取出独立的帧，就可以使用图像处理的方法对其进行处理，达到处理视频的目的。VideoCapture类在Open
极客学编程·2024-02-15 02:17

基于babylon.js的3D网页游戏从零教程

Unity（Unity2018.2开始已经彻底弃用js，使用C#）Three.js（比较底层的框架，只是一个渲染器，复杂的游戏互动需要找合适的插件）PlayCanvas（可视化编辑器，走设计的workflow
weixin_33698043·2024-02-14 23:50

从Unity到Three.js（计时器、Transform）

计时器、模型对象平移函数、枚举定义的使用对应unity中的一些常用功能import*asTHREEfrom'three';constscene=newTHREE.Scene();constcamera=newTHREE.PerspectiveCamera(60,window.innerWidth/window.innerHeight,0.1,1000);constrenderer=newTHREE
chillxiaohan·2024-02-14 23:18

ESP32 (经典蓝牙 SPP)-蓝牙学习(9)

吐血推荐历史最全的蓝牙协议栈介绍BluetoothGAP介绍蓝牙设备配对的四种方式ESP32蓝牙开发：开发指南ESP32学习笔记十七之蓝牙通信-Bluetooth文章目录一、ESP32蓝牙介绍二、硬件三
请叫我啸鹏·2024-02-14 07:52

three.js 细一万倍教程 从入门到精通（三）

目录五、详解PBR材质纹理5.1、详解PBR物理渲染5.2、标准网格材质与光照物理效果5.3、置换贴图与顶点细分设置5.4、设置粗糙度与粗糙度贴图5.5、设置金属度与金属贴图5.6、法线贴图应用5.7、如何获取各种类型纹理贴图5.8、纹理加载进度情况单张图片加载多张图片加载5.9、详解环境贴图5.10、经纬线映射贴图与HDR经纬线映射贴图HDR六、详解灯光与阴影6.1、灯光与阴影的关系与设置6.2
编程抗氧化·2024-02-14 03:50

本地搭建three.js官方文档

因为three.js官网文档是国外的网站，所以你没有魔法的情况下打开会很慢，这时我们需要在本地搭建一个官方文档便于我们学习查看。
编程抗氧化·2024-02-14 03:50

Excel一键导入导出-EasyPOI

EasyPOI简介官网：http://www.wupaas.com/开发指南：http://doc.wupaas.com/docs/easypoi/easypoi-1c0u4mo8p4ro8
奇遇少年·2024-02-13 16:42

Mac开发指南

文章目录1前期准备1.1brew1.2tmux1前期准备1.1brew用于下载软件ubuntu用apt-getmac用brew/bin/zsh-c"$(curl-fsSLhttps://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"1.2tmux
EEPI·2024-02-13 10:18

vue3 composition api入门教程

本文首发于前端开发指南，更多高质量文章可以前往查看，值得收藏！vuecompositionapi解决了什么问题？随着应用功能的持续迭代
imkelen·2024-02-13 00:26

three.js 细一万倍教程 从入门到精通（二）

目录三、全面认识three.js物体3.1、掌握几何体顶点_UV_法向属性3.2、BufferGeometry设置顶点创建矩形3.3、生成酷炫三角形科技物体四、详解材质与纹理4.1、初识材质与纹理4.2
编程抗氧化·2024-02-12 23:20

three.js 细一万倍教程 从入门到精通（一）

目录一、three.js开发环境搭建1.1、使用parcel搭建开发环境1.2、使用three.js渲染第一个场景和物体1.3、轨道控制器查看物体二、three.js辅助设置2.1、添加坐标轴辅助器2.2
编程抗氧化·2024-02-12 23:49

Unity动画转Three.js动画

一：应用场景在工作中，由于算法给到的动画文件是Unity的.anim格式动画文件，这个格式不能直接在Web端用Three.js引擎运行。
神小夜·2024-02-12 04:07

从Unity到Three.js（画线组件line）

JavaScript0基础，只是照着官方文档临摹了下，之后有时间再进行细节学习和功能封装。import*asTHREEfrom'three';//引入threejsconstrenderer=newTHREE.WebGLRenderer();//创建渲染器//设置渲染范围，当前撑满全屏,屏幕左上角是（0，0）letwidth=window.innerWidth;letheight=window.i
chillxiaohan·2024-02-12 04:37

从Unity到Three.js（安装启动）

虽然大多数问题都可以找到解决方案，但是最后也只能停在解决问题的程度，算不上是一个完美方案，因此想接触下three.js，开个系列记录下，一个0基础js的unity开发人员学习three.js的过程
chillxiaohan·2024-02-12 04:07

从Unity到Three.js（模型文件加载）

模型加载功能探索，用blender导出了个glb格式的cube进行的测试。初接触js语法，回调注册的地方直接使用匿名函数总感觉脑子跟不上，反应不过来，就把加载后的回调简单封装了下，官方文档是直接使用的匿名函数。另外看官方文档对模型加载功能描述，感觉实战中会遇到很多坑，等之后遇到再详细研究，这次只记录基础功能。import*asTHREEfrom'three'import{GLTFLoader}fr
chillxiaohan·2024-02-12 04:06

OurBMC 社区贡献指南之 U-Boot 开发指南

U-Boot开发指南1.编译(Linux环境)1.1获取工程源码$gitclonehttps://gitee.com/ourbmc/uboot1.2编译（1）进入工程根目录$cdu-boot/（2）选择默认配置
·2024-02-11 18:46

OurBMC 社区贡献指南之 OpenBMC 开发指南

OpenBMC开发指南本文档介绍OpenBMC定制化构建的步骤。
·2024-02-11 18:14

H5直接唤起高德地图导航APP和唤起百度地图导航APP

1.百度地图官方文档：地图调起API|百度地图APISDK2.高德地图官方文档：路径规划-Android-开发指南-高德地图手机版|高德地图APIif(val.name=='高德'){//手机获取的是百度坐标
wwf1225·2024-02-10 16:00

ArcGIS JS API+Three.js实现下雪特效

本示例效果实现的原理是利用Three.js创建我们自定
travelclover·2024-02-10 13:43

three.js库学习（一）

three.js官网Three.js中文网(webgl3d.cn)笔记学习记录近期在做VR视觉3D模型渲染，因而需要进行three.js的库学习，新建个文集做下笔记，为了后期工作上便于翻阅。
听书先生·2024-02-09 18:52

Three.js开发：环境贴图效果

Three.js支持环境贴图效果，通过设置场景的背景（background），增强显示效果，环境贴图一般使用全景图，分成6张图片，以立体贴图（CubeTexture）的方式进行加载。
GIS技术杂谈·2024-02-09 13:44

Three.js导出gltf模型

Three.js支持将场景导出成gltf（glb）格式三维模型，以文件的形式进行存储，下面以代码的形式说明，如何将场景导出模型。
GIS技术杂谈·2024-02-09 13:14

MaxKey 单点登录认证系统——前端后端合并步骤

开发指南|MaxKey单点登录认证系统该项目前端是Angular项目，后端是springboot项目以maxkey-web-app前后端合并为例构建MaxKey统一认证前端maxkey-web-frontend
努力的Ethan·2024-02-09 03:46

Three.js学习8：基础贴图

一、贴图贴图（TextureMapping），也翻译为纹理映射，“贴图”这个翻译更直观。贴图，就是把图片贴在3D物体材质的表面，让它具有一定的纹理，来为3D物体添加细节的一种方法。这使我们能够添加表面细节，而无需将这些细节建模到我们的3D对象中，从而大大精简3D模型的多边形边数，提高模型渲染性能。二、准备基础代码在场景里创建一个立方体。为了方便观察效果，还添加了网格辅助和轨道控制器。HTML：{"
stones4zd·2024-02-09 02:08

three.js 箭头ArrowHelper的实践应用

效果：代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";exportdefault{data(){return{sphereGeometry:null,group:null,camera:null,mesh:null,renderer:null
汉武大帝··2024-02-08 19:30

three.js 匀速动画(向量表示速度)

效果：代码：1.匀速动画(向量表示速度)//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{E
汉武大帝··2024-02-08 19:30

【Three.js】创建CAD标注线

目录前言创建箭头对象创建文字箭头两端的线段✈️封装方法前言CAD标注线在工程和制造领域中被广泛用于标记零部件、装配体和机械系统的尺寸、距离、角度等信息。它们帮助工程师和设计师更好地理解设计要求，并确保制造的准确性。在三维场景中添加标注线使得设计更加直观。人们可以在一个真实的三维环境中看到物体的形状、大小和相互关系，相比于传统的二维图纸，更容易理解和把握设计意图。下面是一个简单的效果图：要创建上图所
叶子yes·2024-02-08 19:29

three.js 向量方向(归一化.normalize)

效果：沿着AB方向移动100重置已知直线AB上两个坐标，A点(-50,0,-50)、B点(100,0,100)。物体默认在A点，希望从A点开始沿着直线AB移动距离100,单位向量每个分量乘以100，得到的向量长度就是100，相当于得到一个沿着AB方向移动100的向量，这就是单位向量的意义，单位向量长度位1，乘以任何一个值S，就可以得到一个长度为S的向量。//引入轨道控制器扩展库OrbitContr
汉武大帝··2024-02-08 19:28

Three.js学习7：dat.GUI 参数控制

每个学Three.js的都被安利了dat.GUI吧？我也不例外！今天就来了学习下dat.GUI，并记录下来自己的学习成果。一、什么是dat.GUI?
stones4zd·2024-02-08 13:06

vuecli引入vue-amap地图组件（高德地图SDK）

指南：组件|vue-amap1、前往高德开放平台注册开发者账号，在控制台申请Key高德开放平台：高德开放平台|高德地图API申请Key：获取Key-创建工程-开发指南-Web服务API|高德地图API2
shawxlee·2024-02-08 10:23

微信自动预约小程序开发指南：从小白到专家

随着互联网的发展，小程序已经成为了一个备受欢迎的在线预约平台。本文将详细介绍如何使用第三方制作平台，如乔拓云网，来搭建一个从入门到精通的预约小程序。首先，我们需要登录乔拓云网，并选择一个适合自己的小程序模板。在挑选模板时，我们需要考虑模板的适用场景和功能，以及模板的外观和风格是否符合我们的需求。选择好模板后，点击【进入设计小程序页面】。在设计小程序页面中，我们可以选择合适的模板进行编辑。编辑的内容
SanjianZh·2024-02-08 06:31

人脸检测---OpenCV-Python开发指南（41）

人脸检测函数在OpenCV中，人脸检测使用的函数是cv2.CascadeClassifier.detectMultiScale()，它可以检测图像中所有的人脸。其完整定义如下：defdetectMultiScale(self,image,scaleFactor=None,minNeighbors=None,flags=None,minSize=None,maxSize=None):image：待检
极客学编程·2024-02-08 01:51

Three.js蒙皮骨骼变化原理 | 逆推蒙皮网格的世界位置

文章目录关于蒙皮的GPU计算：源码解析转换成CPU可执行的代码:法线部分蒙皮骨骼的变化是在GPU中进行的，所以像获取静态物体一样获取geometry.position是不行的查看当前版本（r160）的shader关于蒙皮的GPU计算：uniformmat4bindMatrix;uniformmat4bindMatrixInverse;uniformhighpsampler2DboneTexture
Jedi Hongbin·2024-02-07 21:48

基于Three.js的360X180度全景图预览插件 （踩坑篇）

HTML结构可以创建一个空的来放置全景图，通过CSS来设置它的尺寸。复制代码初始化插件要初始化该全景图插件，可以创建一个新的PhotoSphereViewer对象，然后在这个对象中插入一个参数对象，有两个参数是必须设置的：varPSV=newPhotoSphereViewer({//Pathtothepanoramapanorama:'1.jpg',//Containercontainer:div
无名小码农·2024-02-07 18:41

大坑！react+thress.js

2.UI交互界面与Canvas画布叠加|Three.js中文网(webgl3d.cn)//canvas画布绝对定位renderer.domElement.style.position='absolute
前端小菜鸟也有人起·2024-02-07 16:58

three.js通过相机控件轨道控制器找到合适的相机位置或观察目标

functionrender(){//渲染循环中不停地打印相机的位置属性，你可以通过相机控件旋转或缩放三维场景，同时通过浏览器控制台观察相机位置变化。//console.log('camera.position',camera.position);//浏览器控制台查看controls.target变化，辅助设置lookAt参数//console.log('controls.target',cont
前端小菜鸟也有人起·2024-02-07 16:58

three.js 渲染.obj模型

通过引入外部文件渲染模型和使用内部模型对象的方式是一样的，只不过需要使用内部方法先将文件解析为group，再添加到场景中scene.add(group)加载.obj模型，需要使用MTLLoader和OBJLoader，我们先引入//解析.obj模型import{OBJLoader}from'three/examples/jsm/loaders/OBJLoader'//解析.mtl材质import{
inkbamboo·2024-02-07 10:07

顶点索引BufferGeometry.index复用顶点数据

顶点索引BufferGeometry.index复用顶点数据本文是Three.js电子书的2.4节通过几何体BufferGeometry的顶点索引属性BufferGeometry.index可以设置几何体顶点索引数据
Threejs可视化·2024-02-07 10:50

Kuberntes权威指南

一、目录二、Kubernetes入门三、Kubernetes核心原理四、Kubernetes开发指南五、Kubernetes运维指南六、Kubernetes高级案例进阶七、Kubernetes源码导读
程序员的人生K·2024-02-07 03:04

three.js 限制模型旋转角度 不漏出模型的底部

如果是orbitcontrol有属性的改这两个就可以controls.minPolarAnglecontrols.maxPolarAngle
猴猴不是猴·2024-02-06 20:15

Three.js学习5：场景

能够控制在什么地方、摆放什么东西来交给three.js来渲染。能够放置物体、灯光和摄像机的地方。Three.js场景主要分为两类：Scene：普通场景。Frog：雾。
stones4zd·2024-02-06 10:31

Three.js学习6：透视相机和正交相机

Three.js里，相机camera里的内容就是用户能看到的内容。从这个角度来看，相机其实就是用户的视野，就像用户的眼睛。
stones4zd·2024-02-06 10:54

微信自动预约小程序开发指南：从小白到专家

在数字化时代，预约小程序已成为各类服务行业的必备工具。本文将指导你从零开始，通过第三方小程序制作平台，顺利开发出一款具有预约功能的实用小程序。第一步：注册登录第三方小程序制作平台首先，你需要选择一个适合你的小程序制作平台或工具，例如乔拓云平台。在平台上注册并登录你的账户，以开始你的开发之旅。第二步：进入平台后台，创建小程序登陆后，进入平台的后台管理界面。在此处，你可以找到【轻应用小程序】的选项，点
lin13600956163·2024-02-06 06:55

实践：微服务版本升级步骤以及maven仓库相关概念

开发指南：本地:我们在开发的
酱学编程·2024-02-06 04:17

2024年1月Java项目开发指南15：vue3+AntDesignVue 设计页面

考虑到有的同学对vue3不熟悉，因此，我把ControlView.vue这个页面清空，我们从0开始写。搭建页面的基本框架展开代码后复制你需要的代码。比如我选择上中下这种结构，我就复制上中下这种结构的代码运行查看效果显然，这个样式依旧有一点问题，需要我们补充一点样式。我们希望他他占满整个页面(100vh)引用组件Header设计关于header的布局，我们使用ant-design-vue中的栅格组件
萌狼蓝天·2024-02-05 03:26

2024年1月Java项目开发指南16：用户自由选择字段查询、是否模糊查询

我们希望用户可以自己控制是否要模糊查询用户可以自由的选择字段去查询。如上图，我在前端页面准备了多选框：决定是否模糊查询。(TrueorFalse)下拉选择框：决定要查询关键词的所属字段输入框：决定关键词按钮：发起请求肯定要传参数的，所有这个接口请求方式设置为Post。考虑到方便接收参数，我们使用post的param方式传参(不了解这个的可以看我之前的笔记https://www.cnblogs.co
萌狼蓝天·2024-02-05 03:55

Camel组件-Rest组件

rest组件使用开发指南springboot项目中引入相关依赖：org.apache.camel.springboo
jackliu99999·2024-02-05 02:32

《Oracle PL/SQL开发指南》学习笔记18——Language Fundamentals （Review Section，Mastery Check）

这章的语义单元是个非常重要的概念。语义单元（LexicalUnits）ReviewSectionThissectionhasdescribedthefollowingpointsaboutcharacterandlexicalunits:1.Lexicalunitsarethebasicbuildingblocksinprogramminglanguages,andtheycanbedelimit
预见未来to50·2024-02-04 23:25

DataEaseV2开发指南

1、环境搭建（Windows环境）Java安装环境要求：Java17。下载地址：https://download.oracle.com/java/17/latest/jdk-17_windows-x64_bin.exe。点击安装，并且设置要环境变量（网上很多，不过多赘述），并检查Java是否正确安装（打开电脑CMD，输入java-version，查看是否能够正常输出）。Maven安装下载地址：ht
honey琛·2024-02-04 22:20
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他