码迷,mamicode.com
首页 >  
搜索关键字:webgl    ( 747个结果
根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局
利用分子间的引力斥力结合矩阵来完成的效果,真的是很炫,而且还是代码量非常少的情况下完成了由一个节点牵引带动的其他节点移动并根据矩阵的变化来重新分配两点间的连线像有“弹性”一样,真的好酷!这个例子在医疗界还有生物界应该是应用非常广泛的,但是如果好好利用,在工业方面也一定有不小的成就。工业还有利用 He... ...
分类:Web程序   时间:2017-11-13 11:36:43    阅读次数:233
关于WebGL的开发流程
我们学习WebGL也有3周左右了,我们在这里把我们的开发流程记录一下。 在HTML里的部分,我们由于目前只是一个简单的页面,其实就是一个canvas画布,所以我们没有什么好说的。 在js里面,他的一些流程是这样的: 1:首先,我们的WebGL的图形绘画其实是以canvas画布为核心的,所以我们需要先 ...
分类:Web程序   时间:2017-11-11 11:19:10    阅读次数:178
深入理解Three.js(WebGL)贴图(纹理映射)和UV映射
本文将详细描述如何使用Three.js给3D对象添加贴图(Texture Map,也译作纹理映射,“贴图”的翻译要更直观,而“纹理映射”更准确。)。为了能够查看在线演示效果,你需要有一个兼容WebGL的现代浏览器(最好是Chrome/FireFox/Safari/Edge/IE11+)。 本文的在线 ...
分类:Web程序   时间:2017-11-10 17:03:40    阅读次数:346
《JavaScript高级程序设计》Chapter 15 canvas + Chapter 16 HTML5
Chapter 15 Canvas Chapter 16 HTML5 Chapter 15 Canvas Chapter 15 Canvas <canvas>元素:设定区域。JS动态在这个区域中绘制图形。 苹果公司引导的。由几组API构成。 2D上下文普及了。WebGL(3D上下文)还未足够普及。 ...
分类:编程语言   时间:2017-11-09 19:50:08    阅读次数:173
玩转 HTML5 下 WebGL 的 3D 模型交并补
建设性的立体几何具有许多实际用途,它用于需要简单几何对象的情况下,或者数学精度很重要的地方,几乎所有的工程 CAD 软件包都使用 CSG(可以用于表示刀具切削,以及零件必须配合在一起的特征)。CSG 是 Constructive Solid Geometry 建模技术的简称,通过裁剪 subtrac... ...
分类:Web程序   时间:2017-11-09 11:48:24    阅读次数:318
工控SCADA模型 基于HTML5 Canvas WebGL制作摩托车
工业方面制作图表,制作模型方面运用到 3d 模型是非常多的,在一个大的环境中,构建无数个相同的或者不同的模型,构建起来对于程序员来说也是一件相当头疼的事情,我们利用 HT 帮大家解决了很大的难题,以下例子可在官网上查找到 http://hightopo.com/demos/index.html ...
分类:Web程序   时间:2017-11-06 11:10:02    阅读次数:987
two.js之实现动画效果
一、什么是two.js? Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合:SVG,Canvas 和 WebGL,旨在使平面形状和动画的创建更方便,更简洁。 Two.js 有一个内置的动画循环,可搭配其他动画库。Two.js 包含可伸缩矢量图形解释器,这 ...
分类:Web程序   时间:2017-11-05 23:29:22    阅读次数:319
IsoAlgo3d - A PCF 3D Viewer for Desktop, Tablet and Smart phone
Abstract. IsoAlgo3d 通过将PCF三维可视化,并导出HTML文件。由于使用WebGL技术,所以只要设备支持HTML5,就可以不用安装任何软件或插件直接浏览PCF对应的全尺寸标注的管道三维模型,不管是电脑、平板还是智能手机。三维直接浏览管道模型,更加直观,避免了二维ISO图有时表达不... ...
分类:其他好文   时间:2017-11-04 20:40:53    阅读次数:292
目前支持WebGL的浏览器有哪些?
Google Chrome 9+ Mozilla Firefox 4+ Safari 5.1+(仅限于Mac OS X操作系统,不包括Windows) Opera 12 alpha及以上版本 IE9+,但是IE并不支持WebGL,不过你可以通过下载并安装IEWebGL这个插件 WebGL是一种3D绘 ...
分类:Web程序   时间:2017-11-03 00:14:24    阅读次数:359
D3、openlayers的一次尝试
近期尝试了一个webgl相关的内容,有些小激动,及时分享一下我的测试示例,效果如下: 此示例分从业务角度分为两部分,一个部分为d3展示的柱图,另一部分则为用openlayers展示的地图。而其难点却在界面的交互效果。实现内容的翻面。 一、翻面效果的实现 此效果看似神奇,理解清楚原理后也还是很简单的。 ...
分类:其他好文   时间:2017-11-01 21:42:47    阅读次数:174
747条   上一页 1 ... 25 26 27 28 29 ... 75 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!