3 ms·

I'm the original author. I'm happy to answer any questions.

bringtheaction 9y ago
I was wondering if it’s possible to use A-frame without the HTML stuff so to speak. Can I sort of just hand meshes and a camera position directly to A-frame? I am writing a video game currently in “fake” 3D with JS and Canvas and once I have the gameplay mechanics down I intend to rewrite it with WebGL and I was wondering if A-frame could then give me the ability to let people experience my game in VR.
- danbolt 9y ago
  I'm not 100% sure, but looking at the documentation, you can manually use/tweak the three.js objects underneath A-Frame. [1] They seem to discourage it though, or, it seems like they'd rather you use the markup implementation. [1] https://aframe.io/docs/0.8.0/introduction/javascript-events-dom-apis.html#retrieving-position-and-scale https://aframe.io/docs/0.8.0/introduction/javascript-events-...
  - ngokevin 9y ago
    Actually, on the contrary, we prefer A-Frame be used as a framework over three.js, and not trying to abstract it. It's sort of a way to organize/encapsulate three.js code as a declarative ECS framework.
- ngokevin 9y ago
  Yeah, document.querySelector('a-scene').scene provides you the three.js scene, you can dump whatever you want in there.
- kalkut 9y ago
  The HTML stuff mainly abstracts Three.js objects for faster development and better composition. Since Three.js is already an abstraction of WebGL you may have more luck with it by making a threejs plugin that "hand meshes and a camera position" to the Three.js scene/geometries. But honestly my experience on this subject is that it would be much more manageable and productive to make the game directly with A-Frame or at least with threejs. If you need a particuliar behaviour you can go down from A-Frame to threejs and from threejs to WebGL and build the relevant components/plugins.
