一个超级详细全面介绍响应式H5试玩广告的项目大全。技术栈为原生JS + Create.js(二次封装) + 原生Canvas
1、看完能学到什么
2、前言
3、简单的自我介绍 + 什么是H5试玩广告
4、我负责了哪些H5试玩广告
5、王牌H5试玩广告线上链接
6、核心知识点简介
7、如何实现H5试玩广告
8、H5试玩广告开发规范
9、创建该项目目的
10、总结
-
技术栈为原生JS(es5) + Create.js(二次封装) + 原生Canvas,体量小代码精简,提升了游戏页面加载速度。所有H5试玩广告,要么是用原生JS实现,要么是二次封装的Create.js实现,也有原生Canvas的精彩表现,或是两者、三者技术的结合,不存在类似jq等第三方库。
-
H5试玩性能优化大全 ,将会告诉你h5游戏具体如何提升性能。
-
成功封装了自己的UI框架。将我司的移动端适配和Create.js进行了深度结合、二次封装,不仅创建了公共create.base.js,还封装了公共UI框架。
-
不仅实现了移动端的适配,还实现了横竖屏的适配,也就是移动端和PC端的双重适配,打破了H5试玩广告默认竖屏横屏却无兼容的尴尬模式。
-
h5游戏种类繁多 。至少11款不同类型的h5游戏供大家查看、学习。
-
使用原生JS封装了公共工具类——base.js,在该js里注入了移动端适配的核心。
-
成功监听到当手机静音键开启时,H5试玩广告的BGM也对应的pause。
-
兼容了在弱网条件下,可能出现的白屏问题。更多的亮点,我会在开发规范中阐述。
由于正文过多,就不在readme.md里叙述了,各位请移步到正文.md。
另外正如大家所见,除了readme.md和正文.md,有若干个游戏文件夹,里面存放着每个游戏的所有H5试玩广告线上链接和详解。推荐阅读姿势,先看完正文.md,再查看不同h5游戏线上链接。
我的个人地址: segmentfault
喜欢的希望大家点个 star,鼓励一下,谢谢哈!!!
以下为我工作至今负责、接触过的休闲手游:
球你跳一跳——电音类、Idle Press——解压破坏类、AXE Champ——斧头帮、Popstar2(消灭星星2)——消除类、IdleGrassCutter——割草休闲、drawIt(猜画小歌2)——竞技绘画、WillHero(王牌大作战)——闯关冒险、PaperPlanePlanet——纸飞机、Hexa Drawn——拼图类、Kolor It——涂鸦休闲类、madForDance——舞蹈类、我要打篮球、lucky win——博彩类、Happy Scratch——博彩类、Cheery Ruby——博彩类、Golden Garden——博彩类、lucky cat——博彩类、word jump——连单词类、word juice——连单词类、Townest——三消消除类、Mergical——合成类、word buddies——连单词类等