threejs(webgl)

基于HTML5和WebGL的3D网络拓扑结构图

现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在故
weixin_30901729·2023-04-02 06:23

基于 HTML5 WebGL 的 3D 网络拓扑结构图

现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在故
图扑软件·2023-04-02 06:22

threejs 3d网络设备拓扑图绘制示例

技能点：threejs,Vue,canvas,几何数学。
huo611·2023-04-02 06:53

babylon.js

babylon.js是一个完整的JavaScript框架，用于构建HTML5，WebGL，WebVR和WebAudio的3D游戏和体验.除了游戏用来在页面实现一些3D场景也是没问题的.官网安装Babylon.jshttps
蜗牛与藤曼·2023-04-01 23:46

Unity 解决QFramework WebGL报错

Unity解决QFrameworkWebGL报错错误描述☕原因解决方案错误描述在新建工程中只导入了QFramework，BuildWebGL(空场景)会看到如下错误：Exception:Non-PublicConstructor
牙膏上的小苏打2333·2023-04-01 22:31

Three.js学习笔记（1）

前言由于近期的一些业务需要用到一些webgl的东西，three.js可以说是webgl相关库里最完善的，所以毫无疑问的开始了three.js入坑之旅搭建开发环境由于webpack搭建环境太过麻烦（懒），
羽阁丶·2023-04-01 08:26

MOSGL室内地图开放指南

MosGL室内地图渲染SDK，基于WebGL图形渲染，同时支持2D&3D地图；在小场景渲染中，iOS及Andoid手机实现秒开；在超大型场景渲染中，iOS手机首屏加载时间在1秒内，主流Android手机在
东方三篇·2023-04-01 04:15

图形程序接口知多少 | OpenGL、OpenCL、Vulkan、OpenGL ES、WebGL、Metal、Directx

转自：https://www.bgteach.com/article/176计算机图形程序接口|GraphicsAPI对于普通的电脑玩家来说这是一个不重要的东西，但对于游戏开发、玩游戏做三维的人来说，这部分知识可能会常常被提及，尤其是涉及到游戏相关的。计算机图形程序接口是一套可编程的开放标准，3D\2D都需要这部分底层的API支持。如果你是一名游戏开发者，没有借助图形API来开发游戏的话，这意味着
haima1998·2023-04-01 01:58

openGL、D3D、vulkan区别简介

军事、航空航天、地理、医学、机械设计，以及各类科学数据可视化等领域，也演变出各种版本不过都是基于opengl的比如嵌入式中的OpenGLES，又基于OpenGLES发展而来的web端也是H5现在最重要的WebGL
微小的鱼·2023-04-01 01:25

Vulkan与OpenGL对比——Vulkan的全新渲染架构

大名鼎鼎的OpenGL、OpenGLES、WebGL、Vulkan都是来自Khronos。而vulkan称为“下一版本的OpenGL”，旨在提供更低的CPU开销和更多GPU控制。
徐福记456·2023-04-01 01:17

微信小游戏 【开发】 自学总结

但实际上小游戏面向的就是HTML5游戏开发者，为了能够让HTML5游戏可以尽可能低成本得移植，小游戏尽可能复用了WebGL、JavaScript等源自浏览器的HTML5技术。
squidbrother·2023-03-31 06:25

angular9 + threejs

cavans.htmlcavans.tsimport{Component,OnInit,ViewChild,ElementRef}from'@angular/core';import{initRenderer,initCamera,initScene,initLight,initGrid,initStats}from'src/app/config/base';import{PickService}
候鸟_ywh·2023-03-31 02:51

threejs---相机沿着自定义轨道移动，实现场景漫游效果