NetOpWibby 9y ago
I’m a complete novice in the game development space so I hope this isn’t a dumb question - how feasible is it to create an MMO or sandbox game/world with A-Frame?
- taneq 9y ago
  If you're a complete novice then an MMO is not feasible, for any value of 'MMO' that you're probably imagining. It generally takes a AAA team with upwards of 100 members (coders, artists, designers, etc.) to even fail at making an MMO, let alone succeed. Of course there are a couple of notable exceptions, the two that spring to mind are Wyvern ( https://en.wikipedia.org/wiki/Wyvern_(video_game) https://en.wikipedia.org/wiki/Wyvern_(video_game) ) and Eternal Lands ( https://eternal-lands.blogspot.com.au/ https://eternal-lands.blogspot.com.au/ ) I can't think of any other solo or small-team-hobbyist attempts to create an MMO that even got as far as releasing something.
- mch82 9y ago
  Feasibility depends on your resources, due date, and expectations. It would probably make sense to prototype your game idea first, maybe as a board game, Doungeons & Dragons style game, or as a choose your own adventure story. If it seems fun, start to migrate it into software. I don't have the reference, but I've read the creator of Mario starts with a key game mechanic (like Mario's jump) and tests it without character art to see if it's fun (for example, black & white rectangles instead of Mario and a turtle).
  - mch82 9y ago
    Another example: Nintendo prototyped & play tested key game mechanics of Legend of Zelda: Breath of the Wild in 2D NES style. https://www.polygon.com/2017/3/1/14780954/the-legend-of-zelda-breath-of-the-wild-2d-prototype-gdc-2017 https://www.polygon.com/2017/3/1/14780954/the-legend-of-zeld...
danbolt 9y ago
Cool demo! I liked the little character model a lot. Thanks for taking the time to write this! Is it hard to tweak the lighting model in A-Frame? I like the accessibility the library brings, and I know you were going for a particular lowpoly look, but often I find that a lot of the default lowpoly stuff tends to look a bit same-y. Or, the article encourages immersion, and I'm curious how I could achieve different lighting/shading effects to give a unique look, especially with lowpoly. I've noticed a lot of the A-Frame website examples look quite similar to the sort of default Unity3D lighting that comes out of the box.
- ngokevin 9y ago
  Tweaking lighting technically is easy. To find the right values is a bit more subjective. A-Frame uses sort of phong with PBR capabilities, but the PBR pieces aren't used often. You can use different shaders, tweak the materials, bake the lighting, use shadows. Pretty much the same tweaking as you'd do in any game.

I was wondering if it’s possible to use A-frame without the HTML stuff so to speak. Can I sort of just hand meshes and a camera position directly to A-frame? I am writing a video game currently in “fake” 3D with JS and Canvas and once I have the gameplay mechanics down I intend to rewrite it with WebGL and I was wondering if A-frame could then give me the ability to let people experience my game in VR.

danbolt 9y ago
I'm not 100% sure, but looking at the documentation, you can manually use/tweak the three.js objects underneath A-Frame. [1] They seem to discourage it though, or, it seems like they'd rather you use the markup implementation. [1] https://aframe.io/docs/0.8.0/introduction/javascript-events-dom-apis.html#retrieving-position-and-scale https://aframe.io/docs/0.8.0/introduction/javascript-events-...
- ngokevin 9y ago
  Actually, on the contrary, we prefer A-Frame be used as a framework over three.js, and not trying to abstract it. It's sort of a way to organize/encapsulate three.js code as a declarative ECS framework.
ngokevin 9y ago
Yeah, document.querySelector('a-scene').scene provides you the three.js scene, you can dump whatever you want in there.
kalkut 9y ago
The HTML stuff mainly abstracts Three.js objects for faster development and better composition. Since Three.js is already an abstraction of WebGL you may have more luck with it by making a threejs plugin that "hand meshes and a camera position" to the Three.js scene/geometries. But honestly my experience on this subject is that it would be much more manageable and productive to make the game directly with A-Frame or at least with threejs. If you need a particuliar behaviour you can go down from A-Frame to threejs and from threejs to WebGL and build the relevant components/plugins.

NetOpWibby 9y ago

I’m a complete novice in the game development space so I hope this isn’t a dumb question - how feasible is it to create an MMO or sandbox game/world with A-Frame?

taneq 9y ago
If you're a complete novice then an MMO is not feasible, for any value of 'MMO' that you're probably imagining. It generally takes a AAA team with upwards of 100 members (coders, artists, designers, etc.) to even fail at making an MMO, let alone succeed. Of course there are a couple of notable exceptions, the two that spring to mind are Wyvern ( https://en.wikipedia.org/wiki/Wyvern_(video_game) https://en.wikipedia.org/wiki/Wyvern_(video_game) ) and Eternal Lands ( https://eternal-lands.blogspot.com.au/ https://eternal-lands.blogspot.com.au/ ) I can't think of any other solo or small-team-hobbyist attempts to create an MMO that even got as far as releasing something.
mch82 9y ago
Feasibility depends on your resources, due date, and expectations. It would probably make sense to prototype your game idea first, maybe as a board game, Doungeons & Dragons style game, or as a choose your own adventure story. If it seems fun, start to migrate it into software. I don't have the reference, but I've read the creator of Mario starts with a key game mechanic (like Mario's jump) and tests it without character art to see if it's fun (for example, black & white rectangles instead of Mario and a turtle).
- mch82 9y ago
  Another example: Nintendo prototyped & play tested key game mechanics of Legend of Zelda: Breath of the Wild in 2D NES style. https://www.polygon.com/2017/3/1/14780954/the-legend-of-zelda-breath-of-the-wild-2d-prototype-gdc-2017 https://www.polygon.com/2017/3/1/14780954/the-legend-of-zeld...

danbolt 9y ago

Cool demo! I liked the little character model a lot. Thanks for taking the time to write this! Is it hard to tweak the lighting model in A-Frame? I like the accessibility the library brings, and I know you were going for a particular lowpoly look, but often I find that a lot of the default lowpoly stuff tends to look a bit same-y. Or, the article encourages immersion, and I'm curious how I could achieve different lighting/shading effects to give a unique look, especially with lowpoly. I've noticed a lot of the A-Frame website examples look quite similar to the sort of default Unity3D lighting that comes out of the box.

ngokevin 9y ago
Tweaking lighting technically is easy. To find the right values is a bit more subjective. A-Frame uses sort of phong with PBR capabilities, but the PBR pieces aren't used often. You can use different shaders, tweak the materials, bake the lighting, use shadows. Pretty much the same tweaking as you'd do in any game.