Scratch

rdococ · 2012-12-19 07:28:02

Got no Flash support? Got no Squeak support? Or just an alien operating system?

Visit Catnip, the new version of Scratch specifically designed in HTML5 for maximum, multi-platform compatibility: Catnip 2.0

Waiting patiently for the next version of Catnip, like waiting for Scratch 2.0? Wait no more!
Visit Catnip Next, the latest version: Catnip Next 2.0 (Full)

Catnip's website exists at:
1 Catnip Avenue, Rdococ City, Wix.com Website-hosting Empire
[At times, Catnip or Catnip Next may not work correctly on Wix.com. This is because Wix.com HTML5 applet is still in some sort of testing, so the HTML5 interpreter is the problem. Try the Dropbox links instead, as they are pure HTML5 and do not get interpreted or converted by any online software.]

New features in Catnip 2.0:
- Sprites are now canvas images, not just a numeric representation of an arc or circle. Use the secondary canvas to draw your own sprite. You can even erase whatever you draw!
- Use the JSON transformation form to encode your project into a JSON-based string on which you can share all of the data in your project with others. (As a pre-caution if it occurs, there is an error in the encoding that causes the string to lose transparency data.) Click the JSON button after copying data into textbox to load another project in.

Think Catnip is too closely related to GE? Think that Catnip is GE for larger screens. Of course, this is intentionally closely related to GE and is on the same platform as GE.

You can freely discuss this project in that bookshelf below, where all the topic posts of this thread are kept!

This is (CC), so you can indeed modify the site like you modify Scratch. In fact, the first version of this project was just a rebranded version of my latest Go Everywhere Snippet at the time.

Credit to:
al-x - On Catnip, the script textbox is a textarea and it even has a Scratch Script Panel-like background. While the panel is only partly of al-x's making, al-x coded the textarea.
The Code Theory Website - On Catnip Next, the secondary canvas coding is nearly copied from a tutorial on this website, slightly modified to suit the purpose.
IRC - The Base64 transformation and the JSON parsing is thanks to support from a certain JS-related channel on IRC.

~~rdococ

Last edited by rdococ (2013-03-30 08:09:34)

Hardmath123 · 2012-12-19 07:30:34

I'm getting a 403 error. Looks exciting, though! smile

Magnie · 2012-12-19 09:43:33

Looking forward to seeing this get finished. There are some HTML5 developers here, maybe they can help to get the project done quickly. ^.^

Maybe I'll learn HTML5 just to help...

Hardmath123 · 2012-12-19 10:05:52

I believe the 0.8 arc you mention is in radians. You can convert degrees to radians with the formula DEG*(π/180) and vice-versa with RAD*(180/pi). So 0.8*(180/pi)

rdococ · 2012-12-19 10:34:56

Hardmath123 wrote:
I believe the 0.8 arc you mention is in radians. You can convert degrees to radians with the formula DEG*(π/180) and vice-versa with RAD*(180/pi). So 0.8*(180/pi)

The "0.8" arc is radians but it is multiplied by PI in the rendering process.

Last edited by rdococ (2012-12-19 12:15:25)

SJRCS_011 · 2012-12-19 17:35:59

rdococ wrote:
Got no Flash support? Got no Squeak support? Or just an alien operating system?

Visit Catnip, the new version of Scratch specificially designed in HTML5 for maximun, multi-platform compatibility: Catnip 1.2

Waiting patiently for the next version of Catnip, like waiting for Scratch 2.0? Wait no more!
Visit Catnip Next, the latest unstable version or release candidate: Catnip Next [At times, Catnip Next may be a stable release. This is because major updates are developed in Catnip Next and then transferred to Catnip.]

You can freely discuss this project in that bookshelf below, where all the topic posts of this thread are kept!

This is (CC), so you can indeed modify the site like you modify Scratch. In fact, the first version of this project was just a rebranded version of my latest Go Everywhere Snippet at the time.

~~rdococ

Fixed your links so they work w/o downloading smile

Last edited by SJRCS_011 (2012-12-19 17:36:24)

al-x · 2012-12-19 22:11:00

I was wondering if I could help with this? I'm decent with html5 but hope to help more with implementing graphics and blocks.

fetchydog567 · 2012-12-19 22:44:09

rdococ wrote:
Got no Flash support? Got no Squeak support? Or just an alien operating system?

Visit Catnip, the new version of Scratch specificially designed in HTML5 for maximun, multi-platform compatibility: Catnip 1.2 [For some reason, it downloads the file, instead of viewing it. But when hosted on a website, it will view the file.]

