This is a read-only archive of the old Scratch 1.x Forums.
Try searching the current Scratch discussion forums.

#1 2008-07-28 07:52:42

coolstuff
Community Moderator
Registered: 2008-03-06
Posts: 1000+

Vector graphics in Scratch?

while randomly browsing the forums, I saw this line posted by somebody:

i dont understand any other language other than scratch, but would like a programming language where you can snap blocks AND make it have good graphics

(could whoever posted that please tell me if you posted it? I copied + pasted, but I forget what topic it was on and therefore I have no idea where it is)

Now, wouldn't Vector Graphics be a grand idea? You would be able to read a portion of text from 150% size, which I find hard to do in the present Scratch. It would make lines look so much smoother, and take away the point of Scratch which I like calling  the "pixel point". Even fonts are pixelated, though at larger sizes it may not be so visible.
http://upload.wikimedia.org/wikipedia/commons/b/b4/VectorBitmapExample.png
There is an example of a resized vector image versus a resized bitmap.

Wikipedia: The original vector-based illustration is at the left. The upper-right image illustrates magnification of 7x as a vector image. The lower-right image illustrates the same magnification as a bitmap image. Raster images are based on pixels and thus scale with loss of clarity, while vector-based images can be scaled indefinitely without degrading.

If we could even make an image looking like the original one in Scratch and put it on a black surface, it would look very blocky because it is not a vector image! It would look blocky like that because the outline is made of different shades of black in order to give the edge a smooth effect. If we put the image on anything but a white surface, we would without a doubt get a very blocky effect, because it was made to be put on white. The lack of transparencies really takes it's toll here.

Please, look into Vector graphics, Scratch team!

Last edited by coolstuff (2008-07-28 07:53:28)

Offline

 

#2 2008-07-28 12:03:28

andresmh
Scratch Team at MIT
Registered: 2007-03-05
Posts: 1000+

Re: Vector graphics in Scratch?

I totally agree, vector graphics and anti-aliasing would make Scratch projects look a bit more polished. It's a lot of work and it might make Scratch a lot slower too, but it could be a nice thing to do.


Andres Monroy-Hernandez | Scratch Team at the MIT Media Lab
on identi.ca and  twitter

Offline

 

#3 2008-07-28 12:43:33

coolstuff
Community Moderator
Registered: 2008-03-06
Posts: 1000+

Re: Vector graphics in Scratch?

andresmh wrote:

I totally agree, vector graphics and anti-alising would make Scratch projects look a bit more polished. It's a lot of work and it might make Scratch a lot slower too, but it could be a nice thing to do.

Yeah, I guess it would make it a lot slower. Thanks for the input!

Offline

 

#4 2008-12-21 17:45:41

iwansuryo
Scratcher
Registered: 2008-05-16
Posts: 29

Re: Vector graphics in Scratch?

I apologize because I just read this now, but this thread is very important. I think vector based graphic is very important to upgrade the image quality of Scratch. In some software, like Anime Studio, vector based graphics have great impact on the animation paradigm. Every vector in Anime Studio, not just Sprites, than could be animate easily and give very wide possibilities to make a movie. Thus the coordinate is giving for every point, not just every image.

I think vector based graphics should become priority list to implement in the next version of Scratch to make this apps the same level as other professional software. Other alternative that can be try is to make dynamic resolution for presentation mode, so that the quality of image could be improved significantly. Most monitors now have high-resolution, above Super VGA, but the pixel resolution of Presentation Mode still below VGA.

Thank you.

Iwan Suryolaksono

Offline

 

#5 2008-12-21 20:11:19

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Vector graphics in Scratch?

I think this is a great idea. But like Andresmh said, it might make scratch a bit slower, which isn't always a great thing. So I have another idea. You know how for some videos on youtube you can choose to high quality instead of normal quality (default)? Well on Scratch it would be a similar thing. There would be an option under a project next to Love it, Add to Favorites, ect.   saying High quality, and then it would reload the project with vector graphics. Though the option would only be their if the person who created the project has made the project able to do that.

How would you create vector graphics anyway? Would you have just more tinier pixels to work with?


http://i.imgur.com/WBkM2QQ.png

Offline

 

#6 2008-12-22 00:59:50

