Scratch

GP1 · 2011-08-14 15:47:25

chat about it
views!!

I thought of this a long time ago, but never got around to it.
scratch_blox.js is a JavaScript library to help make games in JavaScript. It uses functions that have block names and you call them to make things do stuff.
Example:

Code:

$(document).ready(function(){
!forever{
show("#pic");
waitSeconds(5);
hide("#pic");
waitSeconds(5);
}
});

In this example, the script shows the pic, waits 5 seconds, hides the pic, waits 5seconds, then repeats it forever.
This is a simple way for people who understand scratch to create JavaScript games.

I need developers and testers. Ask me and I'll put you in the box.

GP1 — head developer
ProgrammingFreak — developer
WindowsExplorer — tester
Guinea_Pig_Girl — tester
gbear605 — developer
bobbybee — developer
ohaiderstudios — tester

Downloads: unavailable: not debugged properly, so we're starting over. sad

Last edited by GP1 (2011-08-26 17:46:01)

WindowsExplorer · 2011-08-14 16:16:03

Cool idea! I always wanted to jearn JavaScript! Whens it going to be out?

GP1 · 2011-08-14 16:17:31

I don't know. I don't even have another developer sad I'm guessing that you want to be a tester?

WindowsExplorer · 2011-08-14 16:24:37

Ya ya! tongue

GP1 · 2011-08-14 16:29:34

UPDATE: 3 blocks:
show()
hide()
forever(){}

ProgrammingFreak · 2011-08-14 16:49:53

Oh wow. I have wanted to do this forever, but no one seemed to be interested in helping! big_smile I will help but first you need to look at these articles. wink They are helpful.

http://www.admixweb.com/2009/05/20/how- … rk-part-1/
http://blogs.vertigo.com/personal/rbigg … .aspx?ID=8

GP1 · 2011-08-14 17:01:10

ProgrammingFreak wrote:
Oh wow. I have wanted to do this forever, but no one seemed to be interested in helping! I will help but first you need to look at these articles. They are helpful.

http://www.admixweb.com/2009/05/20/how- … rk-part-1/
http://blogs.vertigo.com/personal/rbigg … .aspx?ID=8

Thanks, I'll look at them and put you in the box. Lol, I wanted to do this so that I could make games with js easy smeasy

ProgrammingFreak · 2011-08-14 17:08:25

In your example, you are using some jQuery code. tongue

GP1 · 2011-08-14 17:09:36

BTW, pf, could you go to the chat, plz? There we can share code and discuss development

ProgrammingFreak · 2011-08-14 17:58:45

okay big_smile

GP1 · 2011-08-14 21:06:33

@pf those are really helpful. I need help with a block, more info in the chat room.

GP1 · 2011-08-14 22:09:12

UPDATE: 2 new blocks
math (the *+/- blocks)
join()

ProgrammingFreak · 2011-08-15 11:13:17

GP1 wrote:
@pf those are really helpful. I need help with a block, more info in the chat room.

Okay. When are you normally on?

veggieman001 · 2011-08-15 11:27:43

Wow! That looks like an amazing idea! big_smile

ProgrammingFreak · 2011-08-15 12:08:07

veggieman001 wrote:
Wow! That looks like an amazing idea!

It really is. big_smile

GP1 · 2011-08-15 13:41:16

YAY!! I just got done with a lot of new blocks
I'm done with numbers and looks and control
And now I am done with sensing for version 1

Last edited by GP1 (2011-08-15 13:54:07)

GP1 · 2011-08-15 14:34:48

We are now ready for testing. Sorry, pf, I kinda took over. Could you find out how to play sounds in js?
Anyway, I will edit the first post with directions.

GP1 · 2011-08-15 14:58:30

These are the list of control blocks and what version they are in, along with the funciton.
[blocks]<when green flag clicked> not supported
____________________________________________________________________________________
<when[ ]key pressed> v1
$(document).keydown(funciton(){
//select to wich key here
if(keyDownBool('key here') ){
//code for game here
}
});
___________________________________________________________________________________
<wait( )secsc> v1
waitSecondsThen(numberOfSeconds, function(){
//code to execute after num of seconds go by
});
___________________________________________________________________________________
<when[ ]clicked> v1
$("#idOfImageHere").click(function(){
//code when id is clicked
});
___________________________________________________________________________________
<forever> v1
forever(function(){
//code to repeat forever
});
___________________________________________________________________________________
<repeat( )> v1
repeat(numberOfTimesToRepeat, function(){
//code to be repeated the # of times
});
___________________________________________________________________________________
<broadcast[ ]> v1 as function
ex.
function nameOfFuntion(){
//code when called
//code won't be executed until you call the funtion
}
//anywhere in code
nameOfFunction();
__________________________________________________________________________________
<broadcast[ ]and wait c> not supported
__________________________________________________________________________________
<when I receive[ ]> as function
__________________________________________________________________________________
<forever if> v1
foreverIf(someSortOfBooleanAnswer, function(){
//code here
});
__________________________________________________________________________________
<if> v1
if(statement here){
//code here
}
__________________________________________________________________________________
<if><else> v1
if(statement here){
//code
}else{
//code
}
_________________________________________________________________________________
<wait until> not supported
_________________________________________________________________________________
<repeat until> v1
repeatUntil(booleanStatment, function(){
//code here
});
_________________________________________________________________________________
<stop script>not supported
_________________________________________________________________________________
<stop all> v1
exit;
_________________________________________________________________________________

Last edited by GP1 (2011-08-15 15:00:25)

GP1 · 2011-08-15 15:30:31

These are the list of motion blocks and what version they are in, along with the function.
[blocks]<turn cw( )degrees> v1
turnRight(idOfPicture, numberOfDegrees);
___________________________________________________________________________________
<turn cw( )degrees> v1
turnLeft("#idOfPicture", numberOfDegrees);
___________________________________________________________________________________
<go to x sad )y sad )> v1
goTo("#idOfPicture", xPosition, yPosition);
___________________________________________________________________________________
<move( )steps> not supported
___________________________________________________________________________________
<if on edge, bounce> not supported
___________________________________________________________________________________
<glide( )secs to x sad )y sad )> not supported
___________________________________________________________________________________
<point in direction( )> not supported
___________________________________________________________________________________
<change x by( )> not supported
___________________________________________________________________________________
<point towards( )> not supported
___________________________________________________________________________________
<direction> not supported
___________________________________________________________________________________
<x position> v1
xpos("#idOfPicture");
___________________________________________________________________________________
<y position> v1
ypos("#idOfPicture");
___________________________________________________________________________________
<change y by( )> not supported
___________________________________________________________________________________
<set x to( )> v1
setXpos("#idOfPicture", numberOfXPosition);
___________________________________________________________________________________
<set y to( )> v1
setYpos("#idOfPicture", numberOfYPosition);
___________________________________________________________________________________
<go to[ anotherImage ]> v1
goToOther("#idOfImageGoing", "#idOfOtherImage");
___________________________________________________________________________________
<go to[ mouse ]> v1
goToMouse("#idOfImage");
___________________________________________________________________________________

GP1 · 2011-08-15 16:04:41

it doesn't work at the moment, I'll try to fix this

GP1 · 2011-08-15 16:19:27

@pragrammingfreak could you look the code over? Something is wrong and the code won't execute.
http://kitcatprogramming.net78.net/test … ch_blox.js
EDIT: I named the file scratch_blocks.js instead of scratch_blox.js LOL
I'm going to fix that.....

Last edited by GP1 (2011-08-15 16:20:39)

ProgrammingFreak · 2011-08-15 16:29:12

GP1 wrote:
@pragrammingfreak could you look the code over? Something is wrong and the code won't execute.
http://kitcatprogramming.net78.net/test … ch_blox.js
EDIT: I named the file scratch_blocks.js instead of scratch_blox.js LOL
I'm going to fix that.....

I'll see what I can do! big_smile

ProgrammingFreak · 2011-08-15 16:31:50

When is the last time it worked? That could help me narrow it down. tongue Uh, also, are we gonna have it look like scratch or just a textarea? or you use the source plain?

GP1 · 2011-08-15 16:35:25

ProgrammingFreak wrote:
When is the last time it worked? That could help me narrow it down. Uh, also, are we gonna have it look like scratch or just a textarea? or you use the source plain?

one version like scramble, another is plain source. Also, I never got the chance to try it out until I finished it

GP1 · 2011-08-15 18:44:26

I guess I'd better start debugging it.

Scratch

archived forums

#1 2011-08-14 15:47:25

scratch_blox.js — the ultimate JavaScript library

Code:

#2 2011-08-14 16:16:03

Re: scratch_blox.js — the ultimate JavaScript library

#3 2011-08-14 16:17:31

Re: scratch_blox.js — the ultimate JavaScript library

#4 2011-08-14 16:24:37

Re: scratch_blox.js — the ultimate JavaScript library

#5 2011-08-14 16:29:34

Re: scratch_blox.js — the ultimate JavaScript library

#6 2011-08-14 16:49:53

Re: scratch_blox.js — the ultimate JavaScript library

#7 2011-08-14 17:01:10

Re: scratch_blox.js — the ultimate JavaScript library

ProgrammingFreak wrote:

#8 2011-08-14 17:08:25

Re: scratch_blox.js — the ultimate JavaScript library

#9 2011-08-14 17:09:36

Re: scratch_blox.js — the ultimate JavaScript library

#10 2011-08-14 17:58:45

Re: scratch_blox.js — the ultimate JavaScript library

#11 2011-08-14 21:06:33

Re: scratch_blox.js — the ultimate JavaScript library

#12 2011-08-14 22:09:12

Re: scratch_blox.js — the ultimate JavaScript library

#13 2011-08-15 11:13:17

Re: scratch_blox.js — the ultimate JavaScript library

GP1 wrote:

#14 2011-08-15 11:27:43

Re: scratch_blox.js — the ultimate JavaScript library

#15 2011-08-15 12:08:07

Re: scratch_blox.js — the ultimate JavaScript library

veggieman001 wrote:

#16 2011-08-15 13:41:16

Re: scratch_blox.js — the ultimate JavaScript library

#17 2011-08-15 14:34:48

Re: scratch_blox.js — the ultimate JavaScript library

#18 2011-08-15 14:58:30

Re: scratch_blox.js — the ultimate JavaScript library

#19 2011-08-15 15:30:31

Re: scratch_blox.js — the ultimate JavaScript library

#20 2011-08-15 16:04:41

Re: scratch_blox.js — the ultimate JavaScript library

#21 2011-08-15 16:19:27

Re: scratch_blox.js — the ultimate JavaScript library

#22 2011-08-15 16:29:12

Re: scratch_blox.js — the ultimate JavaScript library

GP1 wrote:

#23 2011-08-15 16:31:50

Re: scratch_blox.js — the ultimate JavaScript library

#24 2011-08-15 16:35:25

Re: scratch_blox.js — the ultimate JavaScript library

ProgrammingFreak wrote:

#25 2011-08-15 18:44:26

Re: scratch_blox.js — the ultimate JavaScript library

Board footer