型哥-CSDN博客

原创科技H5 | 打破常规H5，QQ-AR开创交互玩法新纪元

来源：型科科技（公众号ID：xingkec）作者：兔纸QQ-AR是手机QQ基于AR技术用新的交互方式将线上与线下 “无缝”连接的新技术凭借着创新与技术的结合让品牌在充满黑科技的QQ-AR交互体验中展开更为用户增添了不少乐趣小科这次精选了 7个 QQ-AR案例看看这些黑科技案例中都有哪些全新视觉体验先来看看如何玩吧

2017-12-14 22:31:29 2264

原创 H5解析 | 主流形式H5——交互式视频用什么霸占朋友圈？

交互式视频形式H5视频故事与游戏交互完美结合沉浸式体验给视频类H5带来新形式视觉和触觉融合为一体使H5体验更具吸引力体验的基础之上，将品牌信息无缝嵌入，使视频H5独具特色。成为大众传播、行业者、品牌青睐的主流H5创作形式类型之一，今天就来讲讲交互式视频分别有哪些玩法。一、快闪类：快闪是在短时间内，快速闪过大量文字或图片信息的一

2017-11-23 18:35:35 11160 1

原创 H5解析 | 3个套路就能制作如此火爆的“一镜到底”H5

一镜到底形式的H5是现在很受欢迎的一种营销玩法，通常是在h5页面中通过模仿镜头的拉伸，使得不同的画面元素陆续呈现在观众眼前的一种表现方式。在H5页面不剪，画面不切的情况下，做到一气呵成的浏览效果。对于这种酷炫的H5视觉玩法，在内容展示以及吸引用户眼球方面，都可以说有着非常强力的作用。那么今天就给大家来分析下“一镜到底”型的H5案例到底有哪些制作方式。首先

2017-10-24 09:28:12 17907

原创 H5解析｜“薛之谦的恋爱诊所”这样爆款级的案例是如何炼成的？

现在的H5，真是一点也不矜持，现象级说来就来！今天就给来大家介绍近期这个几个爆款级案例。一起来深入研究一下它们有哪些技术点的应用。案例简介：1、俄罗斯方块大家一定玩过，但你可能没玩过这么不正经的。2、薛之谦这次不耍贱，开了个诊所来一本正经的帮你解决你的恋爱问题。3、七夕就剩几天了，你的表白准备了好吗？这个H5有你的爱豆给你的表白信，还有精灵信使帮你传递七夕告白。

2017-09-14 14:20:12 1371

原创魂斗罗归来 H5正式上线跨越时光与你并肩作站

正版《魂斗罗：归来》动作射击手游，丰富弹幕、武器带你挑战万变战场；还原经典魂斗罗玩法与兄弟一起挑战BOSS吧

2017-06-09 18:45:32 1966

原创自带3D全景漫游神技能的H5是如何炼成的

如今基于HTML5的各式移动互动页面（即常说的H5）加入了越来越多的新技术，比如VR虚拟现实现实，就是最近风口上的大热门H5技术，下面分享一下如何基于HTML5来实现这一效果。QQ物联与深圳市天文台合作，在手Q“发现新设备”-“公共设备”里，连接QQ物联摄像头为用户提供2016年天体大事件的直播，大家可以通过手Q实时观看到世界各地最佳观测点的日食，流星等天体现象。承载整

2017-05-08 17:06:39 3944

原创 H5适配逼疯人！这个方案或许能帮到你

以往拿到一份视觉稿要做页面适配，通常都是针对不同分辨率尺寸做断点写 media query，然后看效果再微调。开发过程中视觉稿要是做了修改，修改的地方就得再走一遍分辨率测试和微调，这时想屎的心都有了。而且这些适配都是建立在已知的分辨率尺寸库上，如果市面新出来一款分辨率尺寸机型，呵呵，又要奔跑在测试微调路上。是不是能有用一套代码就适应各种分辨率窗口，那么就不会再有上面这些烦恼，且开发效率快和维护

2017-05-08 16:47:30 3411 1

原创教你一招让你高效搞定高品质的H5交互动画

一般在H5开发流程中，都是交互动画设计师利用Animate cc（即原来的Flash）把动画的原型设计出来，然后交付给UI部门进行开发实现效果。而做过动画开发的UI都知道搞动画开发是较为耗时费力的，而且还要高度还原动画，整个流程走下来的话不论是时间还是其他成本，都是比较高的。其实有一种方法可以有效的改良这种状况，大大地提高开发效率。AnimateCC（就是原来的Flash）可以导出canv

2017-05-08 15:58:12 18146

原创盘点在H5小游戏里常用的动效制作套路

