【WebGL】Three.js

WebGLM综述以及相关工作

清华唐杰新作WebGLM：参数100亿、主打联网搜索，性能超OpenAIWebGPTgithub仓库地址：https://github.com/THUDM/WebGLM上周五在WAIC上的论坛报告回放。
stay_foolish12·2023-07-19 21:04

deck.gl 调研

0结论deckgl是基于WebGL的数据可视化框架，可以集成在主流的地图框架（arcgis，googlemaps，mapbox）中使用，也可以单独使用。
花湖少年·2023-07-19 20:25

Three JS 调研

0.结论three.js是使用WebGL来绘制三维效果的，核心数据是3D对象和三维模型，更多的是关注如何通过webgl更精细而美的渲染数据three.js相当于封装了webgl，但还是很底层，并不是一个类似于
花湖少年·2023-07-19 20:54

WebGPU开发简明教程【2023】

在WebGPU之前，有WebGL，它提供了WebGPU功能的子集。它启用了新一类丰富的网络内容，开发人员用它构建了令人惊叹的东西。
新缸中之脑·2023-07-19 19:37

window msys2 freeglut g++ 开发编译 c++ opengl应用 --入门(不用IDE)

因为不管是哪种语言gojavapythonrustwebgl涉及到图像编程底层都要遇到c和c++,如果不懂c对于图像opengl编程就无法推进为了研究opengl要储备哪些知识?
趣魂·2023-07-18 16:17

HTML5游戏开发经验及开发工具分享

是否用到Canvas2d、WebGL？采用什么样的呈现框架和游戏引擎？这些选择大部分由开发者的个人经验和游戏将要发布的平台决定。幸运的是，有关HTML5游戏开发的指南现在已经有很多了。
wangchewen·2023-07-18 09:23

Babylonjs 基础教程与填坑①入门常用网址

babylonjs大法好，在webgl领域，国内社区活跃度还比不过three，入坑时好多东西只能自己研究。
maki077·2023-07-18 09:58

THREE.JS镜头随鼠标晃动效果

为了让动画更灵活并且简单借助gsap让其具有更多可能，在未来更容易扩充其他动效gsapDom跟随鼠标移动gsap.quickTo()首先要监听鼠标移动，并且将移动的值转换到-1和1之间方便处理privatemousemove(e:MouseEvent){constx=(e.clientX/innerWidth);consty=(e.clientY/innerHeight);}上面将位置/屏幕宽高将
Jedi Hongbin·2023-07-17 23:08

java整合webgl stl_使用WebGL实现一个Viewer来显示STL文件

WebViewer-STLvarcontainer;varcamera,cameraTarget,scene,renderer;varcameraType=1;varperspectiveAngle=45;varcameraPosX=200;varcameraPosY=200;varcameraPosZ=200;varcameraTargetX=0;varcameraTargetY=0;varca
久久爆品汇·2023-07-17 13:18

立体电影效果渲染

1551925817579-5948d423-81d1-4109-8382-f69b3c8d6dce.pngFYI：https://stemkoski.github.io/Three.js/Anaglyph.html
不决书·2023-07-17 12:55

百度地图 vue-baidu-map

##百度地图vue-baidu-map1.百度示例网址：http://lbsyun.baidu.com/jsdemo.htm#webgl4_02.百度JSAPI网址：http://lbsyun.baidu.com
影之晓毅·2023-07-17 00:38

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

一、总述当代WebGL编程所使用的3D模型大多是从3DsMax模型或Blender模型转化而来，这种工作模式比较适合3D设计师和3D程序员分工配合的场景。
weixin_39968820·2023-07-16 15:04

html hdr文件,使用HDR环境（用于PBR）-Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视.

使用HDR环境(用于PBR)介绍如您之前所见,强烈建议您设置环境纹理的方法是通过HDR就绪文件(DDS或ENV)，该文件包含带有预过滤的MipMap的多维数据集纹理。scene.createDefaultEnvironment();这将从asset.babylonjs.com加载文件environmentSpecular.env。要加载自定义HDR纹理，只需设置scene.environmentT
盗心魔幻·2023-07-16 15:04

【转】探索基础元素---基于WebGL的H5 3D游戏引擎BabylonJS

原文地址：https://blog.csdn.net/AceWay/article/details/51472823介绍在本教程,我们将学习如何使用Babylon.js创建基础元素,比如盒子,球体,和平面.娱乐场演示场景2-七个基本形状/网格我怎么做到这个?一个简单的方法是通过访问娱乐场演示场景02来开始使用基础元素.你可能想使用弹出菜单的’下载.zip压缩包’选项.你得到的zip压缩包里的ind
lzkqcc·2023-07-16 15:01

