webgl3d

北京四度科技的线上展厅,webgl3D技术,附有新的业态展示方式！

随着互联网的迅速发展，数字化已成为各行业发展的必然趋势。在网络时代的背景之下，云在线企业展厅应运而生。网络展厅是企业文化品牌的有效创新形式之一。如今，越来越多的企业建立了自己的网上企业展厅，在互联网之上展示和宣传自己的服务、产品和文化。2020年将是Web3D虚拟展厅年。疫情加速了网上展厅生态链建设。美术馆、画廊、展览馆、博物馆、科学馆和实体都将实现互联网+时代的影响，这就是程指数的增长。Web3
北京四度科技vr·2025-06-07 08:01

除了 Three.js 外还有哪些同样知名、功能类似的 JavaScript 3D 图形库或引擎

一、轻量级和高性能的库Three.js功能：最流行的WebGL3D图形库，提供强大的渲染功能。优势：易于上手，适合初学者和专业开发者。丰富的社区资源和插件生态，支持多种3D对象和材质。
卡尔特斯·2025-05-04 09:07

Three.js + GIS：打造三维地理信息系统的教程

Three.js+GIS：打造三维地理信息系统的教程Three.js是构建WebGL3D应用的强大工具，而结合GIS（地理信息系统）后，可以实现炫酷的三维地理可视化效果。
全栈探索者chen·2025-02-02 12:08

Canvas、 SVG 和 WebGl三者之间的区别

概要：Canvas位图，是需要自己画点的白板；SVG矢量图，是给数据就可以绘制点、线、图形的，基于XML的标记语言；WebGL3D位图，是基于Canvas的3D框架。
江山夜雨·2023-11-19 05:07

3D孪生场景SDK：Viwer 孪生世界

NSDT编辑器简化了WebGL3D应用的开发，完全兼容Three.JS生态。同时为了满足用户自定义业务的需求，NSDT编辑器还封装了基于three.js的SDK，用户可以在自己的应用中嵌
ygtu2018·2023-10-07 04:23

如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器

WebGL3D查看器本文是以下超级用户文章的摘要：如何在浏览器中启用WebGL？程序在尝试在浏览器中启用WebGL之前，请检查您的浏览器是否支持WebGL。请参阅：caniuse.
ygtu2018·2023-08-25 18:28

babylonjs 分部加载模型_基于Babylonjs自制WebGL3D模型编辑器

一、总述当代WebGL编程所使用的3D模型大多是从3DsMax模型或Blender模型转化而来，这种工作模式比较适合3D设计师和3D程序员分工配合的场景。但对于单兵作战的WebGL爱好者来讲这种模式过于沉重：且不说转化插件本身存在的各种bug严重降低了转化的成功率，光是为了生成一个简单的模型就需要系统的学习3DsMax或Blender的使用方法就让人感觉得不偿失。基于以上考虑，我计划编写一个基于B
weixin_39968820·2023-07-16 15:04

0元领魔豆500颗，150个3D源码打包，三维可视化 全景 3D建模 ThingJS

Three.js虽说是大多数开发者首次接触的WebGL3D库，但ThingJS是新兴的3D框架，封装了对模型交互事件的API、对模型的操作及层次关系，一个个具体的模型抽象把开发者从复杂
小锘good·2023-04-19 07:26

NSDT可编程3D场景【兼容Three.js】

NSDT编辑器简化了WebGL3D应用的开发，完全兼容Three.JS生态。本文介绍如何在自己的应用中嵌入使用NSDT编辑器搭建的3D场景，并通过JSAPI与场景进行交互。
新缸中之脑·2023-02-20 08:06

vr全景看房的方案 three.js

WebGL3D引擎http://www.webgl3d.cn/threejs/docs/#api/zh/core/Raycaster一.客户端，加载六张图及按钮位置，点击按钮删除旧的图及按钮，加载下一组图
lxsssss·2022-10-15 01:50

CesiumJS 2022^ 原理[5] - 着色器相关的封装设计

1.对WebGL接口的封装任何一个有追求的WebGL3D库
·2022-05-15 10:16

不用threejs，好用的三维可视化开发平台还有啥？ Javascript 3D开发 前端 物联网 webgl 三维建模 3D模型 ThingJS 虚拟 全景

Three.js是大多数开发者首次接触的WebGL3D库，Threejs库的出现解决了底层的渲染细节和复杂的数据结构，终于将复杂的底层细节抽象出来。
小锘good·2022-02-12 03:14

vectordraw图形库,提高了 WebGL 3D 渲染模式的性能

