webGL

WebGL 的 Hello World

本文整理自 div 侠于 凹凸 2022 年技术分享,简单介绍了 WebGL 画一个基础图形的流程,希望你了解之后,在使用 3d 渲染库的时候可以少点迷糊。 四种常用的页面绘图工具 关于h5页面的图形绘制,我们大多谈及的是这四种工具:html+css,svg、canvas2d、webgl。 html ... »

o2team

WebGL 入门-WebGL简介与3D图形学

WebGL是一项使用JavaScript实现3D绘图的技术,浏览器无需插件支持,Web开发者就能借助系统显卡(GPU)进行编写代码从而呈现3D场景和对象。 »

pangguoming

WebGL框架 -- three.js

http://segmentfault.com/a/1190000002421007http://www.cnblogs.com/shawn-xie/archive/2012/08/16/264255 »

xinxingyu

WebGL之Threejs概述

什么是WebGL WebGL是在浏览器中实现三维效果的一套规范。 WebGL能做什么 游戏、家居、虚拟现实、城市地图、CAD制图等等 什么是Three.js three.js就是使用javascrip »

liangtao999

webgl未使用独立显卡报告

0x00 楔子 最近客户在使用我们的的三维可视化平台的时候,总是会出现浏览器崩溃,webgl context lost的情况。 这种请一般出现在电脑配置很低的电脑上,比如没有独显,只有很小现存的集成显卡的电脑。 但是客户的电脑大部分都是配置还不错,有独立的显卡。 经过摸索和分析,最终发现了问题所在: ... »

flyfox1982

WebGL 与 WebGPU比对[6] - 纹理

图形编程中的纹理,是一个很大的话题,涉及到的知识面非常多,有硬件的,也有软件的,有实时渲染技术,也有标准的实现等非常多可以讨论的。 受制于个人学识浅薄,本文只能浅表性地列举 WebGL 和 WebGPU 中它们创建、数据传递和着色器中大致的用法,格式差异,顺便捞一捞压缩纹理的资料。 1. WebGL ... »

基于webGL三维停车场,可视化管理Demo

随着社会的发展,城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术,集控制硬件、软件于一体。随着科技的发展,停车场管理系统也日新月异,目前最为专业化的停车场系统为免取卡停车场。下面我们就用ThingJs平台来搭建一个3d可视化的停车场管理系统。   点击查看:DEMO1        DEMO »

Unity3D将来时:WebGL

作者:小玉链接:https://zhuanlan.zhihu.com/p/19974794来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。随着Unity5.0的发布,WebGL平台的部署也正式登场(目前还处于Beta状态)。WebGL是一项利用JavaScript API呈现3D电脑图形的技术。区别于其他需要浏览器加载插件的形式(比如Flash和Unity的Web P »

WebGL 绘制Line的bug(一)

  今天说点跟WebGL相关的事儿,不知道大家有没有碰到过类似的烦恼。 熟悉WebGL的同学都知道,WebGL绘制模式有点、线、面三种;通过点的绘制可以实现粒子系统等,通过线可以绘制一些连线关系;面就强大了,通过面,我们可以绘制我们想绘制的所有的三维对象。 一切看起来都很完美,perfect。 然而,不幸的是,WebGL在绘制线条的时候,存在一个缺陷,那就是在一些机器的一些浏览器上面(应该是大多 »

webGL的一些咨询--web3D

来自:http://www.bumao.com/index.php/2010/06/webgl-overview.html什么是webGLWebGL是一种3D绘图标准,这种绘图技术标准允许把JavaS »

vilyLei

webgl 初识2

之前的文章介绍了webgl. 这里进一步精简。 WebGL的全部内容就是创建不同的着色器, 向着色器提供数据然后调用gl.drawArrays 或 gl.drawElements  让WebGL调用当前顶点着色器处理每个顶点,调用当前片断着色器渲染每个像素。 既然着色器需要数据,着色器分两部分,顶点和片段着色器 顶点着色器需要的数据,可以通过以下三种方式获得。 Attributes 属性 (从 »

[转]WebGL标准最新进展

    名为“WebGL”的绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,为多种浏览器提供3D加速功能,而这个技术入驻浏览器已经逐步演变为现实。     据了解,上周,Mozilla的程序员已经开始将WebGL植入最新的Firefox builds。而本月初,程序员也已经开始将WebGL植入WebKit引擎,而WebKit引擎目前正被用于苹果的Safari和谷歌的C »

unity发布的WebGL部署到IIS

一、创建WebGL代码   在win7下,Unity3D中发布WebGL,然后部署到IIS,只要代码是对,关键是添加mime类型 二、为网站添加mime类型 .json    text/json .unity3d   application/octet-stream .unityweb  application/binary 其他相关,有用到再添加 .mem     application/oct »

webgl实现径向模糊

径向模糊简介 径向模糊,是一种从中心向外呈幅射状,逐渐模糊的效果。 因此径向模糊经常会产生一些中心的发散效果,在PS中同样也有径向模糊的滤镜效果。 径向模糊通常也称为变焦模糊。径向模糊(Radial Blur)可以给画面带来很好的速度感,是各类游戏中后处理的常客,也常用于Sun Shaft等后处理特效中作为光线投射(体积光)的模拟。 在游戏中,常常使用径向模糊来模拟一些运动的动感效果。如鬼泣4中的 »

WebGL学习笔记(六):纹理贴图

只可以绘制纯色的模型是不够的,为了呈现出更真实的模型,我们还需要通过纹理贴图给模型进行上色。 GPU作为一种公用资源,是会被多个进程同时使用的,在资源不足的情况下(比如PC或手机系统进入休眠状态前或被唤醒后),我们持有的上下文会出现丢失的情况,为了保证程序运行的健壮性,我们必须在丢失上下文之后做出处理。 Canvas为我们提供了两个事件来监听,上下文的丢失和恢复,具体使用看下面的代码: 1 »