My website truptidesale.com has animation which is created using three.js on canvas. i have given background image to canvas and made position as absolute and z-index -1 so that my navigation bar will be on top of canvas. This works very well on my desktop but website does not scroll or cant click on navigation bar when i access website on iphone or android phone.
can somebody please help me to make this work on mobile? Thank you so much.
Related
I trying to create a view which have a scroll view. If I Touch to bottom or if I drag my finger to bottom ,then the Scrollview should scroll automatically in fixed speed. consider the below Image
I am using PanResponder class in react native to achieve this functionalities.
for scrolling I am using scrollTo() . But I am failed do this. I like to share my code but it was too bulky and not understandable.
So my question is Is anyone have any code to achieve this. or Is there any libraries available?
Please help me
Use scrollToEnd({animated: true}) to go the bottom of scrollView in react-native.
From doc.s of facebook https://facebook.github.io/react-native/docs/scrollview#scrolltoend
scrollToEnd()
If this is a vertical ScrollView scrolls to the bottom. If this is a horizontal ScrollView scrolls to the right.
Use scrollToEnd({animated: true}) for smooth animated scrolling, scrollToEnd({animated: false}) for immediate scrolling. If no options are passed, animated defaults to true.
I've added a PNG animation (acting like a animated GIF) to an iBook HTML widget using CSS, JavaScript and HTML.
The problem is that there is a maximize button when hovering over the widget in the iBook preview. I want to remove this because it is only supposed to be an animation that plays when entering the page, and I don't want the user to be able to interact with it.
How can I remove this functionality from the widget?
Setting the widget width and height in your info.plist file the same as the width and height in iBooks author prevents opening in full screen when tapping on it.
I don't know if this logic works on Mac or iPhone, but it seems to work on the iPad.
I am developing Windows Store Apps for Tablet using VS2012. Right now i am creating splash screen for my application. My requirement is the splash screen should be display full screen in my app.
but it is working as Center of the screen. Can any one help regarding this...
The answer is that there is no way to create an official splash screen that is full-screen. A splash screen has to use a 620 x 300 pixel image, where it is a normal splash screen or an extended splash screen. However, you can match the background color around the splash screen to the color of the splash screen image (using the instructions you already found), which makes it appear like a full-screen image, even though much of it is just color.
AFAIK a splash screen has to be centered, but maybe a valid work around would be to create a start page (regular xaml) and have this one displayed as initial screen as soon as the splash screen is gone.
But this would mean that your startup time has to be quite fast.
Maybe it's an option for you.
Open the "package.appxmanifest" manifest file.
The manifest should automatically open in the Microsoft Visual Studio Express 2012 for Windows 8 Manifest Designer.
Open the Application UI tab and scroll down to the Splash Screen
section. If you are still using project defaults, you should see the
"images\splashscreen.png" path in the Splash Screen field. If you
open "package.appxmanifest" in a text editor, you should see
SplashScreen element as a child of the VisualElements element. For
example, the default splash screen markup in the manifest file looks
like this:
XML
{ <SplashScreen Image="images\splashscreen.png" /> }
Change the splash screen image by using the Browse... button and
confirm that the image was added to your Visual Studio project.
Important The splash screen image you choose must be 620 x 300
pixels using a 1x scaling factor.
In the Background Color field of the Splash Screen section, set the
background color to display with your splash screen image. You can
enter either the name of a color or '#' and the hex value of a color.
Setting a background color for your splash screen is optional. If you
do not specify a color, the splash screen background color defaults
to the Tile background color (the color in the Background Color field
of the Tile section in the Application UI tab). If you open
package.appxmanifest in a text editor, the Tile background color is
specified via the BackgroundColor attribute of the VisualElements
element.
my workaround is make a 620x300 splash .png image with alpha background, so its not a full 620x300 image. the image itself is just a 300x300 logo. my suggestion is just make a small center image (your app logo or something else) and make it blend to the background (gradient or alpha)
I want to develop a new home screen application for android. I saw the default home screen in my android 2.3.3 device, when ever I swipe the home screen left and right, the background wallpaper also sliding left and right. What is that view? How to get the same effect in an app?
Is it ViewPager? I checked the ViewPager class, but I didn't found any common background image for all views in that.
You probably want to use a canvas with a draw-able, then detect the users swiping and animate it in the background. It is likely that the default android backgrounds are doing the same. You wont be drawing the unseen portions of the view.
http://developer.android.com/guide/topics/graphics/2d-graphics.html
I suggest doing their lunar lander tutorial to learn how to use the canvas first.
You will make a canvas the background to your app and then lay your other ui elements on top of it unless you make the ui based inside the canvas.
I'm working with the mobile graphic framework LWUIT (V. 1.2) to develop an application for Nokia N97.
Results are striking and elegant but I have a problem: when I rotate mobile screen, menu bar doesn't switch from bottom to the right of screen. Commands remain on the bottom while correspondent mobile buttons are now on the right...
Is there an event that I can intercept when the user open or rotate mobile screen? Or I have to extend some library class to make this behaviour automatic? Or anithing else?
Anyone of you can describe a solution?
Thanks in advance
I didn't use LWUIT much, but you can insert following parameter to jad:
Nokia-MIDlet-App-Orientation: portrait
This should disable auto-rotating on Nokia S60 5th.
If you want to catch an event when the screen rotates, you can check canvas.getWidth() and canvas.getHeight(). If device's screen is not square, its width and height should change.