• 售前

  • 售后

热门帖子
入门百科

解读CocosCreator源码之引擎启动与主循环

[复制链接]
风无痕0717 显示全部楼层 发表于 2021-10-26 13:16:22 |阅读模式 打印 上一主题 下一主题
目录


  • 前言

    • 预备
    • Go!

  • 正文

    • 启动流程
    • 主循环
    • 小结

  • 总结

前言


预备

不知道你有没有想过,如果把游戏天下比作一辆汽车,那么这辆“汽车”是怎样启动,又是怎样连续运转的呢?
如题,本文的内容重要为 Cocos Creator 引擎的启动流程和主循环。
而在主循环的内容中还会涉及到:组件的生命周期和计时器、缓动系统、动画系统和物理系统等...
本文会在宏观上为大家解读主循环与各个模块之间的关系,对于各个模块也会简朴先容,但不会深入到模块的详细实现。
由于如果把每个模块都“摸”一遍,那这篇文章怕是写不完了。

Go!

盼望大家看完这篇文章之后可以或许更加相识 Cocos Creator 引擎。
同时也盼望本文可以起到“师傅领进门”的作用,大家一起加油修行鸭~
另外《源码解读》系列(应该)会连续更新,如果你想要皮皮来解读解读引擎的某个模块,也欢迎留言告诉我,我...我考虑下哈哈哈~
本文以 Cocos Creator 2.4.3 版本为参考。

正文


启动流程

index.html
对于 Web 平台 index.html 文件就是绝对的起点。
在默认的 index.html 文件中,界说了游戏启动页面的结构,加载了 main.js 文件,并且还有一段立即执行的代码。
这里截取文件中一部分比力关键的代码:
  1. // 加载引擎脚本
  2. loadScript(debug ? 'cocos2d-js.js' : 'cocos2d-js-min.ec334.js', function () {
  3.     // 是否开启了物理系统?
  4.     if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) {
  5.         // 加载物理系统脚本并启动引擎
  6.         loadScript(debug ? 'physics.js' : 'physics-min.js', window.boot);
  7.     } else {
  8.         // 启动引擎
  9.         window.boot();
  10.     }
  11. });
复制代码
上面这段代码重要用于加载引擎脚本和物理系统脚本,脚本加载完成之后就会调用 main.js 中界说的
  1. window.boot()
复制代码
函数。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作