Threejs 官网 - 检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)

检测使用 three.js 时的 WebGL 和浏览器兼容性(Detecting WebGL and browser compatibility with three.js)太阳火神的美丽人生 (http://blog.csdn.net ...

14. Html5的局:WebGL的纹理格式

#紧接上文 WebGL作为通用的标准,屏蔽了一些硬件厂商的高级特性,有舍就会有取,那么在一些比较常用的功能上,如果硬件无法满足通用,那么就会通过CPU来弥补硬件的不足。图片的纹理格式,就是其中的一个点。#常见的纹理格式我们引用12章 ...

《WebGL入门指南》——第2章,第2.1节Three.js——一个JavaScript 3D引擎

**本节书摘来自异步社区《 WebGL入门指南》一书中的第2章,第2.1节Three.js——一个JavaScript 3D引擎,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区&rdquo ...

如何在chrome上开启WebGL功能和判断目前浏览器是否支持

1.开启方式: 第一种:打开cmd,切换到Chorme的安装目录,敲入chrome.exe –enable - webgl,回车就会打开一个chrome浏览器窗口; 第二种:找到Chrome浏览器的快捷方式,如果没有就 ...

《WebGL入门指南》——第1章,第1.4节本章小结

**本节书摘来自异步社区《 WebGL入门指南》一书中的第1章,第1.4节本章小结,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看****1.4 本章小结** WebGL入门指南 ...

WebGL 中 OpenGL ES 指令与 iOS 中 C 版指令的差异简析

WebGL 中 OpenGL ES 指令与 iOS 中 C 版指令的差异简析太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留 ...

微软开源Edge浏览器的WebGL GLSL转编译器

微软于开源Edge浏览器中 WebGL渲染器的一部分,它就是 WebGL GLSL Transpiler。该公司还特地对GSL::HLSL Transpiler解释了一番:“ WebGL网页可以让GPU来渲染3D内容,这些程序是用GLSL着色语言所 ...

《WebGL入门指南》——第2章,第2.5节本章小结

**本节书摘来自异步社区《 WebGL入门指南》一书中的第2章,第2.5节本章小结,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看****2.5 本章小结** WebGL入门指南 ...

Html5 中获取镜像图像 - 解决 WebGL 中纹理倒置问题

Html5 中获取镜像图像 - 解决 WebGL 中纹理倒置问题太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句:太阳 ...

10. Html5的局:这些年,WebGL替我们做的那些事

### (一)Html5新功能最重要的功能之一当属 WebGL了,和3D图形规范OpenGL、通用计算规范OpenCL一样,来自Khronos Group,2011年对外公布,到现在已经开始有 WebGL2.0规范的雏形了。这种绘图技术标准允许把 ...

13. Html5的局:WebGL的模糊边界

#紧接上文 WebGL是一套跨平台的渲染技术,向上提供统一的标准API,向下屏蔽了硬件厂商的差异,最大化的降低OpenGL的移植成本,同时也失去了一些特色的高级GL功能。先看看常用的纹理数据的变化。# WebGL的标准的落地与否## 标准 ...

Google Chrome 悄悄升级 WebGL 2.0 标准

Google Chrome 悄悄升级了 WebGL 2.0 标准,可以借助新一代显卡,提供先进的 3D 影像,还可以使用 WebGL 2.0 获得更快的 3D 渲染。其实早在 Chrome 56(今年一月底更新)的时候,Google 就已经加入了 ...

《WebGL入门指南》——第2章,第2.4节一个真实的3D示例

**本节书摘来自异步社区《 WebGL入门指南》一书中的第2章,第2.4节一个真实的3D示例,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看****2.4 一个真实的3D示例 ...

开源项目:G3D —— Hybrid 环境下的 WebGL 3D 渲染引擎

nullG3D 是一款基于 WebGL 的 JavaScript 3D 渲染引擎,借助 GCanvas,G3D 可以运行在 Weex,ReactNative 等 hybrid 环境下。G3D 由淘宝终端团队推出,并于 2018 年 3 月与 ...

《WebGL入门指南》——导读

本节书摘来自异步社区《 WebGL入门指南》一书中的导读,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看**本节书摘来自异步社区《 WebGL入门指南》一书中的导读,作者 【美】Tony ...

Unity 5 WebGL vs Web Player

知道的知识比较一下webPlayer和 WebGL,写的不好的地方,还请大家多多指点。&英文原文:http://blogs.unity3d.com/2015/10/08/unity-web-player-roadmap/&Web ...

26. 用WebGL做机器学习

前端技术越来越精彩了,新版WebVRSDK可以支持 WebGL2.0,谷歌最近也发布了JS版本的机器学习框架:搜索:教程 | 如何用30行JavaScript代码编写神经网络异或运算器#紧接上文25 只在内网发布# WebGL的发展 ...

《WebGL入门指南》——第2章,第2.2节建立Three.js运行环境

**本节书摘来自异步社区《 WebGL入门指南》一书中的第2章,第2.2节建立Three.js运行环境,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看****2.2 建立Three ...

Blend4Web —— 开源的 WebGL 框架

Blend4Web 是一个开源的 WebGL 框架,使用 Blender 作为主要的管理工具。原生支持 Blender 的节点材料、NLA 编辑器、例子系统、弹道物理、定位音频等。![image](https://yqfile.alicdn ...

12. Html5的局:WebGL跨平台的取与舍

# 紧接上文在阅读WebKit源码中,讨论了Canvas在iOS平台使用的CoreGraphics框架作为渲染的工具,它运行在CPU上。 WebGL是直接运行在GPU上的API,因此优化空间更大,对程序员要求更高。这次我们看看, WebGL如何对格式转换 ...

15. Html5的局:WebGL的纹理格式的转换

#紧接上文WebKit为了统一 WebGL的书写规范,对OpenGL的标准进行四书五入,推出了平台无关的API标准,同时为了简化底层硬件的差异,又新增了一些纹理格式的支持,由内核提供高性能的图像转换,扩展了OpenGL得标准。那么, WebGL在底层 ...

[Three.js]WebGL心形效果

null&[Three.js] WebGL心形效果& & & &&&本文实现效果参考自Three.js、Sparks.js的examples。如果你的浏览器支持 WebGL,可以点击这里 ...

[Three.js]WebGL心形效果

null&[Three.js] WebGL心形效果& & & &&&本文实现效果参考自Three.js、Sparks.js的examples。如果你的浏览器支持 WebGL,可以点击这里查看 ...

《WebGL入门指南》——第2章,第2.3节一个简单的Three.js网页

**本节书摘来自异步社区《 WebGL入门指南》一书中的第2章,第2.3节一个简单的Three.js网页,作者 【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看****2.3 一个简单的 ...

OpenGLES 与 WebGL 中顶点属性的组织格式的误解 - 一个不好笑的笑话

OpenGLES 与 WebGL 中顶点属性的组织格式的误解 - 一个不好笑的笑话太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载 ...

[WebGL入门]十九,遮挡剔除和深度測试

null注:文章译自http://wgld.org/,原作者杉本雅広(doxas),文章中假设有我的额外说明,我会加上[lufy:],另外。鄙人 webgl研究还不够深入,一些专业词语,假设翻译有误。欢迎大家指正。本次的demo的执行结果 ...

180 度大转弯 微软宣布加入 WebGL 工作组

8月12日消息:微软在日前宣布加入Khronos Group和 WebGL工作组,这让很多人感到诧异,因为这在几年前是根本无法想像的事。 WebGL是基于OpenGL ES和Javascript的一种浏览器3D显示技术规范,而微软在此之前一直是排斥 ...

8月7号晚7点Autodesk北京办公室,我们来聊聊HTML5/ WebGL 3D 模型浏览技术

HTML5/ WebGL 3D 模型浏览技术,通过该技术可以满足将目前流行的各种工程设计3D模型通过支持HTML5/ WebGL 技术的浏览器在网页内进行浏览的各种需求,该技术同时也支持通过API借口进行各种定制开发。&【会议日程】&7 ...

从 IE6 到 IE11 上运行 WebGL 3D 遇到的各种坑

这篇《基于HTML5的电信网管3D机房监控应用》基于 WebGL技术的应用让少同学对HTML5 3D的应用产生了兴趣和信心,但有不少网友私信询问 WebGL如何运行在老的IE678910浏览器的问题,毕竟作为企业应用,用户的机器运行着各式各样 的办公及业务 ...

11. Html5的局:从CPU到GPU,底层技术的变化

# 紧接上文 WebGL为不同的平台/硬件提供了统一的封装,屏蔽了OpenGL ES2.0在各平台差异。后续我们会继续谈谈OpenGL ES2.0在Android/iOS平台的更多差异。这回我们分析WebKit的源码,谈谈 WebGL与Cavans ...

【自动编译代码】陈天奇团队TVM重磅更新:直接在浏览器使用GPU

华盛顿大学陈天奇团队的深度学习自动优化代码生成器TVM发布更新,不需要写一行Javascprit代码,直接就能将深度学习模型编译到 WebGL,然后在浏览器运行。今天,华盛顿大学陈天奇团队开发的TVM发布了更新,不需要写任何JavaScript代码,直接就 ...

实战分享:淘宝Web 3D应用与游戏开发

:第一部分讲述初试Web 3D第二部分讲使用 WebGL第三部分讲工作流相关的游戏编辑器有一句话叫:给我一个支点,我就能撬动地球。很多人都做过2D游戏,3D最大的区别就是多了一根Z轴,而给我一个Z轴我就能创造3D世界。很多做前端的同学对3D这个 ...

从踩坑到填坑|淘宝Web 3D应用与游戏开发实战

本文是淘宝前端技术专家——徐乾伟(烧鹅)分享的淘宝 Web 3D 应用与游戏开发实战,这个话题在业界被谈及得比较少。今天将会从移动、3D、游戏三种交叉的话题来和大家探讨。接下来我们一起从初试 Web 3D、使用 WebGL、工作流 ...

天猫HTML5互动技术实践

进行大量的优化,比如通过预渲染、分片渲染等对性能进行优化;Flash渲染:由于我们的电商属性决定会有一些IE用户,我们通过JSBridge的方式构建独立的Flash渲染系统(兼容IE6+),做到全平台兼容; WebGL渲染,现在随着系统升级 ...

三维城市组件创建成功却无法显示的常见问题 - DataV数据可视化

无法显示的问题,以及相应的解决方法。 三维城市组件创建成功却无法显示的问题,一般是由 WebGL 2.0未打开或者是集显运行 WebGL 2.0导致的。请根据具体问题,选择合适的解决方案 ...

01. WebApp2.0时代启程:Cocos2d-JS详解(一

我们带啦丰富且强大的API,让前端设计者开发出绚丽的显示效果,我们这里主要分析:Canvas、 WebGL1. Canvas传统的网页游戏和动画展示,很大程度上依赖了H5中得Canavs模块,Canvas模块为JS提供了直接操作底层GPU的机会。示例 ...

Web 端的下一代三维图形

WebGL)的关系。首先谈点历史问题有一段时间,基于 Web 标准的技术可以生成具有静态内容的页面,而其中唯一的图形则是嵌入的图片。不久之后,Web 开始增加更多开发人员可以通过 JavaScript 访问的功能。最终,我们需要一个完全可编程的图形 ...

阿里云前端周刊 - 第 16 期

39(ECMAScript 标准委员会)的其他成员的紧密合作,V8 团队提议并共同设计了让正则表达式更强大的几个新特性。### 2. ECharts中运用 WebGL技术的实践http://www.infoq.com/cn ...

Cocos2D-HTML5开源2D游戏引擎

浏览器还是移动浏览器,;第二个目标还是“偷懒”,兼容Cocos2D系列引擎,让已掌握开发要领的同学可以继续偷懒,让没有学过的同学可以轻松悟透、轻松入门、晋级。在引擎的框架设计中,渲染层是Canvas或 WebGL,如果浏览器 ...

19. Html5的局: 手把手写一个100行的VR程序

#紧接上文WebVR扩展了 WebGL的标准,增加了HMD、PS等组件,让开发者可以在H5上开发VR程序。高级VR设备往往拥有了比手机更高精度的传感器、显示器、GPU等,让用户可以更加真实的感受虚拟世界。本节是《Html5的局》最后一节,我们手把手的写 ...

《<em>WebGL</em>入门指南》——第1章,第1.1节<em>WebGL</em>——一个...

本节书摘来自异步社区《<em>WebGL</em>入门指南》一书中的第1章,第1.1节<em>WebGL</em>——一个技术定义,作者【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看 1.1 <em>WebGL</em>——一个技术定义<em>WebGL</em>入门指南<em>WebGL</em>...

《<em>WebGL</em>入门指南》——导读

目 录第1章 <em>WebGL</em>简介 1.1 <em>WebGL</em>——一个技术定义 1.2 3D图形学——入门 1.3 <em>WebGL</em>原生API 1.4 本章小结 第2章 你的第一个<em>WebGL</em>程序 2.1 Three.js——一个JavaScript 3D引擎 2.2 建立Three.js运行环境 2.3 ...

Apple Safari,Chrome等主流浏览器均开始<em>WebGL</em>支持

<em>WebGL</em>已出现在Mozilla Firefox,Apple Safari,如今您已可在最新开发者预览版Google Chrome浏览器中试用<em>WebGL</em>。莫非这次是玩真的?原文: http://news.cnet.com/8301-30685_3-10357723-264.html?tag=mncol;txt <em>WebGL</em>可...

10.Html5的局:这些年,<em>WebGL</em>替我们做的那些事

最重要的功能之一当属<em>WebGL</em>了,和3D图形规范OpenGL、通用计算规范OpenCL一样,来自Khronos Group,2011年对外公布,到现在已经开始有<em>WebGL</em>2.0规范的雏形了。这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在...

如何在chrome上开启<em>WebGL</em>功能和判断目前浏览器是否...

–allow-file-access-from-files的意思是允许从本地载入资源,如果你不是<em>WebGL</em>的开发者,不需要开发调试<em>WebGL</em>,只是想要看一下<em>WebGL</em>的Demo,那你可以不添加这个参数。2.验证开启: 在地址栏中输入...

数据之美-应用<em>WebGL</em>视觉化展现阿富汗平民伤亡

John Bohannon和George Michael Brower应用<em>WebGL</em>向您展现了直观的阿富汗平民伤亡情况 尽管这是个沉重的话题,它依旧展现了<em>WebGL</em>的应用潜力和数据本身的美。您需要一个支持<em>WebGL</em>的浏览器浏览。http://plumegraph.org/

Mozilla发布嘉年华式<em>WebGL</em>展示网站Web O’Wonder

Mozilla发布了一个称为Web O’(pen)Wonder的<em>WebGL</em>功能展示网站。网站包含数个不错的<em>WebGL</em>样例及HTML5实例页面。部分页面专门为Firefox 4定制,大部分只需要一款支持<em>WebGL</em>的浏览器即可观看。...

基于Web的3D绘图标准<em>WebGL</em> 1.0发布

<em>WebGL</em> 是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,<em>WebGL</em>可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统...

Google Chrome 悄悄升级 <em>WebGL</em> 2.0 标准

Google Chrome 悄悄升级了 <em>WebGL</em> 2.0 标准,可以借助新一代显卡,提供先进的 3D 影像,还可以使用 <em>WebGL</em> 2.0 获得更快的 3D 渲染。其实早在 Chrome 56(今年一月底更新)的时候,Google 就已经加入了对 <em>WebGL</em> 2.0 的...

《<em>WebGL</em>入门指南》——第1章,第1.4节本章小结

本节书摘来自异步社区《<em>WebGL</em>入门指南》一书中的第1章,第1.4节本章小结,作者【美】Tony Parisi,更多章节内容可以访问云栖社区“异步社区”公众号查看 1.4 本章小结<em>WebGL</em>入门指南这样我们就结束了<em>WebGL</em>基础知识之...
< 1 2 3 >
跳转至: GO
新人福利专场 阿里云试用中心 企业支持计划 飞天会员助力企业低成本上云 智能财税30天免费试用 云解析DNS新用户首购低至36元/年起 ECS限时升级特惠6.5折