Sign In
Create Account
Follow Us on Twitter
Subscribe on Youtube
HI all, great forum - just found it. Been looking around a bit and I'm really impressed with the character of the community, not to mention the knowledge base and variety of topics available.
Ok, so I'm familiar with xhtml and css. I'm just about to stick my nose into java script now, but the idea I have to work on is still beyond me. I don't have any experience with animation yet, but I'm going to be learning whatever I need to learn in order to have my idea realized. I'm hoping for a few tips and suggestions from the good community here to set me on the right path.
I'm going to be making a fun little private encounter for some friends. I'm going to take the mad libs approach to start with, have a little fun, and then the tough part:
I'd like to have the words on the page devolve into floating, swirling letters which will then take shape into a crude interactive 3D Tron spoof. (Final confrontation with CPU)
That's the part I need some help with. Any suggestions will be very helpful as I research the various avenues of approach here. Although my idea basically simulates a FPS video game, its really nothing more than interactive animation with left and right movement of a hand holding a disk, then a mouse click to release. The animations will be on loop until the user mouse-clicks, then new animation loops play, and so on.
I'd also like to know if anyone can point me to an efficient little script for a submit button that disappears on mouseover (reappears on mouseout) but is still active.
Thanks in advance people!! I look forward to hearing from you.
~b89
Creating and implementing interactive 3D graphics into private encounter
Started by bones89, Jan 13 2011 12:01 AM
3 replies to this topic
Back to top|
|
|
#2
Posted 13 January 2011 - 04:47 AM
WingedPanther
-
- Moderators
-
- 16,831 posts
A spammer's worst nightmare
Well, you can look here: Nihilogic : Javascript Wolfenstein 3D to get an idea of how much is involved.
#3
Posted 14 January 2011 - 08:07 PM
bones89
-
- Members
-
- 3 posts
Newbie
Thanks for the reply WP. Its a start at least.
The website has some cool JS game examples, but not a lot by way of shop-talk and/or how-to's. Mostly "look at what I did". Which is cool, don't get me wrong...
I guess it does help by way of telling me that concentrating on actual "game development" might be a bit more than what I need. Really, I just need animation loops that are activated by user input; just a mouse click.
Simplify, Ramses!
First, I'd like to find how I can have a box full of text animate into a whirlwind of letters. That's step one. Any ideas?
~b89
The website has some cool JS game examples, but not a lot by way of shop-talk and/or how-to's. Mostly "look at what I did". Which is cool, don't get me wrong...
I guess it does help by way of telling me that concentrating on actual "game development" might be a bit more than what I need. Really, I just need animation loops that are activated by user input; just a mouse click.
Simplify, Ramses!
First, I'd like to find how I can have a box full of text animate into a whirlwind of letters. That's step one. Any ideas?
~b89
#4
Posted 19 January 2011 - 06:44 PM
bones89
-
- Members
-
- 3 posts
Newbie
Looks like I'm basically talking to myself here, but in case any one cares...
In my first post I asked if anyone had familiarity with a submit button that disappears on mouseover but still remains active.
I know that there is a pretty simple solution using links instead of buttons, setting the mouseover color to match that of the background. Also, if using some sort of image as a link, then using transparencies can work. Using image sprites (w3schools.com, if you happen to be researching this subject) is an easy solution too.
But I just learned that jquery has a pretty cool feature (.hide) that can be a fun alternative.
But I still haven't found a way to make a traditional button disappear on mouseover (while remaining active). As I'm learning Javascript, it appears that since buttons have their own mouseover effect built in, altering the effects are not as easy, if possible at all.
~b89
In my first post I asked if anyone had familiarity with a submit button that disappears on mouseover but still remains active.
I know that there is a pretty simple solution using links instead of buttons, setting the mouseover color to match that of the background. Also, if using some sort of image as a link, then using transparencies can work. Using image sprites (w3schools.com, if you happen to be researching this subject) is an easy solution too.
But I just learned that jquery has a pretty cool feature (.hide) that can be a fun alternative.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<input type="button" onclick="show_prompt()" value="Show prompt box" />
</body>
</html>
But I still haven't found a way to make a traditional button disappear on mouseover (while remaining active). As I'm learning Javascript, it appears that since buttons have their own mouseover effect built in, altering the effects are not as easy, if possible at all.
~b89