Waiting patiently for the next version of Catnip, like waiting for Scratch 2.0? Wait no more!
Visit Catnip Next, the latest unstable version or release candidate: Catnip Next [At times, Catnip Next may be a stable release. This is because major updates are developed in Catnip Next and then transferred to Catnip.] [For some reason, it downloads the file, instead of viewing it. But when hosted on a website, it will view the file.]

You can freely discuss this project in that bookshelf below, where all the topic posts of this thread are kept!

This is (CC), so you can indeed modify the site like you modify Scratch. In fact, the first version of this project was just a rebranded version of my latest Go Everywhere Snippet at the time.

~~rdococ

The link doesn't work.

rdococ · 2012-12-20 04:15:56

al-x wrote:
I was wondering if I could help with this? I'm decent with html5 but hope to help more with implementing graphics and blocks.

Hello.

Suggest to me code samples of how to implement graphics and blocks and I will update it to make advantage of the code samples. This is a way of helping me to use valid and up to date code.

By the way, have you tried Catnip Next yet? It's a whole version of the current in development version of Catnip.

Last edited by rdococ (2012-12-20 04:19:24)

rdococ · 2012-12-20 04:17:00

SJRCS_011 wrote:
rdococ wrote:
Got no Flash support? Got no Squeak support? Or just an alien operating system?

Visit Catnip, the new version of Scratch specificially designed in HTML5 for maximun, multi-platform compatibility: Catnip 1.2

Waiting patiently for the next version of Catnip, like waiting for Scratch 2.0? Wait no more!
Visit Catnip Next, the latest unstable version or release candidate: Catnip Next [At times, Catnip Next may be a stable release. This is because major updates are developed in Catnip Next and then transferred to Catnip.]

You can freely discuss this project in that bookshelf below, where all the topic posts of this thread are kept!

This is (CC), so you can indeed modify the site like you modify Scratch. In fact, the first version of this project was just a rebranded version of my latest Go Everywhere Snippet at the time.

~~rdococ
Fixed your links so they work w/o downloading

Thank you. These will be the new links, provided they work.

~~ rdococ

rdococ · 2012-12-20 04:25:21

fetchydog567 wrote:
rdococ wrote:
Got no Flash support? Got no Squeak support? Or just an alien operating system?

Visit Catnip, the new version of Scratch specificially designed in HTML5 for maximun, multi-platform compatibility: Catnip 1.2 [For some reason, it downloads the file, instead of viewing it. But when hosted on a website, it will view the file.]

Waiting patiently for the next version of Catnip, like waiting for Scratch 2.0? Wait no more!
Visit Catnip Next, the latest unstable version or release candidate: Catnip Next [At times, Catnip Next may be a stable release. This is because major updates are developed in Catnip Next and then transferred to Catnip.] [For some reason, it downloads the file, instead of viewing it. But when hosted on a website, it will view the file.]

You can freely discuss this project in that bookshelf below, where all the topic posts of this thread are kept!

This is (CC), so you can indeed modify the site like you modify Scratch. In fact, the first version of this project was just a rebranded version of my latest Go Everywhere Snippet at the time.

~~rdococ
The link doesn't work.

Please give me some explanation of the error you get other than telling me "The link doesn't work". This way, I can get more detail on what went wrong and I will be able to fix the error. Unless, of course, the page just appears blank, which then I'd have to do some research.

s_federici · 2012-12-20 09:32:58

I'm not clear if there is an intended difference between catnip and JsScratch (http://scratch.mit.edu/forums/viewtopic.php?id=79044) or sb2js (http://dl.dropbox.com/u/12239448/js%20p … /index.htm) or Snap (http://snap.berkeley.edu/snapsource/snap.html)

veggieman001 · 2012-12-20 09:57:04

s_federici wrote:
I'm not clear if there is an intended difference between catnip and JsScratch (http://scratch.mit.edu/forums/viewtopic.php?id=79044) or sb2js (http://dl.dropbox.com/u/12239448/js%20p … /index.htm) or Snap (http://snap.berkeley.edu/snapsource/snap.html)

All three you listed seem to have different purposes; Scratch 1.x playing, Scratch 2.0 playing, and being an editor/player for a mod. This, however, seems somewhat different in that it's not compatible with any Scratch release so far and has a slightly different scripting languages; I'm not sure if I'd consider it Scratch-related, at least at this point, because it's so different.

That doesn't mean it's not cool though; I'm interested to see what you do with it.

rdococ · 2012-12-20 11:29:43