Babylonjs 初级教程---微软的基于webgl的H5 3D游戏引擎

Babylon.js页面图像库游戏创建系统!Hi!欢迎阅读Babylon.js初级教程,这是后面学习最棒的基于Javascript的网页图形库框架所需必备知识的一个基础介绍.你想知道什么是框架么?你可以把框架认为成建筑里的脚手架,它支撑你围绕它创建新东西而不必为底层细节操心.Babylon.js构造里一个复杂的系统,让网页图形库更容易使用.我们希望以一种非常快速的方式教给你大量的信息.通常这里的任
aceway·2023-07-16 15:59

探索基础元素---基于WebGL的H5 3D游戏引擎BabylonJS

介绍在本教程,我们将学习如何使用Babylon.js创建基础元素,比如盒子,球体,和平面.娱乐场演示场景2-七个基本形状/网格我怎么做到这个?一个简单的方法是通过访问娱乐场演示场景02来开始使用基础元素.你可能想使用弹出菜单的’下载.zip压缩包’选项.你得到的zip压缩包里的index.html文件,包含有你开始创建基础元素所需的一切.记住那个链接,因为我们将更多的谈论到它.我确定你已经读过Ba
aceway·2023-07-16 15:59

Three.js 三维模型（一）

简介今天主要给搭建介绍下three.js的基本使用，本篇是基于笔者在16年给做的一个项目的demo版进行讲解的，笔者当时采用Html5和JS进行编写的。
Hello.Reader·2023-07-16 10:11

十一、PBR材质金属度、粗糙度以及环境贴图的使用

Three.js——十一、PBR材质金属度、粗糙度以及环境贴图的使用metalness金属度金属度属性.metalness表示材质像金属的程度,非金属材料,如木材或石材,使用0.0,金属使用1.0。
Southern Wind·2023-07-16 06:49

盘点5款Cesium三维GIS渲染引擎

它基于WebGL技术，可以在现代的Web浏览器中实现各种三维地球、地图和地理空间数据的可视化展示。作为“万恶之源”，CesiumJS
希艾席蒂恩·2023-07-16 04:17

cesium学习之旅1：cesium 基本介绍以及 cesium 的 hello world 程序

Cesium使用WebGL来进行硬件加速图形，使用时不需要任何插件支持，但是浏览器必须支持WebGL。Cesium是基于Apache2.0许可的开源程序。它可以免费的用于商业和非商业用途。
凹凸曼打不赢小怪兽·2023-07-15 23:03

unity WebGL AssetBundel打包和加载

最近项目是webgl版的，坑真的好多！
大眼睛姑娘·2023-07-15 22:07

webgl跨域问题

跨域问题原因是前端代码放在A服务器上，其中的脚本需要访问B服务器的接口，此时在浏览器上因为安全问题限制访问因此需要在B服务器的配置白名单中加上A。服务器需要向发出的http响应中添加一些Access-Control标头，以指示哪些网页有权从Web浏览器读取该信息"Access-Control-Allow-Origin":"*"如果只是调试用，可以在A服务器上配置代理到B服务器，如nginx配置如下
lipku·2023-07-15 18:09

WebGL - 着色器扫盲

WebGL依赖一种新的称为着色器（shader）的绘图机制。着色器提供了灵活且强大的绘制二维或三维图形的方法，所有WebGL必须使用它。
某些开发·2023-07-15 18:06

如何用Three.js + Blender打造一个web 3D展览馆

作者：vivo互联网前端团队-WeiXing运营活动新玩法层出不穷，web3D炙手可热，本文将一步步带大家了解如何利用Three.js和Blender来打造一个沉浸式web3D展览馆。
vivo互联网技术·2023-07-15 09:40

Three.js -相机平滑移动

