选择LAYA的原因

1,可以使用typescript来创作,符合之前使用C#的习惯。
2,能够很方便地将一个项目导出到多平台。
3,很方便和直观的ui界面操作流程。

简单介绍一下自己

编程时间:3年,
擅长的领域:Unity,Laya。
熟悉的语言:C#,Typescript,Javascript
喜欢的方向:游戏制作。

为什么要写这个系列

原因有二,第一是目前的主要工作内容是使用LAYA制作H5项目,工作中有时候会遇到一些问题,有时遍寻不到解决方案,唯有自己寻找解决方法。第二是有时候做了一些简单的效果,自我感觉还不错。故都集中在此交流和分享。

一些注意事项

  1. 本系列的主要内容是LAYA制作2DH5。暂时不涉及小游戏,app和3D等领域。
  2. 使用引擎版本为Laya 1。(注意是1不是2!)
  3. 主要使用语言为TypeScript。
  4. 适用人群:有一定代码基础的,H5初学者。LAYA初学者,从其他引擎转LAYA的前端开发人员。
  5. 使用领域:移动端H5。

系列的内容

第一部分

  1. 准备工作——熟悉LAYA的完整项目流程和项目结构。
  2. 开始写一点代码——初始化项目,页面适配,加载资源。
  3. 制作第一个页面——Laya的页面布局和适配。
  4. 页面切换——如何制作多页面H5。
  5. 如何测试和调试?
  6. 实现一个H5的简单Demo。
  7. 实现一个完整的H5游戏的简单Demo。
  8. 最后一步——如何将你的项目发给别人看?

第二部分

  1. 如何插入能够在微信中识别的二维码。
  2. 使用Laya实现H5的瀑布流页面。
  3. Laya实现H5上传图片功能以及释放资源。
  4. 如何在页面中实现H5截屏和保存图片功能。
  5. 灵活使用Panel组件实现多种效果。
  6. 一些不易察觉的细节和小技巧。
  7. 使用Tween,龙骨以及Animation等优化你的H5项目。

其他

目前仍处于画饼阶段。内容会陆续加入。敬请关注。

如果你在浏览这些文章时有任何问题或者发现任何错误,欢迎留言,也欢迎与我联系:lancelotfan@126.com。

Laya和TypeScript制作H5——开始相关推荐

  1. LAYA和TypeScript制作H5入门——页面制作

    上一篇: LAYA和TypeScript制作H5入门--准备工作 一般情况下,一个H5是由多个相互关联的ui页面串联组成.遵循的大致逻辑一般是加载页面,开始页面,内容页面和结束页面.这些界面承担了用户 ...

  2. 一款可视化的在线制作H5

    一款可视化的在线制作H5 官方网站: http://www.iii66.cn 制作H5网址: http://www.iii66.cn/love/page/index 包括对图片,文字,图形,视频,声音 ...

  3. h5课件制作_PPT新功能!竟然还能用来制作H5

    原标题:PPT新功能!竟然还能用来制作H5 最近几年随着移动端的快速发展,我们获取信息的途径更加便捷了,我们几乎每天都会刷微博.看朋友圈.而在众多的信息传递中,H5页面成了最受大众欢迎的形式. 所谓的 ...

  4. h5评论直接显示代码_全套H5教程免费学,让你0基础自学制作H5页面

    当前,H5页面已成为各大品牌及新闻媒体普遍采取的表现形式,它可以通过优质的内容.新颖的创意向用户推广产品.传播信息,并利用互联网的快速性,短时间内达到很高的浏览量和识别度.相较于H5而言,海报或视频设 ...

  5. 怎么_如何制作h5页面?

    近年来,h5突然开始风靡全国,与此同时也涌现出了一批以此为生的h5页面开发商或软件供应商. 尽管如此,还是有许多人喜欢亲自动手开发h5页面.下面,笔者将会从几个方面简单地介绍如何制作h5页面. 完整的 ...

  6. H5及H5页面是什么意思?如何制作H5页面?

    H5是HTML5的简称.HTML5是HTML最新的修订版本,是一种超文本标记语言.H5有两大特点:首先,强化了 Web 网页的表现性能.其次,追加了本地数据库等 Web 应用的功能. H5页面就是利用 ...

  7. 易企秀怎么转换成html5,易企秀怎么免费制作h5?

    原创易企秀怎么免费制作h5? 编辑:小鑫 来源:PC下载网时间:2018-01-13 06:02:31 如何使用易企秀制作一个免费的html5页面?如何使用易企秀制作一个免费的h5页面来进行宣传?易企 ...

  8. animate cc开发html5游戏,使用Create.js与Adobe Animate CC制作H5落地页动画

    一.背景 在移动端,利用H5技术,可实现微杂志,微信邀请函,H5小游戏等营销互动等应用开发,本文将介绍一种Create.js与Adobe Animate CC结合来制作H5落地页的方法. 通过两者结合 ...

  9. 用html5做课件,这么好玩!PPT竟然还能用来制作H5?

    最近几年随着移动端的快速发展,我们获取信息的途径更加便捷了,我们几乎每天都会刷微博.看朋友圈.而在众多的信息传递中,H5页面成了最受大众欢迎的形式. 所谓的H5,简单来看就是那种打开之后有画面,有音乐 ...

最新文章

  1. pyqt5程序发生错误不中断_关于Windows页面错误的一些基础概念
  2. Loadrunner 性能测试服务器监控指标
  3. 电脑删除的文件怎么恢复?你要找的方案
  4. 动态滤波网络论文解读
  5. python random_Python random() 函数
  6. 【Spring学习笔记-MVC-1.3】消息转换器HttpMessageConverter
  7. Java 常用的 4 种加密方式(MD5+Base64+SHA+BCrypt)
  8. Hadoop(入门)
  9. 欧几里得(Euclid)算法的Python实现
  10. 《蔡康永说话之道》书摘
  11. 用Python做数据分析告诉你奶茶哪家最好喝性价比最高?
  12. MongoDB可视化工具之Studio 3T的使用
  13. PostMan测试http请求
  14. 微星RTX 4090和RTX 4080 SUPRIM参数对比评测
  15. 操作系统文件系统设计实验报告
  16. 区块链与大数据结合分析
  17. oracle db file sequential read,详解 db file sequential read 等待事件
  18. Differential dataflow 微分数据流
  19. ROC曲线绘制相关R包下载和安装方式
  20. cs224w homework 0

热门文章

  1. sql2java-excel(一):基于apache poi实现数据库表的导出及支持spring web
  2. html删除图片效果,html+css实现图片右上角加删除叉、图片删除按钮
  3. 迈阿密牛津计算机专业,迈阿密大学牛津分校计算机科学
  4. 2022年09月编程语言排行榜
  5. 网易云音乐params和encSecKey参数生成代码
  6. 基于WeLink开发的智慧云OA系统获奖啦!
  7. Frontiers | 北林邬荣领/何晓青-网络作图揭示拟南芥与叶际微生物组互作机制
  8. C++解决Hanks趣味问题
  9. IE8.0中显示不出来图片其他浏览器都可以显示
  10. 【弹子兵法】四国军棋棋盘、棋子与记谱【基础篇】