veggieman001 wrote:
s_federici wrote:
I'm not clear if there is an intended difference between catnip and JsScratch (http://scratch.mit.edu/forums/viewtopic.php?id=79044) or sb2js (http://dl.dropbox.com/u/12239448/js%20p … /index.htm) or Snap (http://snap.berkeley.edu/snapsource/snap.html)
All three you listed seem to have different purposes; Scratch 1.x playing, Scratch 2.0 playing, and being an editor/player for a mod. This, however, seems somewhat different in that it's not compatible with any Scratch release so far and has a slightly different scripting languages; I'm not sure if I'd consider it Scratch-related, at least at this point, because it's so different.

That doesn't mean it's not cool though; I'm interested to see what you do with it.

Why would I think it'd not be cool?

s_federici · 2012-12-20 16:21:24

rdococ wrote:
Why would I think it'd not be cool?

I don't think veggieman001 is saying that your catnip is not cool. On the contrary. I guess we both are just curious about what is your main goal with catnip.

veggieman001 · 2012-12-20 19:13:33

Yes, that's what I mean.

It's because I said it wasn't very much like Scratch, and Scratch is cool... ah, forget it. It was more of my sentence structure anyway.

al-x · 2012-12-26 10:12:29

rdococ wrote:
al-x wrote:
I was wondering if I could help with this? I'm decent with html5 but hope to help more with implementing graphics and blocks.
Hello.

Suggest to me code samples of how to implement graphics and blocks and I will update it to make advantage of the code samples. This is a way of helping me to use valid and up to date code.

By the way, have you tried Catnip Next yet? It's a whole version of the current in development version of Catnip.

I downloaded the source like you said and added graphical changes to make it more user friendly, I tried to get the "monitors" section to the right of the canvas so it was a bit like Scratch 2.0 but was unsuccessful. IF you want the code just reply back to this and I will give you the link.

rdococ · 2012-12-27 08:28:41

al-x wrote:
rdococ wrote:
al-x wrote:
I was wondering if I could help with this? I'm decent with html5 but hope to help more with implementing graphics and blocks.
Hello.

Suggest to me code samples of how to implement graphics and blocks and I will update it to make advantage of the code samples. This is a way of helping me to use valid and up to date code.

By the way, have you tried Catnip Next yet? It's a whole version of the current in development version of Catnip.
I downloaded the source like you said and added graphical changes to make it more user friendly, I tried to get the "monitors" section to the right of the canvas so it was a bit like Scratch 2.0 but was unsuccessful. IF you want the code just reply back to this and I will give you the link.

Please show me the link and I will try to incorporate the changes in a version 1.5.

al-x · 2012-12-27 10:01:35

rdococ wrote:
al-x wrote:
rdococ wrote:

Hello.

Suggest to me code samples of how to implement graphics and blocks and I will update it to make advantage of the code samples. This is a way of helping me to use valid and up to date code.

By the way, have you tried Catnip Next yet? It's a whole version of the current in development version of Catnip.
I downloaded the source like you said and added graphical changes to make it more user friendly, I tried to get the "monitors" section to the right of the canvas so it was a bit like Scratch 2.0 but was unsuccessful. IF you want the code just reply back to this and I will give you the link.
Please show me the link and I will try to incorporate the changes in a version 1.5.

Its right here on media fire: http://www.mediafire.com/?f9p75jx445eexvi

al-x · 2012-12-27 10:54:20

al-x wrote:
rdococ wrote:
al-x wrote:

I downloaded the source like you said and added graphical changes to make it more user friendly, I tried to get the "monitors" section to the right of the canvas so it was a bit like Scratch 2.0 but was unsuccessful. IF you want the code just reply back to this and I will give you the link.
Please show me the link and I will try to incorporate the changes in a version 1.5.
Its right here on media fire: http://www.mediafire.com/?f9p75jx445eexvi

um srry but I just made an update and can't upload to media fire so I'll post the code here find the code for the scripts area and replace the whole thing with this:

<p align="left">
Sprite1 <input type="image" src="http://i47.tinypic.com/28mirs2.jpg" />
<br />
<textarea name="scripts" id="scripts" onclick="updateStageInToFin()" style="width:150px;height:150px; background:url('http://i46.tinypic.com/59pv8.gif');">
Scripts Area
</textarea>
Seperate commands with a semi-colon.<br />
</p>

rdococ · 2012-12-28 12:54:42

al-x wrote:
al-x wrote:
rdococ wrote:

Please show me the link and I will try to incorporate the changes in a version 1.5.
Its right here on media fire: http://www.mediafire.com/?f9p75jx445eexvi
um srry but I just made an update and can't upload to media fire so I'll post the code here find the code for the scripts area and replace the whole thing with this:
<p align="left">
Sprite1 <input type="image" src="http://i47.tinypic.com/28mirs2.jpg" />
<br />
<textarea name="scripts" id="scripts" onclick="updateStageInToFin()" style="width:150px;height:150px; background:url('http://i46.tinypic.com/59pv8.gif');">
Scripts Area
</textarea>
Seperate commands with a semi-colon.<br />
</p>

