allotstick_head2

What’s AlloyStick

AlloyStick 是一款专为HTML5开发的2D骨骼动画引擎。可以用于HTML5动画开发、HTML5游戏开发。AlloyStick 主要由骨骼动画引擎和骨骼动画编辑器两部分组成。骨骼动画编辑器提供强大的骨骼动画编辑功能,拖拽骨骼组合角色,通过设置动画关键帧,输出动画数据。js动画库根据输出数据,依靠强大的自动补间和骨骼关系,就可以制作出逼真、生动的Canvas骨骼动画,可以畅快的运行在PC、手机、平板等设备里。

TAT.Minren 响应式设计
In CSS3,HTML5,Web开发,移动 Web 开发 on 2014年01月23日 by view: 27,249
8

网上的教程好复杂,我写一个简版的。

简单说呢就针对不同的屏幕分辨率应用不同的CSS样式。比如在电脑、Pad设备上,屏幕比较宽,就可以一行放2个Div。
到了手机上,或者Pad竖着拿的的时候,一行就只放1个Div。
这里有2个关键点:
一是如何在不修改Dom结构的前提下调整布局。
二是如何判断屏幕分辨率并应用对应的CSS。
以上两点都应该不依赖与JS。

====索引=====

【Web缓存机制系列】1 – Web缓存的作用与类型

【Web缓存机制系列】2 – Web浏览器的缓存机制 

【Web缓存机制系列】3 – 如何构建可缓存站点

【Web缓存机制系列】4 – HTML5时代的Web缓存机制

【Web缓存机制系列】5 – Web App时代的缓存机制新思路

【Web缓存机制系列】6 – 进击的Hybrid App,量身定做缓存机制

============

前言

前面的文章分别简述了Web缓存、相关机制、以及 html5 和 Web App 时代我们可以选择的缓存思路。转眼过了很长时间,这期间移动互联网成为大家讨论和学习的焦点,部门也有很多同学陆续接触 Mobile Native App 和 Mobile Web App 的开发。同时,还有部分同学专注 QQ 内嵌 Webkit + Client 这种Hybrid App模式的开发,继续推动 QQ 客户端 Web 化的进程。

引用张图,简单粗俗的解释下 Native App、Web App 和 Hybrid App

TAT.Minren 慎用DataImageURL给DOM赋值
In HTML5,Web开发 on 2013年12月02日 by view: 4,775
0

最近在更新JX.Animate的Demo,我想让首页的美女图动起来。用的是Canvas实现的,过几天大家就可以看到一边移动一边缩放的效果了。

在切换图片的时候,过场动画是用m×n个div的CSS3动画实现的。此时div上显示的图片必须要和Canvas大图上的一致。

之前是用图片url设置div背景的方式实现的。于是很自然的想到可以通过Canvas.toDataURL()获得一个DataImageURL,然后沿用原来的逻辑就行了。

现实永远是骨感的。

DataImageURL字符串必然是一个巨长无比的字符串,用这么长的字符串进行m×n次的DOM操作,结果就是一场灾难。

TAT.Cson canvas动画优化小议
In HTML5,Web 前端优化,Web开发 on 2013年12月01日 by view: 11,158
8

在使用canvas制作动画时,最传统的方式是对 canvas update -> clear -> draw 的过程

e1

但是对于同一个view里的不同的动画,需要的更新频率可能并不一样,所以对于不同类型的动画,我们可以放在不同的canvas层上进行渲染,使用多层canvas分别渲染取代单个canvas

最近在学习HTML5CSS3,印象最深的是CSS3的动画功能,不仅有浏览器原生支持,执行效率高,而且免去在js中自己管理timer

本来想写一个图片轮播器练练手,结果在网上发现一个国人写的开源的图片轮播器。不仅效果很酷,而且是女神级的。什么?你问是不是妹子写的?这个我不知道,我说的是这个Demo中的图片都是女神呀,性感火辣,丰满妩媚……咳咳,回正题。

在参加飞跃马拉松的时候,小组的项目构思是基于移动社交网络做一个记录用户旅游轨迹和照片的APP应用。

即当用户在旅游过程中,手机会不间断的上报GPS坐标到服务器,服务器会保存所有坐标到数据库,然后用户打开自己的旅游记录后,我们会在手机上创建一个全屏的地图,通过服务器CGI获取所有GPS的坐标点,然后通过这些坐标点绘制出一条线。

上周Oscar赴新加坡南洋理工大学(Nanyang Technological University, Singapore)参加Mozilla主办的HTML5集训及研讨会。活动主要是针对希望了解HTML5技术的在校学生,分享HTML5的当前状况、主要技术点以及一些实际应用,以帮助他们了解HTML5的强大能力和快速入门。

原文:http://blog.artillery.com/2012/05/realtime-multiplayer-3d-gaming-html5.html

这篇文章国内有些机器译的版本,但实在太难阅读,这里试译了下。
由于译者水平有限,可能会有不少错漏之处,一些不明确是否译准的地方附了原文。
此文涉及挺多框架/库,在翻译过程中ip收获还是挺多的,建议大家在阅读时可以同时去了解下文中所提到的相关技术。
【提示:此文不是”跟我学做HTML5游戏”之类的教程文章】

Windows8风格程序支持使用WPF和HTML两种方式进行编程。本人之前曾使用WPF开发过概念版QQ,现在又在使用HTML5。两种技术都略懂,略懂。所以将两者做了个比较。虽然WPF的命运多舛,应用不太广泛,但技术本身还是有很多亮点的。值得我们学习一下,开阔眼界。