效果图：说明：1、本文章只提供轨道生成和相机沿轨道移动的实现方法，不提供效果图的完整代码2、本文章暂不介绍机器人的渲染、如何跟随相机移动显示，感兴趣的可以自行实现。思路是机器人的位置放在相机N个点位之前，运动原理和相机移动一样。且机器人的lookAt要指向所在位置的前一个点位，否则机器人在转弯时只是生硬平移，头部朝向不会跟随转弯而改变！1、生成自定义轨道methods：createLine(){/
String佳佳·2023-03-30 22:47

threejs---第一人称控件 PointerLockControls

先上效果图：1、引入插件...其他必要插件的引入...import{PointerLockControls}from'three/examples/jsm/controls/PointerLockControls'2、定义相关变量data(){return{selControls:null,moveForward:null,moveBackward:null,moveLeft:null,moveR
String佳佳·2023-03-30 22:16

threejs 加载两个场景_threejs - 3 - 场景刷新

:)简介刷新其实可以和动画联系起来，改变场景中的物体(改变位置)，刷新界面。最后就可以形成动画。一般1秒钟需要刷新60次定时器实现动画可以用js的定时器来做1秒60次的刷新varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,1000);var
欸测测·2023-03-30 22:35

ThreeJS-灯光(十三)

关键代码：基础材质改为标准材质，constcubeMaterial=newTHREE.MeshBasicMaterial()改为：constcubeMaterial=newTHREE.MeshStandardMaterial()标准材质需要和灯光配合，灯光分为环境光和直接光环境光：由周围物体发出的光。（比较温和、暗淡）直线光：由光源发出的光。（比较强烈）constcubeMaterial=newT
不穿铠甲的穿山甲·2023-03-30 22:32

ThreeJS-纹理旋转、重复（十一）

旋转文档：three.jsdocs关键代码：//设置旋转中心,默认左下角docColorLoader.center.set(0.5,0.5);//围绕旋转中心逆时针旋转45度docColorLoader.rotation=Math.PI/4;完整代码:import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/con
不穿铠甲的穿山甲·2023-03-30 22:02

ThreeJS-透明材质和透明纹理（十二）

素材：door.webpmen_k.webp关键代码：//纹理加载器consttextureLoader=newTHREE.TextureLoader();//纹理加载器加载图片constdocColorLoader=textureLoader.load('three/door.webp');constcubeMaterial=newTHREE.MeshBasicMaterial({color:0
不穿铠甲的穿山甲·2023-03-30 22:02

在vue-cli中使用threejs，并实现鼠标控制移动，以及点击交互效果

这里假设已经了解threejs中基本的三要素等基础知识如题，前戏不多，直接提枪上阵第一步：创建一个vue-cli项目按照vue-cli官网方式创建,这里话不多说，不需要过多设置，能运行起来就欧克（当然是
风筝啊·2023-03-30 22:23

THREEJS - 模型的裁切消隐

在项目应用中，有时候会存在需要模型外表慢慢褪去的效果，就像裁切一样的，如下图所示：看上去效果很炫酷，实际上实现起来并不复杂，下面给大家详细介绍一下：1.开启场景的渲染通道，此功能较消耗性能，所以可以根据实际需要使用。renderer.clippingPlanes=Object.freeze([]);renderer.localClippingEnabled=true;2.优先定义基础变量，这里的l
Crimaster·W·2023-03-30 21:30

THREEJS - 模型居中

在使用THREEJS的过程中，我们常常会遇到关于模型的处理，有时候建模的同事会帮我们将模型归零后给我们，有时候是没有归零的，但这时候需要将模型在场景中居中展示。
Crimaster·W·2023-03-30 21:29

ThreeJS-移动(三)

代码：import*asTHREEfrom"three";import{OrbitControls}from'three/examples/jsm/controls/OrbitControls'exportdefault{name:"HOME",components:{//vueQr,//glHome,},data(){return{};},mounted(){//使用控制器控制3D拖动旋转Orb
不穿铠甲的穿山甲·2023-03-30 21:53

Vue + Three.js导入obj模型并实现爆炸效果

Three.js官方文档：https://threejs.org/manual/#zh/load-obj注意点：obj文件需要放到public文件夹下的static文件夹中（路径写法错误会导致模型不显示
Vivian_0430·2023-03-30 19:49

WEB端三维可视化（threejs）03

目前threejs支持的模型格式有很多，gltf/glb、obj+mtl、fbx、dea等等…主要推荐的模型格式：obj+mtl或者gltf/glb。
hcdu·2023-03-30 16:57

基于 HTML5 WebGL 的 3D 渲染引擎构建工厂运作系统

2019独角兽企业重金招聘Python工程师标准>>>前言今天为大家带来一个很酷的作品，依然运用了强大的HTforWeb的3D图形组件，动作流畅性能好，大家可以先来欣赏一下效果！点我进入！整体风格为科技金属风，制作精良，由于上传gif大小有限制，所以务必打开链接查看细节演示！代码实现做完场景后，首先我们要对它进行一些基本的设置，如：//设置camera的位置gv.setEye([457,9047,
weixin_34347651·2023-03-30 15:53

前端可视化项目流程，涉及three.js（webGL）,3DMax技术，持续更新

最近在做一个可视化展示的项目，记录一下流程：建模，模型来源，可以参考沙盘展示类项目，自己建模或者拼装其他源模型（本人以前是3D建模师，可以应付一些简单的场景）有效模型导入到web端，这里采用的obj，mtl的组合格式使用Three.js创建场景和模型的编辑--3DMax技术实现数据与模型的交互，位置可以是API，实时状态可以soket通信项目链接地址：Visualization蛋糕盘旋转效果、透视
weixin_34220623·2023-03-30 15:23

WebGL打造以数据驱动的3D可视化智慧工厂

随着IT信息技术和移动端的发展，Html5+3D(Webgl)技术已经悄然崛起，而3D工厂厂房在数字化的今天，已经被越来越多的公司和企业应用，三维数字工厂模型的应用，加快了工厂厂房，设备，传感器、管道罐体输送
搬砖狗-小强·2023-03-30 15:48

webgl(three.js)实现室内定位,楼宇bim、实时定位三维可视化解决方案——第五课

webgl(three.js)实现室内定位,楼宇bim、实时定位三维可视化解决方案——第五课参考文章：（1）webgl(three.js)实现室内定位,楼宇bim、实时定位三维可视化解决方案——第五课（
asdfgh0077·2023-03-30 14:51

Web 3D焦化厂-智慧数字焦化厂HTML5+WebGL(Threejs)案例实战

随着IT新技术5G、人工智能、移动互联的发展，虚拟仿真Html5+3D(Webgl)技术已经悄然崛起，而3D工厂在数字化的今天，已经被越来越多的公司和企业应用，三维数字化工厂模型的应用，加快了工厂车间、
allenjiao·2023-03-30 14:10

Web3D工厂可视化，工厂三维可视化大屏，工厂模型展示，统计图表，人员定位，人车轨迹运动，电子围栏

前言随着物联网技术和WebGL技术的不断发展，工厂三维可视化大屏正在成为一个越来越受欢迎的解决方案。
左本Web3D·2023-03-30 14:31

前端探索深度学习指北

如今随着硬件性能的提升，以及WebGL的GPU计算能力，Tensorflow.js让前端有了做深度学习的能力。作为前端的
yukilzw·2023-03-30 10:13

《laya 源码分析》layaAir引擎渲染主循环

在init中，可以看到创建了两个画布，mainCanvas是引擎的主画布，所有游戏内的canvas和webgl渲染都用这个画布。
风杨sty·2023-03-30 06:32

NevMesh.Js你可以在Laya引擎中直接使用的AI寻路

是在ThreeJs的PatrolJS基础上，针对Laya引擎做了改造，本教程将会带大家简单了解和使用NevMesh.Js使用。!
李尔在此·2023-03-30 05:53

WebAssembly.Memory大小限制

在项目中对接到某个游戏时，加载完成后会提示“thebrowsercouldnotallocateenoughmemoryfortheWebGLcontent.Ifyouarethedeveloperofthiscontent
赵海洋·2023-03-29 22:27

【网络爬虫教学】虫师终极武器之Chromium定制开发系列（五）

大家在学习的过程中，有任何疑问可以留言或加入我们的QQ技术交流群进行探讨：544185435概述在上一篇文章末尾，我给大家分享了如何随机化webgl接口（主要针对显卡型号）的方案，其实呢，只要掌握了这个
IT猫之家·2023-03-29 12:52

关于透明度混合blend

webgl中关于blend开启blend是gl.enable(gl.BLEND)关闭blend是gl.disable(gl.BLEND);设置blendFunc是gl.blendFuncgl.blendFunc
GAMESLI-GIS·2023-03-29 12:06

【Unity 脚本】整体架构图

整体玩过WEBGL的可以看到上面图中Texture、Mesh、Material、Shader这些和THREE中这些抽象概念比较类似了ColliderRenderer还有MeshRenderer用于显示3D
GAMESLI-GIS·2023-03-29 09:13

Threejs 3D中文字体引入及优化

threejs中需要引入中文字体，官网给出的字体文件都是英文的，想要显示出中文字体需要做转换。
十八里8837·2023-03-29 09:00

WebGL 3D概念讲解（坐标系）

image.pngWebGL坐标系（坐标区间-1.0~1.0）坐标原点：绘图区域的中心。x轴：水平向右为正。y轴：垂直向上为正。
WebGiser·2023-03-28 20:50

vue+three.js开发

Three.jsExamples在vue-cli3中使用three.js的OBJLoader和MTLLoader来加载三维模型文件.obj和.mtl注意：需要threeJsload的模型，只能放在静态资源目录下
_小小苏_·2023-03-28 20:01

openGL、WebGL、Three.js的关系

1、openGLOpenGL(OpenGraphicsLibrary)是一套规范，不是接口，学习这套规范，就可以在支持OpenGL的机器上正常使用这些规范，在显示器上看到绘制的结果。这套接口是Khronos这个组织在维护。怎么维护呢？就是写一个说明书，指导各个GPU厂家，如果他们要支持OpenGL的话，要怎么实现一个具体的OpenGL库。比如Khronos说要实现glDrawArray这个接口，那
河东和河西·2023-03-27 18:43

Supermap WebGL地形隐藏

地形数据隐藏地形显示地形functiononload(Cesium){varviewer=newCesium.Viewer('container');varoriginal=viewer.terrainProvider;viewer.imageryLayers.addImageryProvider(newCesium.TiandituImageryProvider({token:URL_CONFI
清白的少年·2023-03-27 00:25

2022-11-02 webgl绘制圆形点

一、原理1.绘制圆形点，计算到圆心的距离image.png2.绘制球背面剔除//开启背面剔除gl.enable(gl.CULL_FACE)3.开启多边形偏移解决球遮挡点问题image.png二、效果image.png三、代码//顶点着色器varVSHADER_SOURCE=/*glsl*/`attributevec2a_Uv;attributevec4a_Position;uniformmat4u
MrSwilder·2023-03-26 20:19

02-Three.js 辅助工具

stats.jsJavaScript性能监控器，同样也可以测试webgl的渲染性能，在动画运行时，该库可以在一个图形中显示画面每秒传输帧数代码示例//引入js文件//HTML添加div元素，用于显示图形
IsYang·2023-03-26 18:26

nginx服务器处理WebGL中的HTTP请求跨域

在nginx的conf文件中添加proxy_pass设置比如对接某电网的查询服务，在webgl里面用到了post，目标地址是https://95598.csg.cn/ucs/ma/zt/eleCustNumber
Lif68·2023-03-26 15:45

threeJs基础（2）

基础元素1.点varpoint1=newTHREE.Vector3(x,y,z);2.线vargeometry=newTHREE.Geometry();定义几何体varmaterial=newTHREE.LineBasicMaterial({});定义线条的材质，包括color(线条颜色)、lineWidth(线条宽度)、linecap(线条两端的外观)、vertexColors(线条是否使用顶点
尘世中迷途小羔羊·2023-03-26 01:52

Three.js入门

1、什么是WebGL,什么是three.js？WebGL是一种技术，一种在浏览器上实现三维效果，展示3D模型和场景的技术。
心_语·2023-03-25 22:08

vue页面引入three.js实现3d动画场景

three.js是JavaScript编写的WebGL第三方库。Three.js是一款运行在浏览器中的3D引擎，你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。
allen_csdns·2023-03-25 14:38

Venus: ThreeJS FBXLoader

01.关于3D文件格式的选择threejs提供了很多格式的Loader但是却只提供了obj格式的使用文档,而obj格式是不能存储骨骼信息的json格式的使用较为方便,网上例子很多,但是3Dmax要插件才能导出最后敲定用
dranker·2023-03-25 14:56

java 解决date类型的时间插入mysql中差8小时的问题

我以application.yml举例，修改日期配置，将最后的UTC改为1.错误的代码为url:jdbc:mysql://localhost:3306/webglpt?useUn
蓦然回首_02fa·2023-03-25 07:26
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他