Designing a WebVR Game With A-Frame - Designer vs. Developer #18

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • In this episode, Ada Rose Canon tells us how she built a WebVR game in a week for the “Games Done Quick” event. She explains how she used A-Frame, Twinery, Archilogic, Glitch, Google Poly, binary, and a bit of JavaScript to create a game engine and a responsive virtual environment.
    Read our blog post here:
    bit.ly/2zPVFuy
    Learn more about the subjects mentioned in our video:
    Checkout Twinery
    bit.ly/2zRbdOH
    A-Frame, a web framework for building VR experiences
    bit.ly/2LsQemE
    Archilogic tool kit
    bit.ly/2zRnrGU
    How I built a game in a week
    bit.ly/2zQSaUz
    Glitch creative community
    bit.ly/2LtI1hZ
    Google Poly
    bit.ly/2uyNfTb
    Watch the rest of the series here → bit.ly/2sXpWBR
    Subscribe to the Chrome Developers channel → bit.ly/ChromeDevs1

КОМЕНТАРІ • 11

  • @MathewRenfro
    @MathewRenfro 6 років тому +2

    i am working on something very much like this, but A-Frame and Quest, the interactive fiction engine (also web based.)! I am calling it "Narrated Reality" and it operates on a phone, A-frame full screened, in a VR headset (Google Cardboard). Kind of point- and-click game format, with the 2D screen replaced with a 3D environment. To click, you gaze in a certain direction (the mouse functions in VR are replaced with a fusor, instead of a cursor). Looking at (clicking on) an object in the room triggers events. events are audio outputs, (sound files, or generated speech) to narrate a description of rooms, actions, objects, situations, & puzzles. The narration is designed to induce imagining & feelings. The graphics are rendered in the brain, "like a movie in your mind; a Virtual reality for the blind." (and the not blind, too). The more you look in a particular direction the more you investigate and interact with narrated objects.
    The rest is basically regular Interactive Fiction gaming.
    As an art form, it meets somewhere in the middle between the detail and nuances of words written out, with the ease of an audio-book, and the interactivity of a Game. All amalgamating an experience described as beyond cinematic.
    Technically, this may be a new form of literature, worthy of critic. The way things are described and the way information is distributed will be unique to the medium, Narrated Reality; "NR" for short.
    A new genre, if you will: "Video-less game." Though the goal is to describe the game-world as if to a blind person, images can be utilized, too, to help create a more immersive experience (for the sighted.)
    There is an art and a science to it.
    Sorry for the rant, just wanted to share. There is sooo much more to this. my website and dev blog: supersciencestudios.com. look for "Holonovels" which is what I call one of these completed games. Thanks!

  • @Mustafa-ux
    @Mustafa-ux 6 років тому +4

    Many thanks to Ada for being involved!

  • @danielmaritim4181
    @danielmaritim4181 6 років тому +3

    Amazing... Yeah she makes it look so easy

  • @C0llinsW0rth.
    @C0llinsW0rth. 6 років тому +1

    Really awesome, I've been working with AFrame and AR.js to make some pretty impressive AR scenes running in browsers. Do you have any advice for someone just getting into modeling? I've been thinking of learning 3dsMax but I'm hesitant because of the price tag. Also what do you think the future of glTF is going to be for models, animations and browsers in the future? Thanks again for this excellent content. I look forward to the future 😎

  • @synthwavecoder7289
    @synthwavecoder7289 6 років тому

    Wow this interview format is amazing! It's my 2nd day with AFrame for a large project and this video gave me insight into what's available

  • @dondevivirtecnologiasparae8465
    @dondevivirtecnologiasparae8465 6 років тому

    Great work. Do you know how to use a IP camera (wifi camera) with webVR javascript and HTML5 (A-Frame, Three.js) .?. I'm looking for code examples to use an external camera for smartphone.

  • @nick8292
    @nick8292 6 років тому +1

    Very inspiring! thank you!

  • @Totumfacky
    @Totumfacky 6 років тому

    Where I can see the game?

  • @josecouto2182
    @josecouto2182 6 років тому +2

    Devia ter tradução!

  • @sagnikb7
    @sagnikb7 6 років тому +2

    omggg! 1 week

  • @jacobtran4010
    @jacobtran4010 5 років тому +1

    now MAkE Notre DaMe