Results 1 to 10 of 10

Thread: HTML Canvas Example - Very Cool

  1. #1
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default HTML Canvas Example - Very Cool

    This is really cool. Why? Because it's done using JavaScript and the HTML canvas element. There's no Flash going on here.

    js cloth

    Try all 3 demos. You need to use a browser that supports the canvas tag. It works for me in both Firefox and Safari and should work on Google Chrome.

    Will take you a minute to try the demo and I promise it's worth it. The canvas element is going to be fun to work with.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  2. #2
    Registered User
    Array
    Join Date
    Dec 2008
    Location
    South Bend, IN
    Posts
    119

    Default

    That's very interesting. Somehow I ended up here. This will waste some time!!!

    Chrome Experiments - Detail - Bomomo

    Have fun,

  3. #3
    Queen of the Forum
    Array
    KristineS's Avatar

    Join Date
    Aug 2008
    Location
    Traverse City, MI
    Posts
    4,734
    Blog Entries
    1

    Default

    That's kind of neat. Could be great for diagrams and floor plans and such.

  4. #4
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default

    Gregg the Chrome experiment is pretty cool too. There's going to be so many possibilities for this stuff in a few years when all browsers are supporting canvas.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  5. #5

    Default

    What a neat time waster! Time to get back to work...

  6. #6
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default

    It's the geek in me that's excited about the canvas example. I'm thinking of all the more useful possibilities that will be available before long. The above examples might be time wasters now, but they will open up a lot of new interaction with websites that currently doesn't exist.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  7. #7

    Default

    Oh, I agree that the possibilities are exciting. Unfortunately, then I'll never get any work done!

  8. #8
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default

    And you know my goal in a few years will be how can I make this canvas application so much fun that David will stop working for the day to use it
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

  9. #9
    Registered User
    Array
    nighthawk's Avatar

    Join Date
    Feb 2009
    Location
    Aberdeen, Scotland
    Posts
    137

    Default

    its certainly an interesting technology - am I right in thinking it is part of HTML 5?

    The demos there are pretty jerky, hopefully that will improve as the technology becomes more widely used and debugged. It will be interesting to see how this gets used in the future.
    Gavin Coates
    Freelance Programmer
    www.gavincoates.com

  10. #10
    Post Impressionist
    Array
    vangogh's Avatar

    Join Date
    Aug 2008
    Location
    Boulder, Colorado
    Posts
    15,061
    Blog Entries
    1

    Default

    I think canvas has existed for awhile, but it probably is part of HTML 5. The jerkiness could still be the browser support or maybe a bandwidth issue. I'm sure it'll improve over time.

    The ability to draw graphics programmatically is going to open up so many possibilities. The images will be scalable for one and you should be able to program a lot more interactivity. If you take the motion out then pages should load faster since code is lighter than images.

    Here's an example of some interactivity. You're driving a car down the road using the arrow keys. It's jerky and not all that easy to control, but you can see the possibilities. And another example navigating through a maze. The maze example has been around for awhile. It's been a couple of years since I first saw it.

    Another example of a paint like program.
    l Join me as I share my creative process and journey as a writer | StevenBradley.me
    l Design, Development, Marketing, and SEO Tutorials | Steven Bradley's Notebook
    l Get my book about Design Fundamentals

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •