陈小峰(iefreer)的专栏

踏得网: 发现和展示WEB魔法

排序:
默认
按更新时间
按访问量

Three.js 中文文档和在线演示实例

Three.js是当下最流行的网页3D渲染JS引擎,其主要是对WebGL编程以面向对象方式进行的封装。 踏得网专注于HTML5技术生态链的资源开发,鉴于网络上Three.js方面的资料比较散乱,且良莠不齐, 因此我们把Three.js的官方文档、示例和我们的平台上已有资源整合起来,提供在线中文文档...

2016-06-16 19:40:24

阅读数:62072

评论数:3

A-Frame WebVR开发入门教程

WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的 A-Frame 框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构建3D VR场景动画原型,而不需要编写过多...

2017-04-07 00:05:51

阅读数:19186

评论数:0

如何在浏览器中使用WebAssembly特性

WebAssembly是一个新的重大网页技术,顾名思义“网页的汇编语言”。[参考阅读:什么是WebAssembly,为什么需要WebAssembly]该技术得到Mozilla、Google和Microsoft的支持,但目前如果要体验该特性,需要修改浏览器的一些标记(配置):对于Chrome,打开c...

2017-03-02 22:12:26

阅读数:8819

评论数:1

CSS3特性查询(Feature Query: @supports)功能简介

这是2017年不能不了解和学习的一个CSS新特性,很简单实用,考虑到现实世界浏览器的复杂性,该特性本应该先于其他新特性出来。我们已经知道使用媒体查询(Media Query)来检测屏幕尺寸,从而实现响应式界面设计。而特性查询则用来查询用户代理(如桌面浏览器)是否支持某个CSS3的特性,这个功能除了...

2017-02-07 13:24:39

阅读数:7157

评论数:0

2016年度10大HTML5动画

踏得网精选2016年度最酷最新的HTML5动画集,评选标准为:创意新颖度+实现技术难度+趣味程度。技术全面覆盖HTML5/CSS3/SVG/WebGL/ES6。

2016-12-27 17:55:24

阅读数:25502

评论数:1

php tesseract 不能执行成功

centos6的环境,php版本为5.5,tesseeract为2.0.2版本,执行其他命令如ls可以,执行tesseract不工作。在命令中加入 2>&1,返回错误信息“不能加载eng.unicharset",权限问题,修改权限解决问题,记录下。

2016-12-21 15:20:57

阅读数:7752

评论数:2

使用Babel独立版编译ES6代码时报错误:Unexpected token <

使用babel-standalone来在线编译ES6代码,但是遇到如下错误: “Unexpected token <” 原因是ES6中使用了ReactJS,需要在编译预设置选项(presets)中添加react

2016-11-08 17:58:25

阅读数:9986

评论数:0

通过实例深入理解HTML5/CSS3/SVG/WebGL的技术本质

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

2016-11-06 00:56:26

阅读数:8999

评论数:0

使用JS压缩用户上传的图片

使用HTML5的FileReader接口和Canvas的toDataURL接口来实现客户端图片压缩以减轻系统负荷。

2016-11-04 22:39:04

阅读数:18342

评论数:3

HTML5 vs Hybrid APP vs Native APP和技术选型

HTML5(纯移动Web应用)和Native APP都很容易理解。为了获得HTML5的移植性和移动本地应用的高性能,搞出来一些混合APP的解决方案。比如Apache的Cordova(也就是以前的PhoneGap)、微软的Xamarin、Facebook的React Native、Google的Na...

2016-10-17 23:02:36

阅读数:8497

评论数:0

Sphinx2.1.9使用HTML文件作为索引源技术要点备忘

踏得网(http://techbrood.com)站内教程和手册的查找功能,建立在Sphinx上,其最新发布版本为2.2.11。 Sphinx既能支持数据库索引,也支持对文本文件(xml、html、txt等)和json结构文件进行直接索引。本文说明如何建立HTML文件的索引。

2016-10-13 15:25:43

阅读数:7349

评论数:0

Babylon.js入门简介和开发实例

Babylon.js是一款WebGL开发框架。和Three.js类似。主要的技术区别是Three.js还试图回退兼容CSS 3D。 Three.js是完全社区推动的,比Babylon.js要成熟些,而Babylon.js是微软推动的,和微软的相关技术结合更好。 本文对Babylon.js的使用做个...

2016-10-10 23:22:06

阅读数:14827

评论数:0

如何使用Canvas绘制闪电动画

在天气预报类移动网页应用中,我们常常需要使用到雷雨天气时的闪电动画。 本文介绍如何使用Canvas来很简单的实现这个效果。对于Canvas不熟悉的,可阅读踏得网免费HTML5在线教程Canvas基础知识部分。

2016-10-08 13:35:13

阅读数:8693

评论数:0

学习使用CSS做进度条

进度条是基础的界面控件,可用于多种场合,比如任务完成进度,手机充电状态等。本文介绍一个简单实用的进度条制作方法。

2016-10-07 11:15:51

阅读数:9302

评论数:0

基于HTML5实现的在线3D虚拟试衣系统(试衣间)解决方案

3D虚拟试衣系统的使用场景主要是在线电商或数字营销,为品牌服装、服饰、饰品添加高端3D虚拟购物动效,提升用户感官体验和交互体验。 踏得网基于网页/HTML5独家研发了一套在线3D虚拟试衣间系统。纯网页版,跨平台支持,无需用户安装插件。

2016-09-09 00:37:37

阅读数:25643

评论数:7

Blender 2.7.7 引用OSL文件的路径问题

在使用Blender2.7.7给模型添加纹理时,启用了Render的OSL(开放式着色语言)支持。但是在引入外部.osl文件时,控制台报存储临时文件失败错误。原因是用户名为中文,程序不能正确处理,所以需要修改系统临时文件夹。对于Win10来说做如下修改:1. 进入WIN键》控制面板》系统》高级配置...

2016-07-07 23:42:09

阅读数:7929

评论数:0

WebVR简介和常用资源链接

这是一个实验性的JavaScript API,提供了在用户网页浏览器中访问虚拟现实设备的统一接口。 现在体验VR,一般你需要在VR设备的前方加上一个手机,这额外添加了重量和总体成本。 理想的体验是能投影到空间上,然后使用内置浏览器打开url,而无须下载APP,这将打破视觉空间和输入空间的限制。

2016-06-19 11:42:45

阅读数:11826

评论数:0

WebGL中纹理贴图过滤器(filter)参数设置详解

创建好纹理后,我们需要设置纹理的一些常用参数,其中最主要的是过滤器(或滤镜)参数设置。 这个参数将影响纹理在发生缩放(比如一个交互式3D对象或一个远景运动中的对象)时,如何生成纹理贴图。 在踏得网的WebGL纹理滤镜详解一文中,我们做了详尽的解释,并内嵌了在线演示用例。

2016-06-10 11:52:48

阅读数:8904

评论数:0

Yii1中Model中Relation定义和with、together方法使用注意点

在Yii中如果使用Model(ActiveRecord)来完成联合查询,我们首先需要在Model中定义关联关系。Yii并不会默认进行关联查询,我们需要使用类似如下的代码:Article::model()->with('Category')->together()->find......

2016-05-29 09:18:50

阅读数:8991

评论数:0

使用Canvas绘制不完美/不规则的圆形

真实世界是不完美的,当我们需要模拟真实世界时,经常需要引入不完美/不规则的形状。比如陨石、雨滴、行星、树叶、绵延的海岸线、云朵等。本文介绍如何基于Canvas生成随机大小的不完美圆形。首先我们要了解,在几何学上圆形可以通过增加等边对称多边形边数来无限逼近。那么所谓不完美圆形,实际可以通过一个不等边...

2016-05-23 20:16:26

阅读数:12466

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