Beany's Forum Posts

  • 7 posts
  • >

    > > I'm a super fan of SVG but I don't think it is all crazy not to support SVG right now. Almost no one on the planet is using it and most people think it is dead. Compare the use of Photoshop vs. Illustrator. Most people think in bitmaps, not vectors. Thinking in vectors is more work.

    >

    > Photoshop and Illustrator are intended for totally different things so just because more people use Photoshop doesn't mean anything.

    >

    > But Adobe now support SVG with their new 'Edge' HTML5 animation software. I just quickly made this SVG animation with it! <img src="smileys/smiley17.gif" border="0" align="middle">

    My point was that for most game developers and artists, it is easier to work with bitmaps than with vectors. That's why Canvas has caught on so fast. Right now Construct 2 is bitmap and Canvas-based and I don't expect that to change fast or get a lot of support.

    I couldn't figure out your sample. What am I supposed to be seeing?

    Adobe has been the major supporter of SVG since the beginning, but they've not done very well with it. The only really good SVG application right now is Inkscape, but I haven't seen any SVG-based application design tools.

    I still haven't tried out the SVG plugin, but I'm still not sure what it really does. I'll get to it!

    SVG is extremely cool but none of the big kids are giving much focus to it. One the one hand there are historical reasons. I have all 12 books on SVG but most of them are out of print or not very useful.

    Oddly enough, all major browsers support most of SVG but there are nooks and crannies that don't quite work well and aren't clear.

    Still, SVG is fascinating, but I think too advanced for the average developer of games. Prove me wrong!   <img src="smileys/smiley2.gif" border="0" align="middle">

    For my example you should being seeing a SVG graphic of a guys head, which just does a loop animation when you click it. Very simple example! <img src="smileys/smiley17.gif" border="0" align="middle">

    Being as it's SVG if you use the browser to zoom in as much as possible (CTRL +), you'll see that the image does not distort or get pixelated being as it's vector based.

    Now heres my problem... if you do the same with a HTML5 bitmap game created in Construct (or anything else) it becomes a blurry mess, being as it uses bitmaps it has to run at a specific window size, like 800x420 or whatever, you cant scale it. So if i wanted to turn that game in to a fullscreen phone or Windows 8 app, and if a person with a high res screen ran the game fullscreen it's going to look like a blurry pixelated mess being scaled up to something like 1920x1080 (and even phone screens range from 480x320 all the way to 1280x720 res). So this is the main reason i want vectors/SVG, so i dont have to worry about really poor looking blurry bitmaps on different screen sizes and resolutions.

    Windows 8 Metro apps also fully support SVG, so if it works in IE10 (which is used to render HTML5 based apps on Win 8) then i'm not bothered if any other browsers have a problem with SVG because it wont be running in another browser anyway. Or even if i make a web based game that uses SVG, for all the tests i've done so far SVG renders and animates correctly in all the main browsers and their latest versions. So i dont think browser support or bugs is any issue here.

    And i'm curious why you think that using vectors is more work?

    With design tools like Illustrator or Flash, creating vector graphics for games is often the near same process of how you would create the same graphics in Photoshop. Theres some limits to vectors but for most 2D games the process would be almost exactly the same. And Photoshop actually uses vectors for some of the drawing tools! But unlike Flash or Illustrator you cant save the work in a vector or SVG format for web, it instead gets converted to bitmap.

    Or do you mean the more technical side of things? Because Flash and it's success is the best possible example of how easy it is to use and create games with vectors and why Construct REALLY needs it. Flash has had this support since it came out in 1996 and no one has ever complained about vectors being too hard to use. With Flash it's never really affected how i work, or even had much affect of performance. Maybe it's different in some HTML5 tools (? i dont have much experience here apart from Adobe Edge but SVG is easy to use in that as well!) but with Flash it's VERY easy, if not better, because i often have more control over vectors compared to bitmaps and can easily edit vector art.

    So as someone who's been using vector art in Flash/AIR, 3D game engines and web content since around 2001 it feels as though tools that lack support is like going backwards in time to the 90's as it really is superior in so many ways <img src="smileys/smiley18.gif" border="0" align="middle">

    .... Sorry for long post! LOL

  • I'm a super fan of SVG but I don't think it is all crazy not to support SVG right now. Almost no one on the planet is using it and most people think it is dead. Compare the use of Photoshop vs. Illustrator. Most people think in bitmaps, not vectors. Thinking in vectors is more work.

    Photoshop and Illustrator are intended for totally different things so just because more people use Photoshop doesn't mean anything.

    Vectors are commonly used in games, just not web based. And Flash uses vectors and look how popular that is for gaming, it's actually the biggest gaming platform on the planet (including game consoles) and HTML5 is not making any of us Flash game developers leave Flash in favour of HTML5. One of the main reasons is that theirs hardly any HTML5 game creation tools that support vectors/SVG (and a ton of other reasons).

    But Adobe now support SVG with their new 'Edge' HTML5 animation software. I just quickly made this SVG animation with it! <img src="smileys/smiley17.gif" border="0" align="middle">

    Edge isn't really intended for creating games at the moment (just animations and interactions) but you can make very simple games with it, and Edge is progressing quite fast with each new preview release so maybe a year or two from now it will be a decent alternative to Flash game developers, or just anyone who already uses HTML5 tools that lack something as simple as SVG support. I think the only reason SVG hasn't really taken off yet is because browsers were slow to adopt it at first, but now all the major browsers have support so theres no reason not to have it.

    Pode: i replied in your plugin thread.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Pode: Well i've not even used Construct yet, let alone your plugin! lol so i'm not sure how it all works, but as far as i can see with your plugin i could only link to a URL to insert an SVG graphic?

    But i need something so that i can make SVG graphics with Adobe Illustrator (for example) and then import that SVG graphic into Construct. Because i'm making a Metro app for Windows 8 and cant have external URL links, all the graphic files have to be included in the app itself.

  • Thanks i'm looking at that now but it seems quite limited...

    I think it's crazy that Construct dont support vectors/SVG graphics. This is such an important feature! Not only would it have the massive benefit of games that can be scaled to ANY size but all the web based stuff could have WAY smaller file sizes if it used SVG. Until Construct uses vectors it just dont compare to Flash.

  • Well if Chrome is the best why does it run the game I made at 44 FPS when IE9 runs it at 60 FPS???

    link to game

    IE9 and IE10 have by far the best graphics acceleration (everything in IE is GPU accelerated, even static text and images). I dont know much about Construct but if it's using Canvas and not WebGL then any 2D animation should run best in IE9/IE10.

    Chrome sometimes reports nice high frame rates but it always has a laggyness to them, even on my 5GHz 6 core PC with the fastest graphics cards money can buy.

  • Can this import SVG's? For instance if i create a SVG graphic with Adobe Illustrator could it import the file? It's just a standard SVG file. And if it dont support this would you be able to add the feature? Thanks.

  • Is Construct going to support 2D vector graphics any time soon? The new "export to Windows 8 Metro app" option has made me look at Construct but as far as i can tell theirs no support for vectors of any kind? Which is a REALLY important feature for Windows 8 devices being as their will be all kinds of screen resolutions from lower res tablets to monitors like mine that are 2560x1600, and on top of this all Metro apps run full screen.

    It's one of the best things about Flash but obviously i cant make Metro apps with that. But in Flash i could have a vector graphic that scales to infinite resolution and only takes up 1KB or less! It's the one missing feature about Construct that instantly stands out to me and is stopping me from using it :(

  • 7 posts