在线教程

  • 深入理解CSS3滤镜(filter)功能和实例详解

    CSS3滤镜功能源自SVG滤镜规范,SVG滤镜最早用来给矢量图添加类似PS中像素图的一些特效。
    把这个滤镜功能引入到普通HTML元素中可以带来很有趣的效果(模糊、变形、色度等),这赋予开发者更多创意表达的空间。为止SVG和CSS工作组联合起来制定一个协调统一的滤镜规范:

    阅读全文 收藏 评论 (0) 阅读 (11088) 2016-11-23 17:22:59  
  • 通过实例深入理解HTML5/CSS3/SVG/WebGL的技术本质

    常常听到人们对于HTML5的讨论,看了页面头部这个那个就是HTML5,误认为HTML5只是新增些标签“而已”,学完了W3School似乎就理解了。实际上很多从业人员并不理解业界为什么要推出HTML5系列技术标准,为什么HTML5代表了下一代网页技术。...

    阅读全文 收藏 评论 (1) 阅读 (7360) 2016-11-06 00:15:47  
  • HTML5动画背后的数学2 - 仿生智能算法综述

    本文是前文粒子群仿生算法的续,转发一篇对主流仿生智能算法的一个综述。相关实例...

    阅读全文 收藏 评论 (0) 阅读 (6197) 2016-11-02 14:53:26  
  • HTML5动画背后的数学 - 粒子群仿生算法简介

    本站收录了多个算法可视化动画,如模拟鸟群运动:http://wow.techbrood.com/fiddle/30529等等。这里面除了HTML5 Canvas绘制技巧外,主要是背后的数学算法。本文转发一篇该动画背景算法的简介。1. 引言粒子群优化算法(PS...

    阅读全文 收藏 评论 (0) 阅读 (7143) 2016-11-02 14:23:59  
  • 学习使用CSS制作进度条

    进度条是基础的界面控件,可用于多种场合,比如任务完成进度,手机充电状态等。本文介绍一个简单实用的进度条制作方法。预期效果如下图所示:直观上,我们可以把该进度条控件分为2个部分,外部的边界用来表示固定的目标范围,里面的条形部分用来表示当前进度。外部目标范围元素的CSS代码编写如下:.pb-scope>{>> >>>>displ...

    阅读全文 收藏 评论 (0) 阅读 (6597) 2016-10-07 16:24:23  
  • 粒子运动模拟 - Verlet积分算法简介

    Verlet算法是经典力学(牛顿力学)中的一种最为普遍的积分方法,被广泛运用在分子运动模拟(Molecular Dynamics Simulation),行星运动以及织物变形模拟等领域。Verlet算法要解决的问题是,给定粒子t时刻的位置r和速度v,得到t+dt时刻的位置r(t+dt)和速度v(t+dt)。最简单的方法是前向计算(考虑当前和未来)的速度位移公式...

    阅读全文 收藏 评论 (0) 阅读 (22191) 2016-07-21 13:52:11  
  • WebGL 纹理映射模式以及WRAP_S | WRAP_T参数详解

    我们在纹理滤镜一文中已经说明了2个重要的纹理参数,用来定义对象缩放时纹理的处理方式:GL_TEXTURE_MIN_FILTERGL_TEXTURE_MAG_FILTER本文讲解其余几个纹理参数,定义如何将纹理图像的像素点映射到模型网孔上。这可以分为两步来完成:定义UV坐标UV Mapping指将Bitmap的像素映射到Mesh上的顶点。UV坐标定义...

    阅读全文 收藏 评论 (0) 阅读 (16420) 2016-07-15 22:41:57  
  • S3TC(S3 Texture Compression)纹理压缩格式详解

    使用S3TC格式存储的压缩纹理是以4X4的纹理单元块(texel blocks)为基本单位存储的,每纹理单元块(texel blocks)有64bit或者128bit的纹理单元数据(texel data)。这样就要求每张贴图长度和宽度应该是4的倍数。图像如同一般的做法按照行列顺序存放这些4X4的纹理单元块(texel blocks),每个texel blocks被看成是一个图像的“像素...

    阅读全文 收藏 评论 (1) 阅读 (14806) 2016-06-15 14:16:52  
  • WebGL入门教程6 - 光照效果和Phong光照模型

    正是因为有了光,世界才能被我们看见,在3D的世界里,光照给物体带来真实的视觉感受。当光照射在某一表面上时,它可能被吸收、反射或投射。其中入射到表面上的一部分光能被吸收并转化为热,其余部分被反射或投射。正是反射和透射使得物体可见。如果入射光全部被吸收,物体将不可见,该物体称为黑体。光能中被吸收、反射或透...

    阅读全文 收藏 评论 (1) 阅读 (19434) 2016-06-11 12:10:49