HTML5在线教程和技术博客

  • 在PHP网页程序中执行Sass/Compass命令

    我们需要在wow云开发平台支持sass/compass等预编译样式语言,为此我们首先尝试了scssphp扩展,但是在支持最新语法上,经常会出现异常。所以我们采用了代理的方式, 在CentOS服务器上安装了sass-lang和compass框架(前提是安装了ruby开发环境)。 然后在php中通过系统命令执行接口(exec/system)把编译工作转交给sass/com...

    阅读全文 收藏 评论 (0) 阅读 (2252) 2016-04-19 14:19:21  
  • Three.js入门教程6 - 创建全景图和纹理

    全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难。要做一个全景图,你需要一个软件用来做一张全景图片。我使用了iPhone上的Microsoft Photosynth软件来制作。1.环境纹理首先什么是环境纹理?在WebGL或者OpenGL中他们实际上是种特殊的立方体纹理。一个立方体纹理是对整个场景(虚拟的或现...

    阅读全文 收藏 评论 (0) 阅读 (8702) 2016-04-16 00:30:11  
  • Three.js入门教程5 - 10个必须知道的编程技巧

    作者为Google的Paul,关于如何写出好的WebGL代码的文章。和很多开发者一样,我通过实践学习,但同时我也向其他更有经验的开发者们学习。在过去的几个月中,我在canvas标签上花了很多时间,我想如果把这段时间学到的关于WebGL和JavaScript的小技巧都写下来,一定很有意思。有一些很具体,有一些却很笼统,希望你们喜欢!>

    阅读全文 收藏 评论 (0) 阅读 (8677) 2016-03-16 00:16:49  
  • Three.js入门教程4 - 创建粒子系统动画

    嗨,又见面了。这么说我们已经开始学习Three.js了,如果你还没有看过之前三篇教程,建议你先读完。如果你已经读完前面的教程了,你可能会想做一些关于粒子的东西。让我们直面这个话题吧,每个人都爱粒子效果。不管你是否知道,你可以很轻易地创建它们。>[TD_Editor] data-height=380 data-theme=embed data-slug-id=26706 d...

    阅读全文 收藏 评论 (0) 阅读 (9433) 2016-03-16 00:07:15  
  • Three.js入门教程2 - 着色器(下)

    这是WebGL着色器教程的后半部分,如果你没看过前一篇,阅读这一篇教程可能会使你感到困惑,建议你翻阅前面的教程。>
    上一篇结束的时候,我们在屏幕中央画了一个好看的粉红色的球体。现在我要开始创建一些更加有意思的东西了。
    在这一篇教程中,我们会先花点时间来加入一个动画循环,然后是顶点attributes变量和一个...

    阅读全文 收藏 评论 (0) 阅读 (6455) 2016-03-15 23:43:02  
  • Three.js入门教程1 - 基础知识和创建一个红色球体

    [ TECHBROOD注:Three.js是一个主流的开源WebGL库,WebGL允许使用JavaScript直接操作GPU,在网页上实现3D效果。
    Google的工程师Paul在网站aerotwist.com上发表了六篇入门教程文章,经网友omni翻译为中文文档。虽然是几篇老文章,仍然值得参考阅读。我们汇总在一起便于读者查阅。]

    阅读全文 收藏 评论 (0) 阅读 (8218) 2016-03-15 23:18:25  
  • HTTP/2背景和新特性简介

    在前面的一篇文章中已经介绍了HTTP1.1的现状和问题。为了从协议本身上解决这些问题,业界推进...

    阅读全文 收藏 评论 (0) 阅读 (1312) 2016-01-30 22:45:38  
  • HTTP1.1协议现状、问题和解决方案

    HTTP的现状最早的HTTP协议非常简单,只能用来传送文本,方法也只有GET,后来逐步发展到1.1,能够支持多种MIME格式数据(如文本、文件),支持GET,POST,HEAD,OPTIONS,PUT,DELETE,TRACE和CONNECT方法,这些新的方法(HTTP METHODS)也是后来RESTful服务接口风格的技术基础。目前几乎所有互联网上的内容都采用了HTTP1.1作为通...

    阅读全文 收藏 评论 (0) 阅读 (1357) 2016-01-30 22:23:54  
  • 免费易学的交互式HTML5在线教程 - 从入门到精通

    1. 覆盖HTML5/CSS3/ES6/SVG/WebGL等网页编程领域的新兴技术,丰富的在线实例讲解;> 2. 目标驱动的交互式学习模式,通过精心设计的分级任务来渐进引导学习过程,着重培养实战能力; 3. 简要介绍主流设计理念,如拟物、扁平、原质化(Material)、响应式(Responsive)设计; 4. 中英文对照便于理解和记忆词汇的定义,也...

    阅读全文 收藏 评论 (0) 阅读 (2535) 2015-12-15 18:57:43