aframevr / aframe-inspector Goto Github PK
View Code? Open in Web Editor NEW:mag: Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Home Page: https://aframe.io/aframe-inspector/examples/
License: MIT License
:mag: Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Home Page: https://aframe.io/aframe-inspector/examples/
License: MIT License
It took me a good minute or so to discover that by horizontally dragging in a numeric text field that the value changes. It's neat. But wasn't discoverable. Perhaps make that more obvious or require the field to be focussed first (that's what Dev Tools do, anyway). And possibly consider using the native browser ones: input[type=number]
, input[type=range]
.
The editing camera is locked around the scene origin. It's hard to edit anything in detail without being able to pan around when zoomed in.
Implement common DCC 2D cameras: Top, Front & Right + Isometric.
As we're not going to use this cameras for a-frame I don't see the point on creating a component for ortho2d in aframe having already a perspective camera. I think we should just use THREE.OrthographicCamera
directly.
<style type="text/css" data-href="src/style/aframe.css">
).<script src="js/aframe.js">
should be written as <script src="http://dev.fernandojsg.com/aframe-editor/example/js/aframe.js">
). I know this gets tricky. Because some people will be using the editor to inspect, edit, and fork others' scenes - while others will use it to quickly tweak their scenes<script src="../build/aframe-editor.js"></script>
)<a download>
)That would allow for quick iteration and easy sharing of derivative work.
I don't see anything in Denys' mocks. Will this "Edit" drop-down menu be used for something?
(this is where I was looking for it)
Didn't catch it at the bottom of the scene graph.
Open to other placement suggestions as well.
When entering transform values by typing (using numeric keys), the entity does not take on these changes.
Seems to work fine when you click and drag the numbers.
After exiting from editor.
I removed a component by mistake and I cried.
Probably something like a wireframe speaker
If we have an entity with an standard material like:
<a-entity geometry="primitive: sphere" material="metalness:0.0;roughness:1.0;shader:standard"></a-entity>
And we change the shader, some of the parameters won't be available on this new shader (metalness, roughness):
<a-entity geometry="primitive: sphere" material="metalness:0.0;roughness:1.0;shader:noise"></a-entity>
So probably we should delete them, as it will keep giving warnings on the console:
core:schema:warn Unknown component property: metalness +0ms
browser.js:112 core:schema:warn Unknown component property: roughness +2ms
It would be super useful to be able to clone a entity.
To have a distributable version
Implement hover event over each instance on the scene, both using cursor or mouse.
It should highlight the object (using a different color or shape than the selected status) and show some simple attributes on top, like for example ID or entity type.
yellowSphere
in the scene graph.Exit
button.Enter
button.yellowSphere
is no longer highlighted in the scene graph.Related to #7, if we used (hidden) <input type="radio">
fields, this value would be easily persisted with the checked
attribute.
to make things easy, you could have a radio form field for each item
If the Editor is opened and no form field or anything is focussed, perhaps just pressing Esc
or e
or whatever should dismiss the Editor.
And when I'm in non-Editor mode, I should be able to easily invoke the Editor by pressing option
+ e
or something (again, when only document.activeElement
is not a form field, contexteditable
, etc.).
Similar to #7
Mixins could be created directly from an entity by selecting the components and attributes we would like to add to the mixin.
I'd like to move one entity to be nested within another entity. Or I'd like to just rearrange or group my entities.
It'd be nice to see how my scene is changing as I move the camera, for example. The editor wireframe view is nice, but I can imagine it becoming cumbersome going back and forth.
https://davidwalsh.name/html5-context-menu
They've been in Firefox for quite some time now. Coming soon to the other browsers.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.