I am working in A-frame and I need scrolling text to display on top of a 3d object. From preliminary research, html css does not work in a-frame. Can scrolling text still be accomplished? How can i use css in a-frame?
Thanks
Html can be embedded in Aframe (but it is not built in).
Use this component by superEggbert
https://github.com/supereggbert/aframe-htmlembed-component
Scrolling text is a bit more involved (don't think you get it automatically with aframe-htmlembed-component, but I haven't used it yet, so not sure).
Here is a tutorial that walks through making a VR blog in Aframe.
Towards the bottom it gets into how to make a giant slab of scrolling text.
https://www.nateliason.com/blog/vr-blog
Also worth noting that you can have screen space html that sits on top of your aframe scene. It's not very attractive, but that is one way to add scrolling text on top of your 3D scene.
Related
I am creating a menu screen for my game and instead of creating button there I just have text font. I want to know whether it is possible to to make them touchable.as i have 3 text in main menu so three different function.
I have very little experience making GUIs in LibGDX, and I'm sure this answer is too late anyway, but:
Why not just have a clickable object surrounding the text, and just don't render this?
In other words, do what you'd do normally for a button, just don't render it.
How would one include an image on a website that behaves like the twitter users banner image which when you scroll one pixel it scrolls the page 2 pixels, moves the top of the image up one pixel and covers one pixel from the bottom of the image?
I don't know what to call this so I don't know how to search for it.
It is like the image moves up while the content behind it also slowly covers up the image like an extra layer of paper pushed up.
It's a form of parallax scrolling. There are plenty of good tutorials on parallax that I'm sure will help you achieve the effect you desire.
At work i am given a task to create a simple menu UI that resembels the Ribbon UI. It doesn't have to be that sophisticated or nice looking, but it needs to have a specific look that I don't know how to do.
I need to make the bottom of a selected tab round, but facing outwards, just like in Office. It was easy to make the top of a selected tab round using CSS3 (border-top-left-radius:4px and same for right), which is supported in all modern browsers (we don't need round corners on old browsers. They can easily upgrade if they want to :) ). But if I use border-bottom-left-radius:4px on a selected tab, it has the normal round bottom corner, facing inwards, not outwards (sorry for my bad english).
Can it be achieved somehow using CSS3?
If I understand correctly, than this is what you want: http://jsfiddle.net/U84ng/
This is faking a little, and gets more complex when your background is an image instead of solid color. But unless it's an image that changes horizontally (ie. not a gradient or pattern) and your tabs aren't flexible in width (depending on text width, rather than one fixed in css) it can be done.
Hi I am having trouble in dragging a image within a loader. I am able to do
zooming and rotating image but not moving image with mouse. Purpose is when I
zoom a image info is out of boundaries and so is hidden. To see that info users
should be able to drag the image any way they want. Please help.
I'm not quite sure if I understood what you're trying to do, but take a look on this adobe pan/zoom component and see if that's what you were looking for
http://www.adobe.com/devnet/flex/samples/fig_panzoom/
I want a fusion chart in my flex app to display with a Lightbox effect like the effect you get when you click on any of the charts here or checkout the demos here
These effect have been attained with the help of javascript. How do i get the same effect via Flex? Any idea?
Thanks a lot
I built a Flex component called PopUpThumbnail that is very similar to HTML/JavaScript lightbox components.
Here's an example application that I created with it to displays Flickr images.
Add a mask over the top of the whole application with the content area in the middle and the semi alpha area around it. Clicking on the surrounding mask removes the layer, and you can interact with the content area as normal (make it look like a popup rather than actually using one...)