vectordraw图形库,提高了WebGL3D渲染模式的性能将CAD绘图和矢量对象显示添加到您的HTML5应用程序。
SEO-狼术·2022-02-10 17:47

WebGL学习(2) - 3D场景

实际效果：webGL3D场景itwebGL渲染流程重温一下webGL的渲染流程，这一节在第3、4、5、6步骤需要学习新的内容。其中写入数据交叉存放缓冲区，设置隐藏
jeffzhong·2021-05-08 14:27

地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS

三维可视化##3D开发WebGL3D技术框架-ThingJS三维管线基础数据收集三维管线模型分类创建三维管线可视化系统开发基于ThingJS的通用架构设计随着社会经济的不断发展，城市中的各类地下管线数量不断增加
ThingJS_Inga·2020-12-11 21:31

基于WebGL的3D可视化告警系统关键技术解析 ThingJS

三维可视化##3D开发WebGL3D技术新一代3D框架-ThingJS3D可视化告警系统案例基于ThingJS的通用架构设计WebGL3D技术WebGL是一种在网页浏览器中渲染3D图形的JavaScriptAPI
ThingJS_Inga·2020-12-08 21:42

基于WebGL的3D可视化告警系统关键技术解析 ThingJS

三维可视化##3D开发WebGL3D技术新一代3D框架-ThingJS3D可视化告警系统案例基于ThingJS的通用架构设计WebGL3D技术WebGL是一种在网页浏览器中渲染3D图形的JavaScriptAPI
ThingJS_Inga·2020-12-04 18:06

从零开始构建自己的WebGL3D引擎—材质篇

