Next-Generation 3D Graphics on the Web (Google I/O ’19)

48
4



This talk will cover the latest updates for adding 3D to your web site. You’ll learn how to use model-viewer and new features for rendering, AR, and interactivity. You’ll also see some phenomenal sites created with three.js. Then you’ll get an overview of the WebGPU API that will provide modern features such as “GPU compute” as well as lower overhead access to GPU hardware and better, more predictable performance. Expect performance gains in Tensorflow.js up to 10x.

Websites featured:
ROME by Google Creative Lab →
Track by Little Workshop →
Plume by Fabien Motte, Patrick Heng, Alexadre Delalleau, Nicolas Mathis and Mohave →
Oat the Goat by Assembly and FCB New Zealand →
WebVR Showroom by Little Workshop →
Hinderer & Wolff by Adelios →
Bertrand Candas →
Tao Tajima by Homunculus →
Robin Mastromarino by Patrick Heng →
React Three Fiber by Paul Henschel →
WebGL Globe by Google Data Arts Team →
Model Viewer by Chrome DevXR →
Model Viewer Layout Test by Chrome DevXR →
NASA Mars Curiosity Rover →

More projects at:

Watch more #io19 here:
Web at Google I/O 2019 Playlist →
Google I/O 2019 All Sessions Playlist →
Learn more on the I/O Website →

Subscribe to the Chrome Developers Channel →
Get started at →

Speaker(s): Corentin Wallez, Ricardo Cabello

T4CDD1

Nguồn: https://ilhapura.net/

Xem thêm bài viết khác: https://ilhapura.net/game/

48 COMMENTS

  1. 10 May 2019

    This talk will cover the latest updates for adding 3D to your web site. You'll learn how to use model-viewer and new features for rendering, AR, and interactivity. You'll also see some phenomenal sites created with three.js. Then you'll get an overview of the WebGPU API that will provide modern features such as “GPU compute” as well as lower overhead access to GPU hardware and better, more predictable performance. Expect performance gains in Tensorflow.js up to 10x.

    Websites featured:
    ROME by Google Creative Lab → https://goo.gle/2LIHkpy
    Track by Little Workshop → https://goo.gle/2WESqwQ
    Plume by Fabien Motte, Patrick Heng, Alexadre Delalleau, Nicolas Mathis and Mohave → https://goo.gle/2Viydvr
    Oat the Goat by Assembly and FCB New Zealand → https://goo.gle/2JF4NW3
    WebVR Showroom by Little Workshop → https://goo.gle/2JhK6QD
    Hinderer & Wolff by Adelios → https://goo.gle/30ev3N3
    Bertrand Candas → https://goo.gle/2VzSyBv
    Tao Tajima by Homunculus → https://goo.gle/2Q4Fo9t
    Robin Mastromarino by Patrick Heng → https://goo.gle/2W1xByz
    React Three Fiber by Paul Henschel → https://goo.gle/2VotAjk
    WebGL Globe by Google Data Arts Team → https://goo.gle/2E7doxj
    Model Viewer by Chrome DevXR → https://goo.gle/2HlFqWI
    Model Viewer Layout Test by Chrome DevXR → https://goo.gle/2HhOeOf
    NASA Mars Curiosity Rover → https://goo.gle/2WESFYM

    More projects at:
    https://goo.gle/2Yygwdt
    https://goo.gle/2HlFGFa

    Watch more #io19 here:
    Web at Google I/O 2019 Playlist → https://goo.gle/io19web
    Google I/O 2019 All Sessions Playlist → https://goo.gle/io19allsessions
    Learn more on the I/O Website → https://google.com/io

    Subscribe to the Chrome Developers Channel → https://goo.gle/ChromeDevs
    Get started at → https://www.google.com/chrome/dev/

    Speaker(s): Corentin Wallez, Ricardo Cabello

    T4CDD1

  2. Unless I'm missing something, (entirely possible,) I suspect there is an error in the code:
    15:50 The first vertex should be (0.0, 0.5, 0.0) & not (0.25, 0.5, 0.0). Same goes for the WebGPU version. Not a bug, just cosmetic.

  3. I tried various search parameters including "consumer 3d graphics 2019 -printers" and still got this video at the top of the list. This had better be good Google…

  4. can someone please suggest form where to start webgl by my own ?
    Any beginner resources will be very helpful.

  5. HOLD THE PHONE. I've been looking how to do AR for the web on mobile for like forever and it seemed to not possible or be a big big pain so now with the model viewer + quicklook we ALL SET. Bless

  6. Hi everyone! I'm a web designer student and I'm considering to make 3D web games. I'm currently learning HTML,CSS and JavaScript and later I'll start to use Babylon.js. Is there any other thing really important I need to learn pls?

  7. I'm amazed by these awesome WebGL demos. But wait for it, they say, we are developing a totally new API called WebGPU. Then I take a look at the GitHub repo, Maybe now it's too early to access. maybe five years later it will be okay.

  8. Dont sign up for any gugle product or service. They will use to scrape your data and profit from your content

  9. "We must find a way to combine WebGL and HTML"? I don't like this kind of unjustified statements… I think it is important to communicate the reasons, if there are any — my suspicion being that there isn't one.

  10. Do I understand correctly that instead of enhancing WebGL performance there will be totally new API for very similar thing?

  11. Looks cool.
    but in the end its just another way to slow a webpage back down again.
    If i wanted to sit and wait for stuff to appear letter by letter or pixel by pixel, I would jump in my time-machine and go back to the days of the modem.
    I'm so sick of kids who didn't have to suffer trough the slow times, who insist on bringing them back.

  12. 19:09 36 fps – 0.04 CPU ms. This looks like 36 frame rate limitation. Is it the case in Browser? Browsers are limited to 60 FPS, not 36. There should be:
    60 fps – 0.04/0.06 CPU ms, otherwise the values were faked

  13. Does Google oppose to develop WebGL 2.0 standard?
    https://www.khronos.org/registry/webgl/specs/latest/2.0/

  14. WebGPU looks much much more pleasant to write than Vulkan. Not having to fill out dozens of structs before you even get to write the first shader is nice.

  15. This is a great overview and I learned a lot. It seems like the new Web GPU is going to have some really great features that will be worth learning about. That said, this is a great juncture to ask: Are there any plans to support upcoming technology like ray tracing? Also, will the new compute shaders support dedicated hardware, like tensor cores?

  16. Happy shock and tons of awe coming out from this video. Some links to help you find out more:

    https://webgpu.io
    https://en.wikipedia.org/wiki/WebGPU
    https://www.w3.org/community/gpu/
    https://twitter.com/hashtag/webgpu

  17. A brilliant overview. Admire Ricardo and Corentin's perspectives. Memory transfer and top level computations have always been GPU bottlenecks and I was impressed with how well shared memory with WebGPU was illustrated.

  18. Chrome support for webGPU – love it! In Canary w/flags, the demos work today. I've been using WebGL since 2012, so this is pretty exciting

  19. Exciting times !

    Just wanted to add that there is also React Fiber based project for Babylon: https://github.com/brianzinn/react-babylonjs

    Anything we can do to get WebGPU Canary builds faster for Win/Linux? I currently only have an ancient Mac Air (though it does have a GeForce card)

LEAVE A REPLY

Please enter your comment!
Please enter your name here