473,322 Members | 1,425 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Twist Image on Z-Axis in Javascript. Canvas?

I need to possibly twist an image on the z axis in Javascript. Here is the deal. We have sliding effects and so forth for our company's website but there is too much sliding. We want something more unique. We could do this in flash but I was looking for a way to possibly do it outside of flash. Essentially the effect we are trying to pull off makes an image twist. Imagine you put your hand in the air. Moving it up and down is like the y axis. Left and right are the x axis. Twisting it is the z axis. Ive been looking around and assume canvas could work for this but can't find any examples that do it. Any ideas? Thanks.

Chuck
Jan 6 '09 #1
4 4403
acoder
16,027 Expert Mod 8TB
This Canvas tutorial should help get you started.
Jan 6 '09 #2
rnd me
427 Expert 256MB
more than half your visitors won't see a canvas tag.
animated GIFs would be more crossbrowser.

sounds funny, but if done right they can work darn well, and look impressive.

you can use simple, 10 year old,
image rollover scripts to change the img .src in reaction to movement.

simply animating an image width reduction and expansion looks like a turning image. if you displayed a mirror image every-other time, and perhaps a drop-shadow that also animates, the effect is a convincing 3d rotation.
Jan 6 '09 #3
Yeah I was considering animated gifs but I was curious about newer technology. For the most part, newer browsers can use Canvas. Primarily IE is the issue in which case we were going to use some type of script to overcome that. But your right, animated gifs are probably the best way to go. Any other ideas though I am still open ears. Even if I dont use it now it is good to know for the future when canvas because more popular. Thanks again,

Chuck
Jan 6 '09 #4
acoder
16,027 Expert Mod 8TB
There is ExplorerCanvas which provides support for IE. However, the GIF route is probably best for the foreseeable future as the canvas tag is not really suited for animation as explained here (https://developer.mozilla.org/en/Canvas_tutorial/Basic_animations
Jan 9 '09 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

9
by: Pierre Tremblay | last post by:
Hi! I am trying to display an image in my html document. The document contains the following line: <td class="Input"><img...
3
by: dave | last post by:
Hello there, I am at my wit's end ! I have used the following script succesfully to upload an image to my web space. But what I really want to be able to do is to update an existing record in a...
15
by: Anand Ganesh | last post by:
HI All, I have an Image. I want to clip a portion of it and copy to another image. How to do this? I know the bounding rectangle to clip. Any suggestions please. Thanks for your time and...
4
by: Troy | last post by:
Hi all, Im a little new to ASP.NET. I'm looking to create an image viewer that zooms in, pretty common. But I need to draw a box on the 1:1 scale image and 'zoom in' on another picture box. ...
7
by: lgbjr | last post by:
Hello All, I¡¯m using a context menu associated with some pictureboxes to provide copy/paste functionality. Copying the image to the clipboard was easy. But pasting an image from the clipboard...
15
by: David Lozzi | last post by:
Howdy, I have a function that uploads an image and that works great. I love ..Nets built in upload, so much easier than 3rd party uploaders! Now I am making a public function that will take the...
1
hpbutterbeer
by: hpbutterbeer | last post by:
We have a Machine Project and my brain is currently in a clouded state. Sorry, I'm just a beginner in C Programming... Text twist is a windows game whose main objective is to form words out of the...
0
by: Smita1617 | last post by:
Hi All... My development site is working on PHP5 and GD 1.6.2 without Freetype support. Resultantly I am not able to work with functions like imagefttext or imagettftext or the image*box...
0
by: Smita1617 | last post by:
Hi All... I do owe an apology for not mentioning my purpose entirely. I am trying to generate graphs as a PNG image and write it to a PDF file. Do give ideas other than asking me to install...
0
Debadatta Mishra
by: Debadatta Mishra | last post by:
Introduction In this article I will provide you an approach to manipulate an image file. This article gives you an insight into some tricks in java so that you can conceal sensitive information...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.