iwansuryo
Scratcher
Registered: 2008-05-16
Posts: 29

Re: Vector graphics in Scratch?

I think the problem is not on the execution time. We still can use vector graphics in low resolution, and produce smooth line. I have seen many simple kid painter program which has been implemented by this technique. In Scratch, we can only produce smooth line if we only make horizontal or vertical line. If they have an angle, whatever we set the resolution, we will always see the pixelated line.

Most of good projects which has been made in Scratch using background image and animation from outside the program. When we draw an image within Scratch, it is always  very rough image. If we want to make Scratch a raster based image drawing, than we need many kind of brush to develop a realistic costumes, not just plain brush. But if we would stay on the plain brush, maybe the best choice is a drawing canvas which is based on vector image.

Iwan S.

Offline

 

#7 2008-12-22 04:20:50

JSO
Community Moderator
Registered: 2007-06-23
Posts: 1000+

Re: Vector graphics in Scratch?

Maybe vector images is a big step...

We could have an automatic Anti-Aliasing function when we click OK in the paint editor?

And maybe only for the background - resizing an anti aliased image is not that good idea.


http://oi48.tinypic.com/2v1q0e9.jpg

Offline

 

#8 2008-12-23 01:20:02

Buddy_ca111
Scratcher
Registered: 2008-08-30
Posts: 100+

Re: Vector graphics in Scratch?

@coolstuff - I think it will be awhile b4 it is part of scratch.(like the image though!)


By reading this you agree to giving me your soul, money, passwords, projects, abiltys and your bases

Offline

 

#9 2008-12-24 05:18:53

yambanshee
Scratcher
Registered: 2007-11-06
Posts: 500+

Re: Vector graphics in Scratch?

Vectors could be a nice leap forward!

Lucario621 wrote:

You know how for some videos on youtube you can choose to high quality instead of normal quality (default)? Well on Scratch it would be a similar thing. There would be an option under a project next to Love it, Add to Favorites, ect.   saying High quality, and then it would reload the project with vector graphics. Though the option would only be their if the person who created the project has made the project able to do that.

This wont easily be possible. The only reason the Youtube player can do that is because its flash, which already is vector based. Vectors work completly diffrently to bitmaps. Vectors, instead of having info of every pixel, has information about (EG) a line in general, and uses maths to calculate its curv, ect... For this reason, for the diffrent qualitys (one vector one bitmap) the author will need to projects, one made with pixels, another made with vectors.
However because the way vectors work (not containing info about every single pixel) it has infact a smaller file size, and should therefore speed things up instead of slow down.

Only POSSIBALE downside is that i beleave vectors cannot use colour sencing (however im very unsure about this).

Offline

 

#10 2008-12-24 13:02:29

mrweston
Scratcher
Registered: 2007-12-13
Posts: 100+

Re: Vector graphics in Scratch?

The reason YouTube has two different quality settings is simply because they have two different versions of (most) videos; one is encoded better than the other. Not much to do with vectors; I think Lucario was just borrowing the idea of having the option to switch between two versions.

What you've gotta keep in mind is that Scratch isn't *made* with Scratch -- adding an entirely new layer of graphic object processing is a major job. It could certainly do all the things people have been mentioning (and don't get me wrong, I think it'd be pretty great to have some vector tools, too), but.... I wouldn't hold your breath.  smile

Offline

 

#11 2008-12-24 14:34:20

Lucario621
Community Moderator
Registered: 2007-10-03
Posts: 1000+

Re: Vector graphics in Scratch?

Oh well...*sigh*


http://i.imgur.com/WBkM2QQ.png

Offline

 

#12 2008-12-25 16:27:02

coolstuff
Community Moderator
Registered: 2008-03-06
Posts: 1000+

Re: Vector graphics in Scratch?

Wow, I didn't think this topic would come back

Offline

 

#13 2008-12-25 17:08:39

fullmoon
Retired Community Moderator
Registered: 2007-06-04
Posts: 1000+

Re: Vector graphics in Scratch?

