three.js开发指南

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

全志R128 SDK HAL 模块开发指南之 LPUART

模块介绍LPUART驱动主要实现设备驱动的底层细节，并为上层提供一套标准的API接口以供使用。模块配置配置路径如下:KernelSetup--->DriversSetup--->SoCHALDrivers--->LPUARTDevices--->[*]enablelpuartdriver源码结构LPUART模块源码结构如下所示：hal/source/lpuart/----驱动源码├──hal_lp
DOT小文哥·2024-02-04 19:19

全志R128 SDK HAL 模块开发指南之HW Spinlock

模块介绍hwspinlock提供一种硬件同步机制，lock操作可以防止多处理器同时处理共享数据。保证数据的一致性。源码结构├──hal_hwspinlock.c├──hwspinlock.h├──Kconfig├──Makefile├──platform│  ├──hwspinlock-sun20iw2.h└──platform-hwspinlock.h模块配置配置路径如下:Thereisnohe
DOT小文哥·2024-02-04 19:49

视频美颜SDK开发指南：从入门到精通的技术实践

美颜SDK是一种强大的工具，它不仅仅可以让用户在实时视频中获得光滑的肌肤和自然的妆容，从简单的滤镜到复杂的人脸识别，美颜SDK涵盖了广泛的技术领域。一、美颜SDK的基本原理美颜SDK包括图像处理、人脸检测和识别、滤镜应用等方面。掌握这些基础知识将为后续的实践奠定基础。二、选择合适的美颜SDK市场上存在许多不同的美颜SDK，每个都有其独特的特点和优势。在选择适合项目的SDK时，需要考虑到性能、稳定性
美狐美颜sdk·2024-02-04 17:24

Threejs 快速入门

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

three.js为何如此奇妙

WebGL是在浏览器中实现三维效果的一套规范，而最初使用WebGL原生的API来写3D程序是一件非常痛苦的事情，在辛苦的付出下WebGL开源框架出现了，其中three.js就是非常优秀的一个，它掩盖了很多麻烦的细节
weixin_30527551·2024-02-04 08:43

cesium three性能比较_mapboxgl + three 动画 — 网格热图

一、前言最近工作上需要实现一个地图动画效果，简单的动画效果，是的，简单；不过在此之前，我并不认为它简单，需要有一点点的webgl、three.js的基础。
weixin_39667801·2024-02-04 08:43

Three.js铅笔手绘效果实现

在这个教程中，我们将学习如何使用Three.js后处理创建铅笔手绘效果。
新缸中之脑·2024-02-04 08:13

three.js学习系列（一）————从概念到构建一个3D场景

Three.js、webGL和Canvas区别Three.js是基于原生WebGL封装的三维引擎。
0斌果0·2024-02-04 08:42

【Canvas】入门 - 实现图形以及图片绘制

功能开发小游戏：微信小游戏开发可视化数据（数据图表化）数据可视化库：百度ECharts、d3.js、three.js、highcharts地图：例如百度地图、高德地图等使用步骤canvas标签介绍标签用于渲染一个画图
且陶陶º·2024-02-04 08:12

three.js 小例子分析

webgl_geometry_extrude_shapes开头的引入js没什么好说//这是鼠标控制的工具接着分析代码varcamera,scene,renderer,controls;init();animate();开头简单例子就帮忙总结了一下three.js
今天又懒得加班·2024-02-04 08:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他