【WebGL】Three.js 第4页

【WebGL】Three.js

Cesium开发高级篇 | 01空间数据可视化之Primitive

在使用PrimitiveAPI之前，您最好具备WebGL基础知识，如果对WebGL不是太了解，建议先学习《WebGL编程指南》这本书。Primitive介绍1.Primitive组成Pr

暮紫月升·2024-02-01 14:16

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

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

unity（WebGL）把截图保存下载到本地

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、编写jslib二、c#代码1.引入插件2.测试调用总结前言提示：这里可以添加本文要记录的大概内容：尊重原著:原文链接:https://blog.csdn.net/Wrinkle2017/article/details/117660124以下方法都可以搭配本文使用：截图的方法：链接:unity自由框选截图（两种方法，亲测

野区捕龙为宠·2024-02-01 00:52

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

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

RyzenVega·2024-02-01 00:01

three.js 选中模型

模型加载容器webgl,可以是一个非满屏的容器监听鼠标点击事件import{onMounted}from'vue'onMounted(()=>{letdom=document.getElementById

inkbamboo·2024-01-31 11:36

搭建WebGL开发环境

前言本篇文章介绍如何搭建WebGL开发环境WebGLWebGL的技术规范继承自免费和开源的OpenGLES标准，从某种意义上说，WebGL就是Web版的OpenGLES，而OpenGLES是从OpenGL

SauronKing·2024-01-31 10:00

360°旋转全景照片

1、在线TPano全景照片查看器：https://push_0x57df.gitee.io/tpano/example/这个软件可以把全景图生成可以360°旋转的html2、jq22在线插件(基于three.js

仿佛若有光318·2024-01-31 04:33

WebGL开发项目的类型

WebGL（WebGraphicsLibrary）是一种用于在Web浏览器中渲染交互式3D和2D图形的JavaScriptAPI。

super_Dev_OP·2024-01-31 04:41

WebGL开发艺术和创意项目

WebGL提供了强大的图形渲染能力，可以用于开发各种艺术和创意项目。以下是一些使用WebGL开发艺术和创意项目的示例，希望对大家有所帮助。1.交互式艺术品：利用WebGL，可以创建具有交互性的艺术品。

super_Dev_OP·2024-01-31 04:41

Threejs 展示——坐标间的转换

文章目录坐标系世界坐标系（WorldCoordinateSystem）：屏幕坐标系（ScreenCoordinateSystem）：相机坐标系（CameraCoordinateSystem）：坐标系之间的转换在Three.js

博客zhu虎康·2024-01-31 00:58

three.js学习笔记(二十一)——页面加载进度条

介绍到目前为止，我们页面上只有一块WebGL画布，当其准备好后就即刻显示出来。本次课程将学习如何添加一个简单的条状加载器，在加载资源时进行填充。场景将为黑色，只有在全部内容加载完毕才淡出显示。

hongsir_12·2024-01-30 20:36

Unity-WebGL

问题：提示gzip压缩报错解决：关闭打包的地方压缩，如下图问题：窗口未全屏解决：使用百分比画布替换固定尺寸画布参考：新版Unity打包Webgl端进行屏幕自适应_unitywebgl分辨率自适应-CSDN

Dongo2·2024-01-30 18:12

ThreeJS快速入门指南

Three.js介绍Three.js是一个开源的应用级3DJavaScript库，可以让开发者在网页上创建3D体验。

诸葛亮的芭蕉扇·2024-01-30 09:52

259：vue+openlayers: 显示海量多边形数据，10ms加载完成

第259个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers项目中通过WebGLVectorLayerRenderer方式加载海量多边形数据。

还是大剑师兰特·2024-01-29 15:32

WebGL开发数字孪生系统

使用WebGL开发数字孪生系统通常涉及以下步骤。WebGL是一种用于在浏览器中实现3D图形渲染的JavaScriptAPI，它可以用于创建交互性强、高度可视化的数字孪生系统。

super_Dev_OP·2024-01-29 11:59

WebGL技术开发框架

WebGL技术框架是一些提供了便捷API和工具的库，用于简化和加速在Web浏览器中使用WebGL进行3D图形开发。以下是一些常用的WebGL技术框架，希望对大家有所帮助。

super_Dev_OP·2024-01-29 11:57

three.js 鼠标选中模型弹出标签

效果：请关注抖音代码：//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作器import{EffectComp

汉武大帝··2024-01-29 05:54

three.js使用轨道控件OrbitControls控制相机(vue中使用three.js65)

使用轨道控件OrbitControls控制相机1.demo效果2.OrbitControls介绍3.实现要点3.1vue中引入OrbitControls控制器3.2创建轨道控件实例3.3render中更新轨道控件4.demo代码1.demo效果如上图，该demo通过轨道控件OrbitControls控制相机。实现按住鼠标左键旋转物体，按住鼠标右键平移物体，滚动滚轮缩放物体，还可以通过方向键移动物体

点燃火柴·2024-01-29 04:43

【Three.js】创建一个三维场景

目录前言Three.js环境搭建安装导入创建一个场景准备一个dom容器创建场景、相机和渲染器创建立方体渲染场景创建轨道控制器完整代码前言Three.js是一个用于创建WebGL渲染的JavaScript

叶子yes·2024-01-29 04:12

THREE.js控制器OrbitControls控制物体旋转

因为OrbitControls控制器控制的是相机移动，移动后旋转的也是相机，观察物体时移动后旋转会跑到其他位置，做了一点小修改使之变为物体自身旋转。THREE.OrbitControls=function(object,domElement){this.object=object;varmodel=null;this.model=model;varmodelstartx=newTHREE.Vect

艾黎先生·2024-01-29 04:12

three.js 轨道控制器的常用属性和初始化（OrbitControls）

1.认识轨道控制器控制器是three的外置包，通过引入，可以对模型进行鼠标的某些操作，例：拖放。旋转，放大。缩小。还有一些其他属性：比如模型的自转。2.初始化控制器（常用属性详解）首先引入外部包初始化varcontrols=newTHREE.OrbitControls(camera,renderer.domElement);//建立控制器controls.target=newTHREE.Vecto

three小白白·2024-01-29 04:12

【Three.js】轨道控制器（OrbitControls）的使用

目录引入使用1、创建轨道控制器2、交互事件3、控制物体自动旋转4、启用阻尼（惯性）5、禁止平移6、禁止旋转完全禁止旋转禁止垂直旋转禁止水平旋转7、禁止缩放控制相机缩放范围8、设置轨道控制器焦点9、将控制器重置为某个状态10、其他方法引入轨道控制器可以使得相机围绕目标进行轨道运动。轨道控制器功能不可以通过three模块来直接访问，需要从example/jsm子目录下导入。import{OrbitCo

叶子yes·2024-01-29 04:42

【Three.js】画布自适应大小与全屏

目录画布自适应大小全屏实现画布自适应大小在Three.js中，要使画布能够自适应窗口大小的变化，需要在窗口大小变化时更新相关的渲染器、摄像机等参数。

叶子yes·2024-01-29 04:42

【WebGPU】简介和开始

在WebGPU出现之前，有一个WebGL，它提供了WebGPU的部分功能。它开创了一种新的富媒体Web内容类别，并且开发者也利用它构建了许多精彩的内容。

prinTao·2024-01-28 22:21

关于three.js在使用transformControl后的卡顿问题

关于three.js在使用transformControl后的卡顿问题问题描述问题分析找到问题,分析为什么会造成这个问题?

踏过山河，踏过海·2024-01-27 21:55

如何使用three.js集成令人羡慕的局部坐标系

如何使用three.js集成令人羡慕的局部坐标系示例官方源码阅读源码剥离源码中的功能分析...检查自己到底学会了没有,最简单的办法就是看你能不自己写出一个新的例子!!!

踏过山河，踏过海·2024-01-26 06:44

three.js加载的stl模型的坐标位置(postion)与boundingbox计算的位置不一致怎么办?

three.js加载的stl模型的坐标位置[postion]与boundingbox计算的位置不一致怎么办?

踏过山河，踏过海·2024-01-26 06:44

three.js中Meshline库的使用

three.js中Meshline的使用库的地址为什么要使用MeshLine,three.js内置的线不好用吗?

踏过山河，踏过海·2024-01-26 06:33

Cannon.js -- 3d物理引擎

文章目录前言一、关于Cannon.js二、Cannon.js的使用最后注意点：优化事件其他本文完整代码下载：相关链接：前言本篇将介绍Cannon.js--3d物理引擎的基础使用，并用Cannon.js与three.js

acqui~Zhang·2024-01-26 00:02

vue3.0项目引入three.js的方式(vue中使用three.js01)

vue中引入three.js有两种方式1.在index.html文件中引入2.通过npm下载依赖包引入注：以下操作是vue-cli3.0的引入的实现步骤下载依赖包npminstall--sthree配置文件设置在项目目录下创建

点燃火柴·2024-01-25 02:43

二、什么是WebGL，它是一种3D绘图协议

度娘一下：WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript

柳暗花明又一匪·2024-01-24 20:09

Tween.js 使用文档 --- Three.js

Tween.js官网文档：tween.jsuserguide|tween.js(tweenjs.github.io)Tween.js基本使用1.引入Tween.jsimportTWEENfrom"./tween.js-master/dist/tween.esm.js"2.定义基本Tween动画目的：将model模型的位置，从原来的(0,0,0)位置，经过1s移动到(20,50,30)的位置。模式一

城南已开979·2024-01-24 17:38

three.js 点击交互事件含解决点击的物体与看到的不一致问题（非全屏/多边形偏移）

在three.js中，可以通过添加事件监听器来实现点击交互事件。具体步骤如下：1.获取场景中的所有物体，并为每个物体添加一个点击事件监听器。

城南已开979·2024-01-24 17:07

有关 Access to image at ‘file:‘ from origin ‘null‘ has been blocked by CORS policy 的解决办法

有关Accesstoimageat‘file:’fromorigin‘null’hasbeenblockedbyCORSpolicy的解决办法在使用Three.js库完成数字孪生的课题中，遇到加载本地图片报错的问题

夏目一树·2024-01-24 14:12

Three.js 的组件库react-three-fiber和react-three-drei

类似于这种字体，可以用Text或者Text3d，但是要处理一个问题，就是要保证字体一直正面视角。这中间的处理比较的麻烦，于是可以使用react-three-drei中的Html来做这件事{warnTitle}{warnText}

左&耳·2024-01-24 12:20

THREE.js 导入glTF文件，界面中不展示模型

现象通过GLTFLoader导入，再用scene.add(gltf.scene)，界面中没有展示模型。控制台没有报错。glTF从blender中导出，不是压缩的，不用DRACOLoader处理。导入代码import{GLTFLoader}from'three/examples/jsm/loaders/GLTFLoader';exportasyncfunctionloadGLTF(){constlo

JA+·2024-01-24 07:19

javascript事件

从小程序到各种混合开发的解决方案，从vue，react到angular，从canvas到three.js甚至webgl，从cmd到nodejs，从gulp到webpack，各种技术让人眼花缭乱，感觉学不过来了有没有

特例独爬的蜗牛·2024-01-24 05:37

【笔记】Unity webgl 输入中文

UnityWebGL中文输入和全屏问题_鑫毒季的博客-CSDN博客插件资源来自上面这位兄台的分享。操作如下：1、将WebGLInput脚本挂在InputField组件上。

zjh_368·2024-01-23 19:04

Application.ExternalCall 已过时另一种unity脚本调用JS的方法

我现在用的unity2018版本的调用JS的API：Application.ExternalCall过时了，官方给出了另一种方案：https://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html

阳光下的大嘴猴王·2024-01-23 19:34

Webgl开发输入框兼容问题及开发注意的问题

Webgl开发输入框【InputField组件】输入中文说明解决方案一通过重写原生的InputField组件来兼容解决方案二通过打包后自己定义JS总结说明最近一直再搞WEBGL平台的项目，花了好几天解决

不为誰而做的程序员_·2024-01-23 19:33

Unity可寻址资源Addressable

目前发现了以下问题：PercentComplete的进度的前50%是读取json文本的进度，后50%是下载资源包的进度，目前后50%的进度无法正常显示WebGL版本时，浏览器打开程序，首次从服务器下载一次资源之后

阳光下的大嘴猴王·2024-01-23 19:03

unity在webgl端输入框无法输入中文和中文显示问题的解决

unity在发布成webgl无法显示中文和inputField无法输入中文的问题应该都遇到了，博主蛋疼的查了好久才发现unity内置的inputfield类不支持IME，顺着这个路不小心找到了插件这个插件免费的

古月折口·2024-01-23 19:02

Unity WebGL中文输入插件适配2020及以上的版本

blog.csdn.net/Rowley123456/article/details/103726927原插件不支持unity2020及以上的版本，要适配的话，下载原作者的插件后，将ChineseInputWebGL.jslib

笑脸山·2024-01-23 19:02

Unity WebGL 实现中文输入 UGUI

插件：https://assetstore.unity.com/packages/essentials/tutorial-projects/ime-input-for-unity-webgl-64933

funilbing·2024-01-23 19:31

上一页 1 2 3 4 5 6 7 8 下一页

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

推荐频道