I recently stumbled upon what could be considered a Scratch knock-off called Microsoft Popfly that uses the Silverlight engine and lets you create Flash-like games with vector graphics. It's actually very complex, although I find that there's too much navigating through menus and not enough actual programming to fit my "needs". It does come with a lot of fancy sprites (called Actors), but it won't let you draw your own yet. Popfly i's specifically designed for making games, and there are built-in variables like "score" and actions built in for winning and losing, so don't expect to build an open-ended RPG with it. On the plus side: It's free and online, it's simple to use, it's got a scary-powerful debugger/analyzer, and if you know Javascript you can hack it. On the minus side: It's not nearly as open-ended as Scratch, and it's from Microsoft.


http://i302.photobucket.com/albums/nn100/fullmoon32/wow.jpg

Offline

 

#14 2008-12-25 17:09:53

fullmoon
Retired Community Moderator
Registered: 2007-06-04
Posts: 1000+

Re: Vector graphics in Scratch?

Coolstuff: did you draw that example image?


http://i302.photobucket.com/albums/nn100/fullmoon32/wow.jpg

Offline

 

#15 2008-12-25 17:12:11

archmage
Scratcher
Registered: 2007-05-18
Posts: 1000+

Re: Vector graphics in Scratch?

fullmoon wrote:

I recently stumbled upon what could be considered a Scratch knock-off called Microsoft Popfly that uses the Silverlight engine and lets you create Flash-like games with vector graphics. It's actually very complex, although I find that there's too much navigating through menus and not enough actual programming to fit my "needs". It does come with a lot of fancy sprites (called Actors), but it won't let you draw your own yet. Popfly i's specifically designed for making games, and there are built-in variables like "score" and actions built in for winning and losing, so don't expect to build an open-ended RPG with it. On the plus side: It's free and online, it's simple to use, it's got a scary-powerful debugger/analyzer, and if you know Javascript you can hack it. On the minus side: It's not nearly as open-ended as Scratch, and it's from Microsoft.

Wow, popfly seems  a lot like scratch. I am going to try it out.


Hi, I am Archmage coder extraordinaire. I do Scratch,pascal,java,php,html, AS2 and AS3. Leave me a message if you want coding advice. Also check out my personal website, lots of good stuff about web development, Flash, and Scratch (v1 and v2) !

Offline

 

#16 2008-12-25 17:18:11

coolstuff
Community Moderator
Registered: 2008-03-06
Posts: 1000+

Re: Vector graphics in Scratch?

fullmoon wrote:

Coolstuff: did you draw that example image?

No! I don't have access to software that creates it. No, it's from Wikipedia.

Offline

 

#17 2008-12-25 18:22:00

archmage
Scratcher
Registered: 2007-05-18
Posts: 1000+

Re: Vector graphics in Scratch?

archmage wrote:

fullmoon wrote:

I recently stumbled upon what could be considered a Scratch knock-off called Microsoft Popfly that uses the Silverlight engine and lets you create Flash-like games with vector graphics. It's actually very complex, although I find that there's too much navigating through menus and not enough actual programming to fit my "needs". It does come with a lot of fancy sprites (called Actors), but it won't let you draw your own yet. Popfly i's specifically designed for making games, and there are built-in variables like "score" and actions built in for winning and losing, so don't expect to build an open-ended RPG with it. On the plus side: It's free and online, it's simple to use, it's got a scary-powerful debugger/analyzer, and if you know Javascript you can hack it. On the minus side: It's not nearly as open-ended as Scratch, and it's from Microsoft.

Wow, popfly seems  a lot like scratch. I am going to try it out.

Wow, I really love that popfly program. You don't actually download it, you install Microsoft's silverlight and you can run the program creator from the background. In the creator program, you can either change the way a sprite preforms by changing its "behaviors" as Microsoft calls them. The behavior editor is a lot like the programming tool in game maker, you tell it to preform an action and you give it the details on how to preform the actions. There is also a way to program with raw code (the language is a lot like actionscript and java). It seems to be a lot more powerful than scratch, but some people may prefer scratch's unique way of programming.

In short, popfly is cool.


Hi, I am Archmage coder extraordinaire. I do Scratch,pascal,java,php,html, AS2 and AS3. Leave me a message if you want coding advice. Also check out my personal website, lots of good stuff about web development, Flash, and Scratch (v1 and v2) !

Offline

 

Board footer