标签归档:互动

Html5试验田-HTML5画布

一位html5实力站长的作品网页,不定期更新html5风格画布,互动感很强,而且他的每个作品都提供全套源码分享,对于想学习html5特效的朋友,值得收藏!

Html5试验田-HTML5画布

传送门 http://www.dhteumeuleu.com/ 

另类浏览体验之互动MV-All Is Not Lost

由美国另类乐队OK Go和同样另类的世界级舞蹈团队Pilobolus合作的MV,Html5标志性的弹窗加上创意的造型组合,给我们以万花筒般的感觉。MV的最后还会展示之前你所输入的短信息,很个性哦。。。

另类浏览体验之互动MV-All Is Not Lost

传送门  已挂

另类浏览体验之滚动的魅力

看惯了常规的网站,再看看今天的这组趣站,我想大家应该会对html5的普及更加期待了。。。网站根据浏览器滚动条的位置实时变化网页内容,使之达到一种另类的互动体验,而主角趣站更是加入声音元素,犹如电影般的网页,你看过吗?哦对了,IE678用户请止步。。。

另类浏览体验之滚动的魅力

传送门 http://soul-reaper.com/

有趣好玩的互动flash-摆字母

这个网站上提供了几种互动式的flash应用,在公共空间里大家可以一起操作,比如一起摆字母、画画、拼图等,你可以好好和他们玩,也可以捣乱,总之,你做的一切都会影响到大家。。。

有趣好玩的互动flash-摆字母

传送门 已挂

体验另类的HTML5三维视觉-ROME

这个网站的技术含量很高,网上查了一下,运用了WebGL技术,它可以实现无插件在网页上展示3D画面。。。进入网站我们就会感受到飞在云端的独特体验,接下来会播放一段很带劲的3D互动MV,部分场景还可以用鼠标来控制。网站同时还提供类似3D积木的创建,你可以制作出超个性的场景并保存发布。。。

体验另类的HTML5三维视觉-ROME

传送门 http://www.ro.me/

有趣的互动涂鸦动画-Draw a Stickman

这个网站有趣之处就在于你可以参与其中,包括整个动画的角色、道具等元素都是由你涂鸦上去的,剧情也极具想像力,可以说是天马行空了,让身为80后的我想起了神笔马良。。。

有趣的互动涂鸦动画-Draw a Stickman

传送门 https://drawastickman.com/

方法

进入网站直接开始涂鸦,你的想像力决定了动画的精彩程度,开始吧。。。

本来呢,国内有高手已经翻译成中文版了,但由于知识产权问题,被迫下线了,给大家说一下流程:进入网站画一个主角,然后会掉下一个盒子,再给他手上画一个钥匙,打开盒子后会有一个神秘礼物,是什么呢?还得你画!然后那个礼物变成一个喷火龙,你再帮主角画一把称手的武器,喷火龙比较难打,就在它狂喷火的时候,上面的图标掉下来把它砸死了。。。

接下来就要救火了,画朵乌云下雨把火扑灭,但过头了,变成了汪洋大海,眼看着鲨鱼就要过来了,这时,你可以画一个下水道,一切又恢复了平静。。。

最后会现字幕,是可以自定义的,设置好后发给朋友,他们玩到最后的时候,就会出现这些字幕,注意不支持中文。。。

同类型网站,留着备用

中文版来啦 https://www.techug.com/play/draw-a-stickman/ 全程中文,特效翻译!(网友carp提供)