一、安装npmi@tweenjs/tween.js二、引入import*asTWEENfrom'@tweenjs/tween.js';三、使用functionanimateCamera(oldP,oldT,newP,newT){//oldP相机原来的位置//oldTtarget原来的位置//newP相机新的位置//newTtarget新的位置vartween=newTWEEN.Tween({x1:
一周一篇文·2023-07-15 04:30

UnityWebSocket | 双端通信支持Text/Binary

跳转官方仓库地址有多个项目使用该库，平台有PC、WebGL。一、说明1）原理WebSocket是H5提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。
itsxwz·2023-07-14 23:04

探索三维世界【4】：Three.js & dat.gui & gsap 的使用

探索三维世界【4】：Three.js&dat.gui&gsap的使用1、dat.gui是什么？2、gsap的介绍与使用2.1、前提准备工作（绘制一个BoxGeometry）2.2、安装引入gsap动画库2.3、使用gsap动画2.4、配合事件使用3、使用dat.gui3.1、添加颜色选择器3.2、添加选择框3.3、自定义动画3.4、添加文件夹1、dat.gui是什么？在游览threejs的官方文档
Modify_QmQ·2023-07-14 22:42

Three.js 实战【1】—— 3D全景视图开发

Three.js实战【1】——3D全景视图开发摘要1、3D视图Demo2、准备工作——搭建好一个开发环境3、RGBELoader——高范围动态图像加载器4、HDR——高动态范围图像5、使用HDR实现3D
Modify_QmQ·2023-07-14 22:42

秋招复习计划安排

javascript基础以及高级用法2day2.复习ajax、echarts1day3.复习es6里面的知识点1day4.复习vue22day5.复习vue3知识点1day6.将webgis里的ceisium、three.js
山雀~·2023-07-14 19:41

webgl基础：着色器基础

前言：(十分重要)上节文章中，跟大家分享了一下如何入门webgl并在画布上绘制一个点。诚然，我们看到的流程是十分繁琐的。这里想说明的一点是，webgl基础很类似于JavaScript基础。
yancy_1012·2023-07-14 15:05

1.Cesium介绍及环境配置

它基于WebGL技术，能够在Web平台搭建虚拟地球及场景展示应用³。Cesium支持3D,2D,2.5D形式的地图展示，可以自行绘制图形，高亮区域，并提供良好的触摸支持，且支持绝大多数
GISer Liu·2023-07-14 10:50

WebGL学习(3) - 3D模型

  原文地址：WebGL学习(3)-3D模型  相信很多人是以创建逼真酷炫的三维效果为目标而学习webGL的吧，首先我就是?。
qq_45670012·2023-07-14 02:44

Cesium 源码解析 Model（三）

KHR_materials_common（非pbr材质）进行glsl字符串的拼装、attributelocation、uniform等信息的收集处理，并将这些信息添加到gltf.extensions.KHR_techniques_webgl
tianyapai·2023-07-13 19:44

three.js中通过gsap动画库实现物体的动画

一、什么是gsapGSAP（GreenSockAnimationPlatform）是一个JavaScript动画库，由GreenSock公司开发，用于在Web应用程序中创建高性能动画。使用GSAP可以通过一些简单的动画操作来实现复杂的动画效果，例如TweenLite、TweenMax、TimelineLite、TimelineMax等工具。以下是一个简单动画的示例：//选取元素varbox=doc
jieyucx·2023-06-24 08:13

3D WEB轻量化引擎工具HOOPS Communicator与Three.js和自主DIY的对比分析

基于Web的2D和3D可视化已经变得越来越流行，而且市场根据这些变化，为其提供了更丰富的实用性。如果处理得好，开发人员可以使用户以简单、用户友好的方式与其他客户、开发人员或其他任何人共享来自市场的设计。当开发人员考虑第三方提供这项服务的成本时，一个常见的问题出现了：为什么不自己做呢？这也就延伸了后续的讨论，即完全从头开始，或者利用软件工具包来减轻开发负担。在与专业人士包括HOOPSCommunic
慧都科技3D·2023-06-23 21:19

WebGL2系列之顶点数组对象

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

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

Web前端3D开发入门规划3D效果将不再是桌面应用的专利我们说了说WEB3D的一个发展和学习方向那么我们还是先搞定文档使用的问题我们可以访问http://www.yanhuangxueyuan.com/Three.js
-耿瑞-·2023-06-23 00:57

学习three.js的第一天

最近在找工作，看到很多招聘需求都需要会three.js，这是个新兴的技术，主要用于数字孪生，智慧城市的开发，有点类似建模，网上相关教程比较少，很多收费的课程首先在github上mrdoob/three.js
前端小菜鸟也有人起·2023-06-22 21:33

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创建场景学习

Three.js入门示例_bcbobo21cn的博客-CSDN博客这里做了Three.js入门示例，显示一个球体；下面单独看一下场景Scene；先只有2句代码，constscene=newTHREE.Scene
bcbobo21cn·2023-06-22 09:37

three.js加载模型失败（跨域问题）

testLoadOBJmodelbody{/*setmarginto0andoverflowtohidden,togofullscreen*/margin:0;overflow:hidden;}functioninit(){varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(45,window.innerWidth/wind
bcbobo21cn·2023-06-22 09:05

three.js入门

前言最近开始学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

3d-force-graph力导向图中向节点添加obj模型

这个函数将使用three.js中的
爱划水de鲸鱼哥～·2023-06-21 21:21

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

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