three

1、Three.js 实现元宇宙汽车 3D 模型(网络)

Three.js实现元宇宙汽车3D模型技术采用three.js+React实现。
韩茹_·2023-11-09 02:23

集装箱货物装箱3D模型

使用three，three-orbitcontrols写一个3D的模型，显示货物在集装箱中的分布情况，点击对应的模型会显示模型的信息/*eslint-disablereact/no-array-index-key
qq_2417580538·2023-11-09 02:23

Java中double保留两位小数的各种方法

DecimalFormat，#.00为保留两位小数一、使用BigDecimal的setScale方法doubleone=5.864;BigDecimaltwo=newBigDecimal(one);doublethree
way_more·2023-11-08 23:42

python3编码命名规范_Python编码规范

Python编码规范1排版1.1Indentation缩进在参数过多时适当缩进foo=long_function_name(var_one,var_two,var_three,var_four)deflong_function_name
豆豆豆豆豆豆豆叶·2023-11-08 23:45

Product of Three Numbers（质数&数学）

Problem-1294C-Codeforces解析：首先这个数肯定不是质数，然后找到第一个因子p，对于n/p再判断质数，然后找到另外两个因子即可。注意三个因子不能相同。#includeusingnamespacestd;#defineintlonglongconstintN=2e5+5;intt,n,a[N];boolcheck(intx){if(x<2)returnfalse;for(inti
陈进士学习·2023-11-08 21:14

threejs效果记录

目录1、渐变线2、导入字体3、定义几何体4、tween补间动画5、Sprite粒子（精灵材质）6、Sprite粒子（精灵材质）---下雪7、通过几何体创建点云8、使用环境贴图创建虚假的反光效果9、通过Reflector创建反光镜10、背景用background-image设置11、使用videoTexture用视频作为输出纹理12、纹理offset偏移13、形状缓冲几何体14、自定义形状（墙）15
蛋蛋的老公·2023-11-08 18:54

Three.js测量功能封装--距离、角度与面积

event.clientY;//屏幕Y轴坐标varx=(Sx/window.innerWidth)*2-1;vary=-(Sy/window.innerHeight)*2+1;varstandardVector=newTHREE.Vector3
_Zou·2023-11-08 18:51

Threejs 开发3D地图实践总结

前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。1、法向量问题法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。如果一个顶点被多个三角形共享，共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和。N=N1+N2；所以如果不
weixin_30877493·2023-11-08 18:51

十分钟打造 3D 物理世界

前言在繁忙的业务中，为了缩短设计和开发的周期，我们的H5小游戏更多的会采用2D的视觉风格，但总是一个风格是很无趣的，所以最近搞了一个3D物理游戏的需求，在开发的过程中遇到了不少问题，希望通过这篇文章将关于Three.js
凹凸实验室·2023-11-08 17:46

Three.js 与 Cannon.js 介绍与使用

Three.js基础概念使用Three.js前，首先要理解以下几个核心概念：Sence场景在Three.js中首先需要创建一个三维空间，我们称之为场景。
Zmikoo_zyx·2023-11-08 17:15

[DAY002]考研数学极限的计算知识点与题目总结（二）

ISometimescatchmyselflookigupatthemoon,rememberingthechangesoffortuneinourlongvoyage,thinkingofthethousandsofpeoplewhoworkedtobringthethreeushome.Ilookupatthemoonandwonder
考研的小瓜瓜·2023-11-08 17:43

three获取鼠标点击的物体位置

three获取鼠标点击的物体位置  此文参考了：https://www.cnblogs.com/lst619247/p/9071233.html1.坐标系  我们的手机屏幕是二维的，但是我们展示物体的世界是三维的
闲人不梦卿·2023-11-08 17:07

暑期项目实训:基于webgl(three.js)的牙科数据可视化展示

第一天:本组的选题是“牙科数据的分割与分类及可视化展示平台”。工作主要划分成三块：前端平台页面搭建、算法与数据可视化、后端及数据库。我和另一个同学一起负责算法与数据可视化。根据学长给的demo视频。我们将组内任务分为如下：一、牙科数据可视化（1）CBCT数据、口扫数据可视化（三维数据）其中细分由分为如下功能：三维数据呈现、改变观测视角、光照效果、材质、颜色透明度变换，形成渲染器中的GUI。（2）X
摄录·2023-11-08 17:05

threejs 判断点击的位置是否在点云中

我的点云文件格式是ply，需求是实现点云的测量，标注两个点之后连起来，计算他们的距离；展示点云首先我们需要明白展示点云必须要创建场景，相机，渲染器参考代码vue-3d-modelvue-3d-model是支持3d预览的一个插件但是这个插件并不能满足我们的需求所以我们就自己写了一个/*eslint-disable*/import{Object3D,Vector2,Vector3,Color,Scen
xiaaaa.z·2023-11-08 17:32

Google Earth Engine ——Global Inland Water 数据集显示内陆地表水体，包括淡水和咸水湖泊、河流和水库

includingfreshandsalinelakes,rivers,andreservoirs.FromtheGLS2000epoch,3,650,723km2ofinlandwaterwereidentified,aroundthreequartersofwhichwereinN
此星光明·2023-11-08 17:24

PHP调用api接口，电商平台商品详情API接口（封装可高并发）

3、分别创建one(），two()，three()三个函数用于返回api接口调用后返回的数据。4、在浏览器打开test.php文件，并以GET方式，通过act来传递参数。
API技术大佬Anzexi58·2023-11-08 15:28

threejs (二) 相机

正交相机constcamera=newTHREE.OrthographicCamera(-aspect,aspect,aspect,-aspect,0.1,//进平面1000//远平面);//透视相机创建相机辅助线
小程很努力·2023-11-08 14:38

HackTheBox-Starting Point--Tier 1---Three

文章目录一题目二实验过程一题目TagsWeb、Cloud、CustomApplications、AWS、AWS、Reconnaissance、WebSiteStructureDiscovery、BucketEnumeration、ArbitraryFileUpload、Anonymous/GuestAccess译文：Web、云、定制应用程序、AWS、AWS、侦察、网站结构发现、桶枚举、任意文件上传
七天啊·2023-11-08 13:28

Java代码实现当前时间增加3个月

importjava.time.LocalDate;importjava.time.temporal.TemporalAdjusters;publicclassDateUtils{publicstaticLocalDateaddThreeMonths
期待奔跑·2023-11-08 11:33

three.js点滴yan(整理后)

场景、相机和渲染器Three.js整个系统主要包含场景Scene、相机Camera和WebGL渲染器WebGLRenderer三大块，其中场景又包含模型和光源。
飘然离去·2023-11-08 11:11

个性化联邦学习-综述

介绍阅读的三篇个性化联邦学习的经典综述文章ThreeApproachesforPersonalizationwithApplicationstoFederatedLearning论文地址文章的主要内容介绍了用户聚类
jieHeEternity·2023-11-08 08:41

python自动化零基础入门教程_强大的 Python 任务自动化工具！invoke 十分钟入门指南|python基础教程|python入门|python教程...

nox的作者在去年的PyconUS上，做了一场题为《BreaktheCycle:ThreeexcellentPythontoolstoautomaterepetitivetasks》的分享(B站观看地址
weixin_39863741·2023-11-07 22:46

使用three.js/webgl实现简易地形

本篇以mapbox地形瓦片为例，说明在three.js中使用mapbox地形瓦片的方法。
evomap·2023-11-07 21:26

three.js 制作地球标注的两种方法

一，Sprite精灵标签效果图：//精灵标签--标签永远面向相机functioncreateTxt(position,name){vartexture=newTHREE.CanvasTexture(getCanvasFont
菜鸟驿站2020·2023-11-07 21:26

Threejs实现酷炫3D地球技术点汇总

原文地址：Threejs实现酷炫3D地球技术点汇总在线预览：https://joy1412.cn/online/前言本篇介绍一下如何用Threejs实现一个酷炫的3D地球特效，使用到的技能点如下：星空动态背景地球模型大气层光圈卫星环绕特效经纬度坐标转成
嘟嘟MD·2023-11-07 21:24

Threejs实现3d地球记录（1）

一、基本场景配置1、创建场景constscene=newTHREE.Scene();//创建场景2、创建并配置相机参数各参数详情参考threejs官方文档//THREE.PerspectiveCamera
今天也要攒钱·2023-11-07 21:24

Threejs实现3d地球记录（2）

2、添加地球光圈地球光圈图：//地球光圈functioncreateSprite(R){vartextureLoader=newTHREE.TextureLoader();vartexture=textureLoader.load
今天也要攒钱·2023-11-07 21:24

Threejs实现3d地球记录（4）

三、地球信息流可视化（飞线）1、曲线介绍Three.js基础曲线函数有三种：样条曲线：在三维空间中设置5个顶点，输入三维样条曲线CatmullRomCurve3函数作为参数，然后返回更多个顶点，通过返回的顶点数据
今天也要攒钱·2023-11-07 21:24

使用 Threejs 从基础开始构建 3D 地球

需求threejs学习-3D地球实现：1、使用粒子效果模拟宇宙星空2、贴图、模型等资源的加载3、加载资源的监听4、效果合成器EffectComposer的初级使用5、在地球上设置坐标以及坐标涟漪动画6、
Best_卡卡·2023-11-07 21:53

css排版—— 一篇优雅的文章（中英文） vs 聊天框的特别排版

Ihaveaoneweekholiday.Ireallyexpecttoit,becauseitwanttohaveashorttripduringthesedays.IwilltraveltoJiuzhaiValleywithmyparentsforthreedays.Ihaveheardthatthescen
朝阳39·2023-11-07 20:25

json 数据封装 ,多层嵌套

newfuDemo();2:创建第二层pojo封装实体类ziDemoziDemo=newziDemo();fuDemo.oneList(ziDemo);fuDemo.twoList(ziDemo);fuDemo.threeList
成功在于开始·2023-11-07 14:52

三数之和(Java实现)

=2.双指针算法==解题思路：====注意点====复杂度==Problem:15.三数之和思路1.暴力算法2.双指针算法1.暴力算法(超出时间限制)classSolution{publicList>threeSum
书生－w·2023-11-07 13:54

埃隆马斯克_比尔·盖茨，埃隆·马斯克和斯蒂芬·霍金的警告

埃隆马斯克Herearethreelinksworthyourtime:这是三个值得您花费时间的链接：ThisweekendBillGatesandElonMuskbothwarnedusabouttheonethingpoliticiansaretooscaredtotalkabout
cumifi2519·2023-11-07 13:51

16. 3Sum Closest

Givenanintegerarraynumsoflengthnandanintegertarget,findthreeintegersinnumssuchthatthesumisclosesttotarget.Returnthesumofthethreeintegers.Youmayassumethateachinputwouldhaveexactlyonesolution.Example1
lilibaobao89·2023-11-07 12:45

three.js CSS3DRenderer报错 is not a constructor

import{CSS3DRenderer,CSS3DObject,}from"three/examples/jsm/renderers/CSS3DRenderer";letcss3DRenderer=newCSS3DRenderer
Douias·2023-11-07 06:14

使用 three.js 中的 CSS3DRenderer 实现 3d 卡片的效果

第二次尝试有了第一次失败的经历，果断老实选择使用three.js来实现3d效果。但为什么选择使用CSS3DRenderer实现，可能是相中了CSS3DRenderer与CSS有关联。
weixin_34007020·2023-11-07 06:42

Threejs进阶之五：使用CSS2DRenderer给模型添加HTML标签

这一节给场景中的模型添加标签，想实现的效果是，通过鼠标点击场景中摩托车的某个部位，则在场景中出现一个标签，并在标签上显示该部位的信息。最终的效果图如下：要实现上面的效果，需要用到CSS2D渲染器，先来了解下CSS2D渲染器CSS2DRenderer(CSS2D渲染器)CSS2DRenderer（CSS2D渲染器）可以把HTML元素作为标签标注到三维场景中，CSS2DRenderer是CSS3DRe
九仞山·2023-11-07 06:42

Threejs进阶之七：使用CSS3DRenderer渲染HTML标签

前面我们实现了通过使用CSS2DRenderer给模型添加HTML标签的效果，渲染出来后我们发现当我们缩放鼠标时，渲染的HTML标签并不会跟着场景缩放，这是因为CSS2DRenderer渲染的标签默认保持自身像素值。官方文档中也提到了，CSS2DRenderer是CSS3DRenderer（CSS3D渲染器）的简化版本，它唯一支持的变换就是位移。所以，它不支持缩放等功能。这一节我们来了解下使用CS
九仞山·2023-11-07 06:12

THREE.JS CSS2DRenderer/CSS3DRenderer 模型增加标签

一、原理：three.js中有关于CSS3DRenderer的描写，如下图：只是看这部分内容可能还是云里雾里，其实就是说：three有自己的方法，把页面上的DOM元素转化为一种可以被加载到场景里面的元素
莫，imma·2023-11-07 06:40

使用CSS2DRenderer在3D项目中创建Label标签并添加点击事件（代替鼠标射线检测）

/libs/threejs/jsm/renderers/CSS2DRenderer.js";varcamera,scene,renderer,labelRenderer;创建场景相机灯光加载模型等代码省略创建渲染器的同时创建一个
Zmikoo_zyx·2023-11-07 06:10

three加入CSS2DRenderer后产生冲突的解决方法

letlabelRenderer=newCSS2DRenderer();labelRenderer.domElement.style.pointerEvents='none';pointer-events:none—元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶触发父元素的事
跑错行的人·2023-11-07 06:10

ThreeJs CSS2DRenderer、OrbitControls 鼠标事件问题

一、场景A：在ThreeJs3D场景中国使用CSS2DRenderer渲染Html元素，OrbitControls功能失效原因分析：CSS2DRenderer渲染器会在页面渲染出一个Div，里面包含自定义的
小卡雷尔·2023-11-07 06:09

threejs 添加 CSS2DRenderer 导致 OrbitControls 控制器不能移动

threejs添加CSS2DRenderer导致OrbitControls控制器不能移动标签渲染器CSS2DRenderer会创建出一个div元素，有时因为位置原因导致OrbitControls不能移动
超级小白猿·2023-11-07 06:38

使用three.js和CSS3DRenderer.js构建3D空间图片

分为两个部分，html部分和js引入部分，自己感兴趣也可以去three.js官网看，都有源码three.jsgitHub库地址：https://github.com/mrdoob/three.jsthree.js
小白的蓝色生活·2023-11-07 06:08

threejs CSS3DRenderer添加标签并设置朝向摄像机

一.由于CSS3DRenderer是附加组件，必须显式导入import{CSS3DRenderer,CSS3DObject}from'three/examples/jsm/renderers/CSS3DRenderer.js
给你六圆钱·2023-11-07 06:36

threejs(9)-应用物理引擎设置物体相互作用

一、认识物理引擎与cannon安装Cannon.js是一个开源的3D物理引擎，用于在WebGL中创建3D物理模拟。它提供了一个灵活的API，可以应用于许多WebGL场景。我们需要了解一些基本概念，包括物理实体、碰撞、物理变换、物理世界和物理实体之间的约束等。官网：https://pmndrs.github.io/cannon-es/npm:https://www.npmjs.com/package
拾荒李·2023-11-07 03:35

threejs(10)-WEBGL与GPU渲染原理（难点）后期再消化亦可

一、渲染管线WebGL是什么WebGL(Web图形库)是一个JavaScriptAPI,可在任何兼容的Web浏览器中渲染高性能的交互式3D和2D图形,而无需使用插件。WebGL通过引入一个与OpenGLES2.0非常一致的API来做到这一点,该API可以在HTML5元素中使用。这种一致性使API可以利用用户设备提供的硬件图形加速。WebGL发展史WebGL的发展最早要追溯到2006年,WebGL起
拾荒李·2023-11-07 03:35

three.js学习ing+日照效果

Three.js是基于原生WebGL封装运行的三维引擎webGLthree.js1.下载npm1.可旋转立方体可旋转立方体群日照webGLwebGL(web图形库)是一个中JavaScriptAPI，用于在
西瓜味白桃汽水·2023-11-06 23:41

基于three.js构建3D全景图

以最简单的方式实现3D全景色import*asTHREEfrom'three'import{OrbitControls}from'.
我的征途是星辰大海1992·2023-11-06 23:39

three.js 航拍全景图(+陀螺仪)

3.标注完成后点击上传按钮)import*asTHREEfrom"three";import{OrbitControls}from"three/example
西瓜味白桃汽水·2023-11-06 23:04
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他