HTML5
ACdreamers
这个作者很懒,什么都没留下…
展开
-
Three.js入门
Three.js的核心五步就是:1.设置three.js渲染器2.设置摄像机camera3.设置场景scene4.设置光源light5.设置物体object1.设置three.js渲染器三维空间里的物体映射到二维平面的过程被称为三维渲染。 一般来说我们都把进行渲染操作的软件叫做渲染器。 具体来说要进行下面这些处理。原创 2014-01-12 22:11:22 · 14026 阅读 · 1 评论 -
Three.js之渲染器
本篇文章将详细讲解three.js中渲染器(renderer)的设置方法。three.js文档中渲染器的分支如下:RenderersCanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders可以看到three.js提供了很多的渲染方转载 2014-01-12 22:28:34 · 17874 阅读 · 0 评论 -
Canvas API初步学习
1.字体在canvas中最常见的字体表现形式就是填充字体和漏空字体。当然,漏空字体有一个方法:strokeText(Text,left,top,[maxlength]); 而填充字体用fillText(Text,left,top,[maxlength]);上面的两个方法的最后一个参数是可选的,四个参数的含义分为是:需绘制的字符串,绘制到画布中时左上角在画布中的横坐标原创 2013-12-28 19:49:43 · 2560 阅读 · 0 评论 -
HTML5边玩边学
01节 画布:http://kb.cnblogs.com/page/75178/02节 基础绘图:http://kb.cnblogs.com/page/75181/03节 像素和颜色:http://kb.cnblogs.com/page/75182/04节 变换的色彩:http://www.html5china.com/HTML5原创 2013-12-27 20:07:02 · 2140 阅读 · 0 评论 -
CanvasRenderingContext2D(渲染上下文对象)
CanvasRenderingContext2D是一个对象,它有很多属性和方法,通过设置它的属性和调用它的方法,我们可以绘制出优美的图像,获取这个对象很简单: var canvas = document.getElementById("canvas"); var cxt = canvas.getContext('2d');一.Can原创 2014-03-06 14:25:13 · 5879 阅读 · 0 评论 -
HTML5的Canvas画图模拟太阳系运转
今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转,首先,在这个太阳系里分为画轨道和画星球两个部分,对于每一个星球我们要知道它的颜色和公转周期,如下图。 采用面向对象编程的思想,代码如下: 你的浏览器不支持canvas标签! //设置2d绘图环境原创 2014-05-04 15:29:40 · 6547 阅读 · 1 评论 -
第一个Canvas实例-钟表
基础的画线画圆等操作。 你的浏览器不支持canvas标! //获取上下文文档对象 var clock = document.getElementById('clock'); var cxt = clock.getContext('2d');原创 2013-12-28 16:46:57 · 3238 阅读 · 0 评论 -
像素与颜色
一.像素的概念我们在电脑或者电视上能看到色彩斑斓的图像,其实这些图像都是由一个一个像素点构成的,那么就首先要知道什么是像素以及什么是颜色。在内存中,每个像素点由4字节构成,这4个字节的代表的含义如下: (1)第一个字节决定像素的红色值 (2)第二个字节决定像素的绿色值 (3)第三个字节决定像素的蓝色值 (4)第四个字节决定原创 2014-03-07 16:21:28 · 10868 阅读 · 0 评论