Skip to content

Latest commit

 

History

History
58 lines (30 loc) · 3.41 KB

README.md

File metadata and controls

58 lines (30 loc) · 3.41 KB

Responsive-H5-Playable-ads-dictionary

一个超级详细全面介绍响应式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,鼓励一下,谢谢哈!!!

image

以下为我工作至今负责、接触过的休闲手游:

球你跳一跳——电音类、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——连单词类等