I could only use the textarea element, but thank you. I may incorporate it as a 1.4.1 release or a 1.5 release.

al-x · 2012-12-28 12:59:49

rdococ wrote:
al-x wrote:
al-x wrote:
Its right here on media fire: http://www.mediafire.com/?f9p75jx445eexvi
um srry but I just made an update and can't upload to media fire so I'll post the code here find the code for the scripts area and replace the whole thing with this:
<p align="left">
Sprite1 <input type="image" src="http://i47.tinypic.com/28mirs2.jpg" />
<br />
<textarea name="scripts" id="scripts" onclick="updateStageInToFin()" style="width:150px;height:150px; background:url('http://i46.tinypic.com/59pv8.gif');">
Scripts Area
</textarea>
Seperate commands with a semi-colon.<br />
</p>
I could only use the textarea element, but thank you. I may incorporate it as a 1.4.1 release or a 1.5 release.

heh sorry smile

al-x · 2012-12-28 17:27:14

i have been trying to put the scripts area and other stuff on the right of the canvas do you know how to do this?

veggieman001 · 2012-12-28 17:51:23

Couldn't you use a float on their container div or something of the sort?

al-x · 2012-12-29 11:48:43

veggieman001 wrote:
Couldn't you use a float on their container div or something of the sort?

I'm not too sure I tried a couple varieties of div but none of them worked sad

Scratch

archived forums

#1 2012-12-19 07:28:02

Catnip: Scratch for HTML5 Web Browsers

#2 2012-12-19 07:30:34

Re: Catnip: Scratch for HTML5 Web Browsers

#3 2012-12-19 09:43:33

Re: Catnip: Scratch for HTML5 Web Browsers

#4 2012-12-19 10:05:52

Re: Catnip: Scratch for HTML5 Web Browsers

#5 2012-12-19 10:34:56

Re: Catnip: Scratch for HTML5 Web Browsers

Hardmath123 wrote:

#6 2012-12-19 17:35:59

Re: Catnip: Scratch for HTML5 Web Browsers

rdococ wrote:

#7 2012-12-19 22:11:00

Re: Catnip: Scratch for HTML5 Web Browsers

#8 2012-12-19 22:44:09

Re: Catnip: Scratch for HTML5 Web Browsers

rdococ wrote:

#9 2012-12-20 04:15:56

Re: Catnip: Scratch for HTML5 Web Browsers

al-x wrote:

#10 2012-12-20 04:17:00

Re: Catnip: Scratch for HTML5 Web Browsers

SJRCS_011 wrote:

rdococ wrote:

#11 2012-12-20 04:25:21

Re: Catnip: Scratch for HTML5 Web Browsers

fetchydog567 wrote:

rdococ wrote:

#12 2012-12-20 09:32:58

Re: Catnip: Scratch for HTML5 Web Browsers

#13 2012-12-20 09:57:04

Re: Catnip: Scratch for HTML5 Web Browsers

s_federici wrote:

#14 2012-12-20 11:29:43

Re: Catnip: Scratch for HTML5 Web Browsers

veggieman001 wrote:

s_federici wrote:

#15 2012-12-20 16:21:24

Re: Catnip: Scratch for HTML5 Web Browsers

rdococ wrote:

#16 2012-12-20 19:13:33

Re: Catnip: Scratch for HTML5 Web Browsers

#17 2012-12-26 10:12:29

Re: Catnip: Scratch for HTML5 Web Browsers

rdococ wrote:

al-x wrote:

#18 2012-12-27 08:28:41

Re: Catnip: Scratch for HTML5 Web Browsers

al-x wrote:

rdococ wrote:

al-x wrote:

#19 2012-12-27 10:01:35

Re: Catnip: Scratch for HTML5 Web Browsers

rdococ wrote:

al-x wrote:

rdococ wrote:

#20 2012-12-27 10:54:20

Re: Catnip: Scratch for HTML5 Web Browsers

al-x wrote:

rdococ wrote:

al-x wrote:

#21 2012-12-28 12:54:42

Re: Catnip: Scratch for HTML5 Web Browsers

al-x wrote:

al-x wrote:

rdococ wrote:

#22 2012-12-28 12:59:49

Re: Catnip: Scratch for HTML5 Web Browsers

rdococ wrote:

al-x wrote:

al-x wrote:

#23 2012-12-28 17:27:14

Re: Catnip: Scratch for HTML5 Web Browsers

#24 2012-12-28 17:51:23

Re: Catnip: Scratch for HTML5 Web Browsers

#25 2012-12-29 11:48:43