引言：第二篇本来想讲讲摄影机的内容，但是还是想从渲染开始讲起。因为我们希望引擎更专注于渲染，等渲染结束我们再去慢慢的写摄影机和一些数学运算吧。该篇主要思考基础材质类如何封装以及shader如何处理和优化、shader编译、uniform上传的细节和更好的实现1.要设计一个好的材质，我们先想想别的引擎是如何设计的，有什么好的地方、有什么不足的地方Three.js使用方法(目前先拿自定义的shader
玛卡瑞那·2020-09-13 17:25

从零开始手撸WebGL3D引擎2：WebGL和3D编程基础概念

我们在第一篇里面浏览了一下WebGL的参考卡片，也列出了一些WebGL的功能点，但是对于没有接触过3D编程的人来说，这些东西很难理解并形成一个统一的认识。所以这篇我就以WebGL为参考平台谈谈3D编程的一些基础概念。3D坐标系变换正常来说，人们学习新东西都会从已有的知识出发，对于3D编程，在屏幕上画出3D图形，如果有2D图形API使用的基础，就会想着从2D编程的经验出发。比如对于2D编程，都是指定
勤奋happyfire·2020-09-13 16:28

从零开始手撸WebGL3D引擎4：Mesh的封装

本篇讲述mini3d.js对静态模型的封装，目前支持三角形列，使用或不使用索引，暂不支持子模型。涉及到的类有Mesh,VertexBuffer,IndexBuffer,VertexFormat，以及预定义顶点语义VertexSemantic。总体结构一个Mesh由一个VertexBuffer和零或一个IndexBuffer构成。模型所有的顶点的属性数据采用交错数组的方式存放在VertexBuffe
勤奋happyfire·2020-09-13 15:57

从零开始构建自己的WebGL3D引擎---思考与设计

引言：学习webgl已经接近2年时间了，对常见的开源3D引擎也比较熟悉了，但是目前为止three.js、babyLon、clayGL、cesium对webgl2新特性的支持也不是特别多。从今天开始，准备着手构建自己的3D引擎，一是希望能有自我提升，二是希望能做一个更快速、更炫酷、更容易扩展的引擎，并且希望能对webgl2的新特性有更多的支持。（目前引擎设计主要参考three.js和clayGL、少
玛卡瑞那·2020-09-13 14:10

从零开始手撸WebGL3D引擎1: 搭建项目框架

如上文所说，我希望这个基于WebGL的框架是一个独立的库，可以像一个普通的js库那样被引用，但是开发的时候又需要根据需求拆分成很多js文件，那么就涉及到一个打包问题。且这一次我想使用ES6的模块系统和ES6的语法，那么rollup.js都可以做到，好吧就他吧。既然使用js，我们就用npm初始化了一个模块:mini3d.js，需要说明的是，目前暂时没有将mini3d.js注册到npm，也许以后会，所
勤奋happyfire·2020-08-24 05:11

从零开始手撸WebGL3D引擎0：开始探险之旅

纸上得来终觉浅，绝知此事要躬行----陆游本系列的目的是实现一个基于WebGL的渲染框架，并以此为基础进行图形效果实践。之所以选择WebGL而不是OpenGL，一是因为开发环境配置比较简单，而且WebGL是比较简洁纯粹的API，Javascript的群众基础也比较好。虽然是以学习实践为目的，我还是尽量让这个框架具有实用性，可以用来开发一些小型3D游戏。当然相对于结果，这个项目的过程更有意义，在这个
勤奋happyfire·2020-08-24 05:40

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

《数百个HTML5例子学习HT图形组件–WebGL3D篇》里提到HT很多情况下不需要借助3DsMax和Blender等专业3D建模工具也能做出很多效果，例如http://www.hightopo.com
hightopo·2020-08-22 10:59

WebGL 3D 入门系列：绘制渐变三角形 --- 深入理解缓冲区

WebGL3D入门系列---绘制渐变三角形：深入理解缓冲区本节内容来自于小册WebGL入门与实践。
weixin_34247032·2020-08-18 04:47

简单好用threejs库3D可视化试一下？

3D可视化应用开发对每个企业来说都是大工程，需要投入大量的人力物力财力才能做好这项工程，但其实可是化繁为简，不需要大费周章，具体来说，thingjs3D可视化开发平台，基于webgl3D绘制标准，使用最热门的
fuhuojia000000·2020-07-30 05:54

用WebGL显示22万个箱子

放下了JavaSwing，最近两年一直都在研究HTML5和WebGL3D方面的东西，这也是目前比较热门的技术领域。以前也对HTML5和WebGL产生质疑，企业应用能行么？
joshuaxiao·2020-07-07 12:49

8月7日晚-技术沙龙： HTML5/ WebGL 3D 模型浏览技术

8月7日晚，我们部门将举办技术沙龙，我的同事杜长宇将向大家介绍最新的AutodeskHTML5/WebGL3D模型浏览技术，通过该技术可以满足将目前流行的各种工程设计3D模型通过支持HTML5/WebGL
autodeskinventorapi·2020-07-07 03:23

从零开始手撸WebGL3D引擎10: 材质，前向渲染以及里程碑4

文章目录前言材质封装多个Pass创建Shader创建pass并添加到材质shader代码写在哪儿SystemUniformsCustomUniforms渲染pass引擎提供的材质前向渲染scene.render()renderer.render()传入参数计算systemuniform灯光规则如何叠加多个pass的光照非光照pass里程碑4Next前言本篇总结一下里程碑3到4阶段的材质和前向渲染的
勤奋happyfire·2020-07-02 13:38

从零开始手撸WebGL3D引擎9：Scene & Transform

文章目录引言将物体组织成场景一个场景是一棵N叉树场景不止是一棵树从简单开始SceneNode本地矩阵计算更新世界矩阵获取世界坐标和旋转对象-组件和ECS怀念一下C++下一篇引言相比于实现很多花哨的图形效果，写引擎需要很多很扎实的东西。比如说场景和变换就是其中之一，基础中的基础。实现场景和变换的最初的动机，是我们需要在世界中移动旋转和缩放物体，物体之间需要有层级关系，可以将A放到B的上面随着B一起运
勤奋happyfire·2020-07-02 13:06

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

2019独角兽企业重金招聘Python工程师标准>>>http://www.hightopo.com/demo/pipeline/index.html《数百个HTML5例子学习HT图形组件–WebGL3D
weixin_34088583·2020-06-28 11:29

三招教你制作爆款H5微传单

你是否想过有一天自己也能做出像天猫webGL3D设计、韩寒微博、薛之谦的H5广告等一样让人耳目一新的H5微传单?今天小编和大家分享三招制作H5的神技，手把手教大家做出爆款H5微传单。
维本网络·2020-04-14 13:07

webGL－three.js 3D贴图

tietu.gifearth.gif上面两个例子都是应用webGL3D模型贴图实现的按照上一篇介绍的步骤：1、先初始化场景、光源、物体2、创建材质，在材质上添加贴图，再把材质添加到物体上，具体代码：letimg
YomonAh·2019-12-13 05:02

分享收集的WebGL 3D学习资源

大家好，我在本文中分享了我收集的WebGL3D相关的博客、书籍、教程、demo等内容，希望对大家学习WebGL和3D有所帮助，谢谢～相关博客Wonder技术Wonder是我们的产品，包含WebGL3D引擎和编辑器
wx5c8747d53561c·2019-03-16 09:29

在微信小游戏中使用three.js显示3D图形

笔者之前从未接触过微信小程序和WebGL的开发，但是却一直有留意相关技术的发展，大概听说原来微信小程序是不支持WebGL3D技术的。
浮生匆忙客·2018-07-18 10:31

一些3D图像开发库

与其他的WebGL3D引擎相比，G3D是更
___NULL·2018-06-08 22:39

使用着色器在WebGL3D场景中呈现行星表面地形

实验目的：按照一定规律生成类地行星地表地形区块，并用合理的方式将地形块显示出来涉及知识：Babylon.js引擎应用、着色器编程、正态分布、数据处理、canvas像素操作github地址：https://github.com/ljzc002/ljzc002.github.io/tree/master/DataWar一、在球体网格上显示纹理的传统方法：1、常见的一种星球表面绘制方法是这样的：首先用三
巷中人·2018-06-06 15:00

使用着色器在WebGL3D场景中呈现行星表面地形

实验目的：按照一定规律生成类地行星地表地形区块，并用合理的方式将地形块显示出来涉及知识：Babylon.js引擎应用、着色器编程、正态分布、数据处理、canvas像素操作github地址：https://github.com/ljzc002/ljzc002.github.io/tree/master/DataWar一、在球体网格上显示纹理的传统方法：1、常见的一种星球表面绘制方法是这样的：首先用三
ljzc002·2018-06-06 15:00

Canvas、 SVG 和 WebGl三者之间的区别

概要：Canvas位图，是需要自己画点的白板；SVG矢量图，是给数据就可以绘制点、线、图形的，基于XML的标记语言；WebGL3D位图，是基于Canvas的3D框架。
Thea12138·2018-03-28 10:06

在微信小游戏中使用three.js显示3D图形

笔者之前从未接触过微信小程序和WebGL的开发，但是却一直有留意相关技术的发展，大概听说原来微信小程序是不支持WebGL3D技术的。
czy_csd·2018-01-02 23:33

WebGL学习(2) - 3D场景

实际效果：webGL3D场景webGL渲染流程重温一下webGL的渲染流程，这一节在第3、4、5、6步骤需要学习新的内容。其中写入数据
Jeff.Zhong·2017-11-15 09:00

Babylon.GUI官方文档翻译

Babylon.GUI是一个基于Babylon.js的WebGL库，可以用来在WebGL3D场景中生成交互性UI与动态纹理。
ljzc002·2017-10-20 14:00

一个使用物理引擎的WebGL3D场景

这是一个类似第三人称射击游戏（TPS）的3D场景，可以通过https://ljzc002.github.io/FPS2/index.html访问。场景运行效果如下图：场景环境由一个天空盒和一个地面网格组成，屏幕中央是准星，左下部带有纹理的球体代表玩家模型，玩家模型外的绿网是玩家模型的物理仿真器，玩家模型的背部的随机字符表示玩家id，玩家模型的右前方是一个枪械模型，每隔一段时间场景中刷新一个球体网格
ljzc002·2017-08-02 16:00

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

阅读更多http://www.hightopo.com/demo/pipeline/index.html《数百个HTML5例子学习HT图形组件–WebGL3D篇》里提到HT很多情况下不需要借助3DsMax
xhload3d·2016-09-30 01:00

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

阅读更多http://www.hightopo.com/demo/pipeline/index.html《数百个HTML5例子学习HT图形组件–WebGL3D篇》里提到HT很多情况下不需要借助3DsMax
xhload3d·2016-09-30 01:00

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

http://www.hightopo.com/demo/pipeline/index.html《数百个HTML5例子学习HT图形组件–WebGL3D篇》里提到 HT 很多情况下不需要借助3DsMax和
xhload3d·2016-09-30 01:00

数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

《数百个HTML5例子学习HT图形组件–WebGL3D篇》里提到HT很多情况下不需要借助3DsMax和Blender等专业3D建模工具也能做出很多效果，例如http://www.hightopo.com
hightopo·2016-09-30 00:00

基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（二）

阅读更多我们上一篇《基于WebSocket实现WebGL3D拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的数据储存
xhload3d·2016-07-26 01:00

基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（二）

阅读更多我们上一篇《基于WebSocket实现WebGL3D拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的数据储存
xhload3d·2016-07-26 01:00

基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步（二）

我们上一篇《基于WebSocket实现WebGL3D拓扑图实时数据通讯同步（一）》主要讲解了如何搭建一个实时数据通讯服务器，客户端与服务端是如何通讯的，相信通过上一篇的讲解，再配合上数据库的数据储存，我们就可以实现一个简易版的
hightopo·2016-07-26 00:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他