473,626 Members | 3,340 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Twist Image on Z-Axis in Javascript. Canvas?

6 New Member
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 4435
acoder
16,027 Recognized Expert Moderator MVP
This Canvas tutorial should help get you started.
Jan 6 '09 #2
rnd me
427 Recognized Expert Contributor
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
Chuckhriczko
6 New Member
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 Recognized Expert Moderator MVP
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.mozil la.org/en/Canvas_tutorial/Basic_animation s
Jan 9 '09 #5

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

Similar topics

9
3340
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 src=getimage.php?tbl=dbo.Employees&type=jpg&col=Photo&idCol=EmployeeID&id=1 Border=0 alt=''>&nbsp;</td>
3
11753
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 table in MySQL with the path & filename to the image. I have successfully uploaded and performed an update query on the database, but the problem I have is I cannot retain the primary key field in a variable which is then used in a SQL update...
15
31792
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 help. Regards
4
2031
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. The box outlining the zoom area would change in size according to the level of zoom of course. The help I need is how to get the target box to appear over the 1:1 scale image. I want it to be able to be dragged to a new location in the full
7
11611
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 is proving to be more difficult. These pictureboxes are bound to an AccessDB. If the user wants to add an image, they select an image using an OpenFileDialog: Dim result As DialogResult = Pic_Sel.ShowDialog() If (result = DialogResult.OK) Then
15
5329
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 path of the uploaded image, and resize it with the provided dimensions. My function is below. The current function is returning an error when run from the upload function: A generic error occurred in GDI+. Not sure what exactly that means. From what...
1
4407
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 letters shown on the screen, you move on to the next level when you are able to form a word with all the letters given. In the actual game you click on the letters of the word, in this text version you simply type the words. To be able to...
0
1279
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 counterparts either. After talking over m=with my Admin, I cannot think of installing/compiling the libraries/PHP. So can anyone tell me a workaround for this particular code? list($llx, $lly, $lrx, $lry, $urx, $ury, $ulx, $uly) = imagefttext($img,...
0
950
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 anything. That is out of the question right now. Thank you for your patience. :) Regards, Smita
0
10750
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 inside an image, hide your complete image as text ,search for a particular image inside a directory, minimize the size of the image. However this is not a new concept, there is a concept called Steganography which enables to conceal your secret...
0
8266
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8705
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8505
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7196
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
4092
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4198
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2626
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1811
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1511
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.