Blockly developer tutorial

1,832 views
Skip to first unread message

edu...@dinocode.com.br

unread,
Feb 21, 2017, 7:41:11 PM2/21/17
to Blockly
Hi!

I want to start making blockly games, like the "blockly games" example. But I don't know how to integrate blockly with the animations that are the feedback of the code.
Anyone know how to do this or where I can find a course or tutorial to teach me this?

Thanks.

picklesrus

unread,
Feb 22, 2017, 12:31:24 PM2/22/17
to Blockly
The code for blockly games is open source so you can take a look at how it is done there:  https://github.com/google/blockly-games
For example, in the maze game the move forward block's code generator calls moveForward, which eventually ends up calling Maze.move().  

Neil Fraser

unread,
Feb 25, 2017, 12:22:34 AM2/25/17
to blo...@googlegroups.com
There used to be a tutorial on the developer's site that walked through the process of creating a simple tic-tac-toe game.  But it appears to have been lost in recent updates.  Here's the slide deck that this tutorial was based on:
https://docs.google.com/presentation/d/1Aovpbe0QHM_gFLSj--e7ovgOldanOQO2mWGBh3Ga-dE/edit#

It would probably be good to get this tutorial back online.

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

edu...@dinocode.com.br

unread,
Mar 6, 2017, 12:40:58 PM3/6/17
to Blockly, ro...@neil.fraser.name
Hi Neil!

Thank you so much for you response, it is beeing very helpful!
I just wanna ask 2 questions:
1. The source code of the final example is available, I still wanna see how my code is compared from the one from the example.
2. I'm getting stuck making a movement block for my game, do you have any materials that could help me?

Thanks!
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

phil cleaver

unread,
Mar 7, 2017, 11:05:32 PM3/7/17
to Blockly, ro...@neil.fraser.name

mcsf1...@pucit.edu.pk

unread,
Jun 6, 2018, 12:37:25 PM6/6/18
to Blockly
Can u plzzz tell me how to make the front page of blockly game ? Give me the code?


Thanks.
Untitled.png
Message has been deleted

Rachel Fenichel

unread,
Jun 6, 2018, 1:37:22 PM6/6/18
to Blockly
As Neil mentioned, the code is all on github.  Here's the directory with the front page: https://github.com/google/blockly-games/tree/master/appengine/index

Best,
Rachel

MAIRA NAJAM

unread,
Jun 6, 2018, 2:14:05 PM6/6/18
to blo...@googlegroups.com
Thanks :)

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.

MAIRA NAJAM

unread,
Jun 7, 2018, 3:34:19 AM6/7/18
to blo...@googlegroups.com
CAN u help me out plzzzz ?

On Wed, Jun 6, 2018 at 10:37 PM, 'Rachel Fenichel' via Blockly <blo...@googlegroups.com> wrote:

--

MAIRA NAJAM

unread,
Jun 7, 2018, 3:38:21 AM6/7/18
to blo...@googlegroups.com
As u give me the link of front page.. i thoroughly read it and also apply it.. but there is no proper use of html? Can u plzz give me the solution.. i couldnot find out? NO html file only css file.. and css file is not working beacuse there is no link of css file and link provide in html file which is not there.. can u give me the solution ?

Rachel Fenichel

unread,
Jun 7, 2018, 2:03:19 PM6/7/18
to Blockly
I am also not familiar with that code.  You are going to need to either explore more parts of the blockly games source, including parents and child directories, or else use developer tools to inspect the page to understand what's going on.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.

MAIRA NAJAM

unread,
Jun 7, 2018, 2:05:01 PM6/7/18
to blo...@googlegroups.com
Can u give me that exact directory..?

Rachel Fenichel

unread,
Jun 7, 2018, 2:05:53 PM6/7/18
to Blockly
I sent you the directory in a previous email.

MAIRA NAJAM

unread,
Jun 7, 2018, 2:08:29 PM6/7/18
to blo...@googlegroups.com
Yess u send it.. but in that directory code was not clear.. soo i am asking can u give me the related directory that is helpful for me..

Rachel Fenichel

unread,
Jun 7, 2018, 2:14:54 PM6/7/18
to Blockly
As I said: I am also not familiar with that code.  You are going to need to either explore more parts of the blockly games source, including parents and child directories, or else use developer tools to inspect the page to understand what's going on.

MAIRA NAJAM

unread,
Jun 7, 2018, 2:16:09 PM6/7/18
to blo...@googlegroups.com
Ok thanks..

Mark Friedman

unread,
Jun 7, 2018, 8:22:41 PM6/7/18
to blo...@googlegroups.com
This might be the file that you're looking for:  https://github.com/google/blockly-games/blob/master/appengine/index/template.soy.  Note that it is not straight html/js.  It is a template language called soy, but you'll probably be able to figure out what's going on.

-Mark

Ok thanks..

To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.

Santhosh v pillai

unread,
Jun 8, 2018, 5:07:01 AM6/8/18
to Blockly
Dear sir,

I am also want to create blockly games.I want to know how to integrate the blocks with the animated part.Is there using phaser or canvas?I think the linking part is through js. Please guide me
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages