配置scratch二次开发环境

scratch是一个开源的游戏制作平台，我们可以从GitHub上获取到他的代码，其中2.0是使用flash技术支持的，而3.0则是基于HTML5技术开发。

作为一名前端工程师，理所当然的选择3.0版本了，然而让人遗憾的是3.0还没有开发完成，所以还得等待一段时间。

那就先用2.0将就一下吧，scratch 2.0使用ActionScript开发，必须安装Java环境以及使用Dradle进行build。

这里重点说下环境

Java
Gradle
至于其他的Gradle会自动去下载编译需要的依赖

按照上面的环境要求，一切准备妥当，首先就是先build一个试试咯，不然万一不行呢？那不是白搞了。果然，根据文档

scratch-builing.png

在项目下运行命令 ./gradlew build -Ptarget=11.6，首先是Gradle会下载一个名为 gradle-2.5-bin.zip，以后下载一堆 apache flex sdk相关的东西，最后还会下载两个 swc文件，这些就是所有的依赖了。可以在 scratch.gradle文件中看到

buildscript {
    repositories {
        mavenCentral()
    }
    dependencies {
        classpath group: 'org.gradlefx', name: 'gradlefx', version: '1.2.0'
    }
}
repositories {
    ivy {
        name 'Apache Flex'
        artifactPattern 'http://archive.apache.org/dist/flex/[revision]/binaries/[module]-[revision]-bin.[ext]'
    }
    ivy {
        name 'Player Globals'
        artifactPattern 'http://fpdownload.macromedia.com/get/flashplayer/installers/archive/[module]/[module][revision].[ext]'
    }
}复制代码

如果一切都顺利。。。

那么还是会出错。

我的环境是Windows，说说我遇到的问题，按时间顺序来吧

下载flex-sdk直接403
运行命令./gradlew build -Ptarget=11.6报错Cannot invoke method replace() on null object
解决上面的问题，重新执行命令，在执行:compileFlex任务时报XXXadvanced-telemetry参数配置错误

下面介绍解决问题的过程

http 403

首先尝试在浏览器打开下载链接，是可以下载的。所以问题出在运行环境了，好吧，第一想法就是先把域名给换成IP。换上果然成功，下载了68M左右的东西，仿佛看到了希望，接着还下载了一些其他的，仿佛离完成任务更接近了，然而跑着跑着不跑了，再跑时就完全乱了。那好吧，清除缓存再来(缓存文件在家目录下的.gladle/caches)。就这样不断重复浪费了两个小时睡觉时间。第二天上班不知怎么想的，直接用网上下载的zip包解压到了gladle sdks目录.gradle\gradleFx\sdks\[9113ebe5e674b4f43da6410401f9d4743f61c286]这一段乱七八糟的事flex-sdksha码，千万不要换掉，在build的时候gladle会检查是否有缓存zip包再来该文件夹下找（根据sha效验码）解压的文件。然后按照文档中介绍的下载那个两个swc依赖文件放到对应目录，后来验证，依赖问题算是解决。

debug.png

总结原因的话就是依赖在没下完整的情况下终端了程序的运行

Cannot invoke method replace() on null object
这个问题主要原因在于命令./gradlew build -Ptarget=11.6，这里前面两个分别是项目下gradlew.gradle，build.gradle，Ptarget是自定义的参数，11.6是希望的版本，看gradlew.gradle

def target = hasProperty('target') ? target : '11.6'
println "Target is: $target"
def config = new ConfigSlurper(target).parse(file("${commonDir}/config.groovy").toURL())
...
playerVersion = config.get('playerVersion')
...
dependencies {
  flexSDK group: 'org.apache', name: 'apache-flex-sdk', version: '4.15.0', ext: 'zip'
  external group: 'macromedia.com', name: 'playerglobal', version: playerVersion.replace('.', '_'), ext: 'swc'
  ...
}复制代码

这里根据自定义的target属性来获取在配置文件中的配置信息。而配置文件

environments {
  '11.6' {
      output = 'Scratch'
      playerVersion = '11.6'
      additionalCompilerOptions = [
              "-swf-version=19",
              "-define+=SCRATCH::allow3d,true",
      ]
  }
  '10.2' {
      output = 'ScratchFor10.2'
      playerVersion = '10.2'
      additionalCompilerOptions = [
              "-swf-version=11",
              "-define+=SCRATCH::allow3d,false",
      ]
  }
}复制代码

看起来没任何问题，但是当在gradlew.gradle输出target是得到的却是11即点后面的没有取到，所有playerVersion.replace('.', '_')会出错。解决方法就是把11.6使用引号包含起来或者不带参数build。

advanced-telemetry参数配置错误
这个解决方法很简单，因为身为前端程序员并不了解Java或者gradle这个东西，对于ActionScript更是没了解过，一开始完全蒙圈，看错误提示就是这参数不对，所以暴力解决，全局搜索advanced-telemetry字样，果然在gradlew.gradle中找到了，然后删除这个参数。

最后BUILD SUCCESSFUL

配置scratch二次开发环境

悦读