高清今期跑狗玄机图 > 培训案例 >

Blockly培训案例-puzzle游戏的制作(一)

2019-08-30 02:42 来源: 震仪

  去年的两期培训,发现老师们对blockly-games兴趣较高,而且参训老师在返校之后,很多都使用blockly-games进行了教学尝试。而设计这个案例的原因一是老师们对blockly-games较为熟悉且兴趣较高,二是前几个案例都是基于blockly-master中的code demo的代码进行设计的,这个案例将基本抛开blockly-code,是一个全新的开始。

  所以此puzzle案例将以blockly-games中的puzzle为原型,制作一个简单的拼图游戏,从新建文件夹开始,从“前端”到“后端”,咱们从头来!

  在正式开始之前,先做一个小案例热热身,这也是谷歌官网的有提到的一个小案例,可能因为是英文的,可能大家没有留意,这里就带大家动手操作一下。

  新建文件夹,并在文件夹中新建index.html文件,并在html文件中,编写之前提到的“最简”html代码:

  当然,这里的blockly只添加了blocks,没有添加category,大家可以自己动手添加。

  前面我们用到了Blockly的开发者工具,但只是用它来进行块的设计,它的Workspace Factory我们并没有深入接触,这个较完整的Blockly,就是教大家用Workspace Factory,定义你的Blockly。

  当选项卡选中Toolbox时,可以通过中部的“+”和“-”,添加或删除Toolbox中的类或块。

  Standard Category,输入标准类的类名,将直接添加整个类;

  当选项卡选中Workspace时,界面看似和Toolbox没什么区别,不过这里从左侧Toolbox中拖拽到工作区的代码块,都将默认显示在你的工作区,像Plane游戏中的seat块一样,而且可以通过中部的选项,定义工作区的样式,是否添加Zoom,是否添加Grid,是否添加Scrollbars等。

  打开(3)中导出的workspace.xml代码,将其复制添加到body中:

  打开(3)中导出的toolbox.xml代码,将其复制添加到body中;

  注意:workspace.js文件插入的位置,如果插入到head中,可能无法显示。

  以上步骤都完成之后,用浏览器打开html文件,即可看到你设计的Blockly界面。

  我幼年时看见过海,它是蓝的。 我年轻时见过花,她是红的。 如今一个陌生人坐在我的身旁:他没有颜色……

  1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3、各种资源都可以当成模块来处理 4、网站 如今,越来越多的JavaScript代码被使用在页面上,我...

  最近且慢的长赢交流群里,每天都有人在讨论几个问题: 今天的补仓建议是否应该跟? 是否要等到下午2:30看看今天补仓的品种是否涨了,然后再决定是否补仓? 去哪里看准确的实时净值? 今天涨了,要不要取消补仓订单? 关心这些问题的人,大多担心每天的股市波动,害怕按照且慢的补仓建议...

  我要用口水、学院、灵歌、垃圾、下半身各种诗体反复描绘然后用先锋小说,民间散文,古典戏剧,量子物理论文,日报社论,叛军檄文,盲人道情,电器说明书,浪荡儿悼词我要记下所有细节:半夜花苞迸裂,汗水砰砰坠落尘埃,须发在风中铮铮拔节我要把熟识的人都编进真实故事,或者酿出可疑事故我要在...

  2013年冬天,我身无分文。自己也想不通怎么就混到那样惨。某夜跟女朋友大吵一架后,我像往常一样装模作样地离家出走,她居然没有像往常一样主动打电话找我。没钱吃饭,没处睡觉,没工作,没存款,被逼无奈,我钻进一家网吧,开始漫无目的地搜寻招聘信息,窝在只剩半截靠背的转椅里吞了一碗泡...

教练资质 留学资讯 商科课程 早教优势 心理教育 友情链接:

Copyright © 2002-2019 高清今期跑狗玄机图 版权所有