近年来，越来越多的自带绚丽动效的H5小游戏如雨后春笋一般冒出来，而也正是这些炫酷的交互动效，才能够成功地吸引住用户的眼球，让用户为此驻足。而「动效制作」也伴随着H5的大热而火遍前端圈及设计界，下面就让型科为大家分享在H5小游戏里常用的动效制作套路。首先给大家贴上几个动效例子，上面这些动效都是采用我们非常熟悉的gif动画制作出来的动效，而H5动效制作的第一套路，就是G

2017-05-08 15:11:11 3741

原创深度解读如何在H5中完美融入VR技术

VR技术，应该是当下最人们的技术了，各大硬件厂商接连推出VR硬件，也对VR未来进行畅想，仿佛VR已经真的融入到我们身边了。　　然而，VR设备也是五花八门，有牛人“纸制”，也有“大厂”生产，我们从技术角度来举例说明下VR，3D全景技术怎么用H5来武装自己的营销。先百度百科下，VR是什么？　　曰：综合利用计算机图形系统和各种现实及控制等接口设备，在计算机上生成的、可交互的三维环境中提

2017-04-21 11:16:11 13251

原创微信小程序更新6大新功能，扩大使用场景

微信低调发布推送：《小程序新能力》，轻描淡写的一句话带过原因：为增强小程序能力，扩大小程序使用场景，现小程序新增以下能力。实际上，新功能的增加给小程序的推广和普及带来的将可能是翻天覆地的变化！官方说：为了增长小程序能力，扩大小程序使用场景，新增了6个新能力：1、个人开发者可申请小程序；2、公众号自定义菜单点击可

2017-04-11 15:07:29 530

原创最新劳动节H5营销案例合集_10个劳动节h5创意参考

5.1劳动节，如何用H5活动圈粉。劳动、劳模、加班、维权这些关键词可作为节日创意传播的立足点，10个案例推荐希望能帮到各位小主。【1】一齐劳动最光荣把刮刮乐和集字游戏结合起来，采用了呆萌风的Q版漫画人物作为首页铺设，再配上各种共产主义的标志性配饰。游戏以刮刮乐式的互动方式，用户要拭擦刮奖区域以刮奖，若集齐“劳动光荣”四个字则可获得礼物，每天有5次刮开的机会，

2017-04-11 15:05:40 5454

转载都2017年了，H5这些知识你还不知道?（附H5案例介绍）

一、交互上，慎用横屏展示效果。但是在今年的微信传播中，好的创意也可以尝试使用。　　原因：体验上，需要用户设备开启屏幕旋转功能，才能正常观看，用户操作成本高。对不同屏幕的手机，长宽比例不一，难以展示最佳的视觉效果。例外：一些好的创意也可以使用横屏，不过要从创意到设计就要严格把握，需要有准备牺牲部分Android的用户。

2016-11-15 10:00:16 5110

原创仿PokemonGo的H5游戏分析

最近全世界的PokemonGo红红火火，天朝人民都还只是翻墙玩。聪明的品牌已经开始马上借势营销，8.9月的时候已经一波客户不断问型哥能否实现PokemonH5版，当时也为各客户爸爸做了详细的方案，现在为大家介绍一下。这种玩法非常合适品牌爸爸以下需要：1、提倡健康理念，让用户多走走~~2、游戏基于LBS，如果有门店或线下的品牌或商家，很容易就可以结合起来（例如让客户去门店

2016-11-03 13:34:27 2038

原创 Flash检尸倒计时，Google和微软继续加强浏览器HTML5的功能

Chrome从去年6月开始，一些Flash内容成为点击播放。过去的大量采用Flash技术老网站，如果不改版，用户访问看到的只会剩下一个图片，外加一个点击播放，死去的Flash技术，面临在线的所有作品将被鞭尸：在本月早些时候在官方Chrome浏览器上撰写文章时，Google宣布其Chrome浏览器版本53将自动阻止Flash的某些元素（例如在幕后加载分析）。直接屏蔽！Flash的Chro

2016-10-21 17:18:29 714

转载用微信小程序做H5游戏尝试

微信小程序发布后，公司虽然没有拿到第一批内测资格，但作为微信亲密合作伙伴，一定要第一时间去尝试啦。现在微信小程序刚发布还在测试阶段，可以说是1.0版本，所以框架和结构内容都还不多，相关的文档跟微信API一样都做得很好。　　1）微信小程序到底是什么？跟H5,HTML5是不是一样？　　　　它可以把应用功能快速嵌入到微信公众号中，用户无需安装应用就能访问。相比现在的app开发和

2016-10-12 10:23:07 45790

H5游戏开发