threejs(webgl)

WebGL2系列之顶点数组对象

WebGL2提供了一种专门用于解决此问题的对象——顶点数组对象（VAO）。本节将介绍顶点数组对象。
ITman彪叔·2023-06-23 06:28

ThreeJs酷炫的发光特效

分享一个酷炫的发光特效效果，可见在线案例。效果组成该特效可以分成六个组成部分，一个转动的熔浆球体，一层透明气场，外发光，飞线聚集特效，内部发光，蓝色耀斑。熔浆球体和透明气场岩浆球体和透明气场是用几何球体实现，通过纹理移动（UV动画）来表达流动的岩浆和浮动的气场。constloader=newTHREE.TextureLoader();constmap=loader.load("texture.pn
sky.....·2023-06-23 05:51

前端3D Three.js 在本地搭建一个官方网站

的一个发展和学习方向那么我们还是先搞定文档使用的问题我们可以访问http://www.yanhuangxueyuan.com/Three.js/这里面可以查到使用方法但不是最新的而是别人用官方文档改的真正的官方文档地址是https://threejs.org
-耿瑞-·2023-06-23 00:57

webgl+three.js中如何设置模型与相机的相对位置

1、将模型，场景，点云加入camera场景中，camera.add(object),然后object.position.set(0,0,10),这样模型的位置总是相对于相机的z轴正10位置。注意，我在实习中，用camera.add(model);scene.add(camera)在我的电脑无报错，在前端的电脑就报错，受环境影响，需要灵活变换。用中间变量加入camera中，操作如下：camera.a
HR_Reborn·2023-06-22 14:45

WebGL（二）——什么是WebGL

WebGL（二）——什么是WebGL什么是WebGL？
qq_51550750·2023-06-22 14:37

Three.js教程：stats性能监视器

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生stats性能监视器(计算渲染帧率FPS)three.js每执行WebGL渲染器.render()方法一次，就在canvas
ygtu2018·2023-06-22 14:51

Three.js教程：Threejs常见几何体简介

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生Threejs常见几何体简介Three.js提供的几何体API很多，本节课先给大家介绍几个比较简单的案例，为后面的学习打下基础
ygtu2018·2023-06-22 14:51

three.js入门

推荐一下学习的资料：WebGl中文网Three.js零基础入门教程(郭隆邦)Three.js开发指南：基于WebGL和HTML5在网页上渲染3D图形和动画（原书第3版）three英文官网什么是Three.js
Armouy·2023-06-22 08:03

webrtc支持H265(一）webrtc datachannel的特性

文章目录背景问题及需求实现思路webrtcdatachannel协议栈可靠性PPID资料总体方案webrtcdatachannel+wasmH265+webgl渲染，这将是一系列文章介绍方案的实现及细节
mo4776·2023-06-22 07:15

webrtc支持H265(一）webrtc datachannel的特性

文章目录背景问题及需求实现思路webrtcdatachannel协议栈可靠性PPID资料总体方案webrtcdatachannel+wasmH265+webgl渲染，这将是一系列文章介绍方案的实现及细节
mo4776·2023-06-22 07:44

webgl图库研究（包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址）

原文链接：http://www.likecs.com/show-67151.html3D图库框架范围与示例摘要：为实现企业80%以上的生产数据进行智能转化，在烟草、造纸、能源、电力、机床、化肥等行业，赢得领袖企业青睐，助力企业构建AI赋能中心，实现智能化转型升级。“远舢文龙数据处理平台”以AI驱动，构建5G时代下企业数智基础，从根本上改变了数据采集、存储和使用的方式，是当下企业构建数字化与智能化能
李留白·2023-06-22 02:20

CesiumJS使用详细，在vue中使用Cesium.js（WebGIS中的Cesium地图可视化应用）

简述：Cesium是一种基于WebGL开源的虚拟地球技术，可以用于构建高性能、跨平台的三维地球应用程序，它支持多种数据格式和地图服务，可以实现地球表面的高精度渲染、地形分析、数据可视化等功能。
北城笑笑·2023-06-21 21:10

GLM 大加强，清华团队推出 GLM 联网加强版 WebGLM！

夕小瑶科技说原创作者|小戏、ZenMoore大模型生成答案不可靠？一种很直接的思路就是结合传统的搜索引擎的“知识”来对大模型进行一次检索增强。其实早在InstructGPT面世以前，OpenAI就发布了可以用作搜索结果聚合的模型WebGPT，WebGPT基于GPT-3试图模仿人类的“搜索行为”以使用搜索引擎获得聚合的搜索答案，从而在比如开放域长问答上收获了非常不错的结果。借鉴WebGPT结合搜索引
夕小瑶·2023-06-21 18:58

WebGL/Threejs瀑布水流粒子效果

webgl瀑布效果初始化场景functioninit(){scene=newTHREE.Scene();camera=newTHREE.PerspectiveCamera(45,scr.w/scr.h,
allenjiao·2023-06-21 17:26

WebGL应用性能优化

0.背景介绍前段时间用WebGL做整车的web端展示，发现当三角片数量大于一定量级后，在微信内置浏览器内打开模型时，浏览器直接崩溃。
孤独剑GDJ·2023-06-21 15:35

threejs实现监听窗口变化自适应画面以及全屏和退出全屏

一、现在的效果如上图，我改变窗口大小之后，整个场景并没有跟着窗口的变化自适应二、解决方案//监听画面变化，更新渲染画面window.addEventListener("resize",()=>{//console.log("画面变化了");//更新摄像头camera.aspect=window.innerWidth/window.innerHeight;//更新摄像机的投影矩阵camera.upd
jieyucx·2023-06-21 14:07

Compile Unity jslib in command

MyUnityprojecthasajslibfile,whichhasmanysyntaxerrors.ButUnitydoesnotreportthesejsliberrorslikecsfiles,untiltheWebGLbuildfailswithaerrorlikethis
金庆·2023-06-21 13:57

Unity WebGL Calls Rust Wasm

UnityWebGLCallsRustWasm(JinQing’sColumn,May.,2023)Reference:https://zenn.dev/ruccho/articles/261136f7bdb003Inthisarticle
金庆·2023-06-21 13:57

推荐一个3D建模工具集

3D建模工具集,收录一下几个工具集：数字孪生编辑器基于WebGL技术，依托丰富的模型资产库，通过拖拽式的操作，方便用户高效便捷的搭建三维数字孪生场景，配合twin服务平台，实现孪生设备姿态控制的虚实同步
·2023-06-21 12:46

前端【js】学习JavaScrip心得

：jQuery、MooTools、Prototype、Dojo、YUI、ExtJS、ZeptoJS…2、生产出一大堆框架：AngularJS、VueJS、ReactJS、EmberJS、NuxtJS、ThreeJS
白开水不加糖1·2023-06-21 12:16

整个宇宙将为你闪烁 除了三体人前端也可以 哈哈

视频展示：Bilibili哔哩哔哩项目源码：GitHub前置项在开始之前希望你对three.js有一定的了解，这里推荐一个教程，Discoverthreejs,three.js主创之一编写的适
·2023-06-21 10:08

Web前端 3D开发入门规划 3D效果将不再是桌面应用的专利

维呈现让界面更直观立体的展示他打破了传统平面的展示形式那么目前的话政府也有大量的新基建的项目如数字孪生智慧城市智慧园区智慧工厂智慧消费等等项目都涉及到了3D可视化技术那么如果我们想学习这门技术就可以先从Three.js入手Three.js是一个让我们可以通过JavaScript进入搭建WebGL
-耿瑞-·2023-06-21 10:52

基于游戏引擎的数字孪生技术方案

二.技术方案实施路线webgl游戏引擎技术栈threejs、cesiumue4+webrtc优点快捷，方便画质材质着色器效果好，比较吃服务器性能缺点吃用户电脑性能需要大团队配合
·2023-06-21 02:54

three.js学习 11 - 1.threejs常用几何体 2.几何体材质自定义 3.材质的旋转与堆叠效果

1.threejs常用几何体①.缓冲几何体（立方体）官网API地址：https://www.three3d.cn/docs/index.html?
不染-9732·2023-06-20 23:42

threejs 相机OrbitControls常用方法及属性

相机控件OrbitControls通过OrbitControls可以对三维场景进行缩放、平移、旋转，本质上改变的不是场景，而是相机的参数，相机的位置角度不同，同一个场景的渲染效果是不一样，比如相机围绕着一个场景旋转，就像场景旋转一样调用OrbitControls时需要引入OrbitControls.js文件import{OrbitControls}from'three/examples/jsm/c
爱吃烧鸭蛋的叶安·2023-06-20 18:38

threeJs使用gui控制球体大小

SphereGeometry创建时仅使用半径参数，没有内置的方法来改变它，需要手动修改几何顶点，或使用新的半径创建新的SphereGeometry或者缩放球体缩放球体的方法：gui.add第一个参数只能是对象，第二个参数是属性，三四是变换范围，第五个是步进letcontrolsOBJ={scaleNum:1}//创建球体sphere=newTHREE.Mesh(newTHREE.SphereGeo
爱吃烧鸭蛋的叶安·2023-06-20 18:38

threeJs着色器

一、着色器着色器（Shaders）是一种使用GLSL(OpenGLShadingLanguage)编写并在GPU上运行的程序。它们被用于定位几何体的每个顶点，并为该几何体的每个可见像素着色。使用“像素Pixel”来描述其实并不准确，因为渲染的每个点不一定与屏幕上的每个像素相匹配，因此我们更倾向于使用术语“片元fragment”。之后我们会向着色器发送大量数据，如顶点坐标、网格变换、摄像机及其视野范
爱吃烧鸭蛋的叶安·2023-06-20 18:06

Three.js教程：Canvas画布布局和全屏

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生Canvas画布布局和全屏threejs渲染输出的结果就是一个Cavnas画布，canvas画布也是HTML的元素之一，这意味着
ygtu2018·2023-06-20 16:45

Three.js教程：渲染器

对于threejs而言，如果完成“咔”这个拍照动作，就需要一个新的对象，也就是WebGL渲染器WebGLRenderer(opensnewwindow)。
ygtu2018·2023-06-20 16:13

什么是GPU加速,如何使用GPU加速,GPU加速的缺点

所以它在速度和能耗上更有效率GPU加速通常包括以下几个部分：Canvas2D，布局合成（LayoutCompositing）,CSS3转换（transitions），CSS33D变换（transforms），WebGL
前端阿玉·2023-06-20 09:17

Three.js教程：动画渲染循环

推荐：将NSDT场景编辑器加入你的3D工具链其他系列工具：NSDT简石数字孪生动画渲染循环threejs可以借助HTML5的API请求动画帧window.requestAnimationFrame实现动画渲染
ygtu2018·2023-06-20 04:03

设备产线运维合集丨图扑数字孪生流水线，提升产品装配自动化效率

前言图扑软件基于HTML5（Canvas/WebGL/WebVR）标准的Web技术，满足了工业物联网跨平台云端化部署实施的需求，以低代码的形式自由构建三维数字孪生、大屏可视化、工业组态等等。
·2023-06-19 19:41

JavaScript WebGL 基础概念

引子看了一个库的源码，里面用到了WebGL，就开始找WebGL的资料。发现相关的知识点很多，按照自己的理解习惯进行了整理记录。
·2023-06-19 19:51

Three.js3D可视化介绍，以及本地搭建three.js官网

一、什么是Three.jsthree.js官网：https://threejs.org/Three.js是一个基于WebGL的JavaScript3D图形库，它可以轻松地在浏览器中创建3D场景和动画。
jieyucx·2023-06-19 17:37

使用parcel搭建threejs开发环境

一、什么是parcelparcel官网：https://www.parceljs.cn/Parcel是一个快速、零配置的Web应用打包器，可将JavaScript、CSS、HTML和图像等静态文件打包到一个捆绑文件中。它的主要目标是简化Web应用程序的打包过程，使开发人员可以更快速地创建现代Web应用程序。Parcel支持许多不同的文件类型和模块系统，并具有自动编译、自动安装依赖项和热模块更换等功
jieyucx·2023-06-19 17:04

Three.js快速入门

简介Three.js是基于原生WebGL封装运行的三维引擎。可与各种前端技术结合使用。
田苗苗_7785·2023-06-19 06:13

Qgis2threejs

three.js是JavaScript编写的一个开源的3D图形库，它可以用于创建各种各样的交互式3D应用程序和动画。该库提供了一系列的工具和功能，使得在Web浏览器中创建高质量的3D图形变得更加容易。使用three.js，您可以轻松地创建3D场景，包括几何体、光照、阴影、纹理、动画等。它适用于各种不同的应用场景，例如游戏开发、数据可视化、建筑可视化、产品演示等。three.js还提供了丰富的文档和
GIS工具·2023-06-18 20:30

解决百度地图webGL版（个性化地图）不能点聚合的问题！！！(同事解决了)

markerClustererGLSelf.jsvarBMapLib=window.BMapLib=BMapLib||{};(function(){vargetExtendedBounds=function(map,bounds,gridSize){bounds=cutBoundsInRange(bounds);varpixelNE=map.pointToPixel(bounds.getNorth
mack·2023-06-18 17:51

mapbox-gl开发教程（一）：搭建前端开发环境

–mapbox-gl是一个开源、基于webgl技术的前端地图类库–开发教程篇一：搭建前端开发环境1、mapbox官网注册一个账号，生成一个开发token，在mapbox-gl2.0以前，使用自搭建的后台地图服务时
GIS技术杂谈·2023-06-18 16:16

从零开始Vue项目中使用MapboxGL开发三维地图教程（一）MapboxGL介绍以及前期vue项目的搭建

搭建vue项目2.1、创建vue项目2.2、注册mapbox官网2.3、mapbox-gl入门案例3、Mapbox-gl地图主要配置参数说明1、Mapbox-gl简介Mapbox-gl是一个开源、基于webgl
hhzz·2023-06-18 16:45

jcef支持linux

由于工作中有需求，需要在Linux平台支持JCEF内置浏览器到Java窗口，且需要支持WebGL三维浏览。
Geminit·2023-06-18 13:13

webgpu

与当前Web上的3D图形标准WebGL相比，WebGPU旨在充分发挥现代GPU架构的能力，进一步降低CPU端的开销，优化多线程的应用，以及增加对GPU通用计算（GPGPU）的直接支持。
李卓书·2023-06-18 07:47

three.js源码阅读笔记一

使用three.js已经有一段时间了，为了更深入的理解这个优秀的webgl库的实现原理，从今天开始阅读源码。并且记录下自己的理解。
magicLiuyuan·2023-06-18 02:43

webgl模型矩阵

模型矩阵在webgl中表示模型的缩放旋转平移的所以模型矩阵包含了旋转矩阵:缩放矩阵:平移矩阵:下面给出一份演示:body{margin:0;padding:0;}右移动左移动上移动下移动放大缩小precisionhighpfloat
灰灰_世界·2023-06-17 20:51

OpenGL ES在Android上的应用

是当今智能手机中占据统治地位的图形API，其作用范围已经扩展到桌面，OpenGLES支持的平台包括IOS、Android、BlackBerry、bada、Linux和Windows，它还是基于浏览器的3D图形Web标准WebGL
诸神黄昏EX·2023-06-17 17:30

一起学 WebGL：纹理对象学习

大家好，我是前端西瓜哥，今天我们来了解WebGL的纹理对象（Texture）纹理对象，是将像素（texels）以数组方式传给GPU的对象，常见场景是贴图，就是将图片的数据应用到3D物体上。
前端西瓜哥·2023-06-17 12:36

MapBox&ThreeJS加载FBX动态模型

customLayer（MapBox自定义图层））：4、methods（定位模型位置，创建自定义图层，加载模型，设置场景，设置镜头，设置光照，地图重新渲染将自定义层的模型加载到地图上，解析fbx模型骨骼动画，通过threejs
我要睡觉了i·2023-06-17 11:38

mapbox+threejs实现三维气泡球体专题图

最近在研究前端three.js和webGL技术，采用三维地图展示数据，我分享一下研究成果！引入JS先加载地图我们这里用超图的iServer发布的地图瓦片数
sun_falls·2023-06-17 11:07

Threejs进阶之九：让模型沿着指定轨迹移动与转向

上一次我们创建了蓝天大海，并且将一个游轮模型添加到了大海中，这一节我们让游轮按照指定轨迹移动，移动的过程中实现自动转向；先看下最终效果要实现模型沿着轨迹运动，需要以下几个步骤（1）创建一个轨迹曲线（2）编写物体沿轨迹运动的方法（3）在渲染函数中调用上面的方法，实现物体的移动具体实现方法如下创建轨迹曲线创建曲线轨迹我们这里使用了CatmullRomCurve3类,CatmullRomCurve3类使
九仞山·2023-06-17 11:07

MapBox&ThreeJS加载GLTF静态模型

1、Dom元素：2、import引入：3、data（定义map）：4、methods（定位模型位置，创建自定义图层，加载模型，设置场景，设置镜头，设置光照，地图重新渲染将自定义层的模型加载到地图上）：methods:{//加载gltf模型initGLTF(){varmapSecond=this.map//用于确保模型在地图上正确地理参照的参数varmodelOrigin=[148.9818395,
我要睡觉了i·2023-06-17 11:07
上一页 31 32 33 34 35 36 37 38 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他