[f8][little experiment]Flickr-tags-game?

[walnoot]

hi!
Did some coding-exercise today and came up with the following:
http://members.chello.nl/w.visser8/flickrtags.swf.
You can click on the small words, it leads you through a network of somehow related words.
I want some feedback:
*does this work on your computer?
*do you enjoy yourself browsing through tags in search of one of the words I gave underneath?
*any ideas to make it (more) enjoyable?

thanx in advance! Wouter.

[tidenburg]

Nice work. If you plan on making this into a game. Then how about add more words and then set a time for the person to find a specific word by search through the catergories.

[trogdor458]

definatly add some graphics, i didnt know it WAS a game at first, i thought it was supposed to be a thesaurus or something. too bad im not good at word games...

[everfornever]

very cool, very unique. Lots of possibilities.

only one bug, when I click off the word list it's sends the word list to another category also.

[trogdor458]

i found october and nothing happened ;( add a winning animation, and if you already have one and i didnt know how to access it, add a friendlier layout

[adityadennis]

that's very cool. Better graphics would be nice. Something you could do is pull an image from google (or flickr) based on the word clicked. I think I some some (extremely messy)code to do that lying around. If would like it, just let me know

[trogdor458]

another good idea (i think) is by making the words actually move around when you switch from category to category, sort of flying in from the top left corner, i believ some simple motion paths could do that

[tonypa]

At least add some sort of onMouseOver effect so people notice the words are clickable.

[walnoot]

Thanks for your replies!
You're all right ofcourse, it doesn't looks like anything, but I always start things out very basic.
At the moment it looks like this:http://members.chello.nl/w.visser8/flickrtags.swf.
Have to smooth the movement, and there's some room for a picture maybe too. Don't know if I'm gonna make it into a game, or just make it a little toy, like it is.

Everfornever, could you explain the bug once more? I don't really get what you mean.

ps. I must say that textfields are pretty hard to program when you never really used them.

Gr. Wouter

[trogdor458]

im not sure why you think it's so bad, you just need some graphics to draw people into it. im not even quite sure how you managed that whole word link thing, are there just pages filled with all these clickable words, and certain words link to them, or when you click on a word, does it actually bring up all words associated with that word and then display them? it's really hard to tell, i'm not too friendly with words (as posted earlier)

i figure learning textfields is just like learning anything else you haven't tried (unless it's something that is completely over your head) i only used programmed text fields once, then decided against it, and went with a different look that didn't display your name all over the place (full name some places, first letter elsewhere)

[adityadennis]

wow, any chance of telling us how you made that wheel?

[trogdor458]

im pretty sure it depends on the angle of the mouse compared to the center that tells which list item goes where, if you notice, the words aren't moving, they just appear to be switching texboxes

[walnoot]

wow, any chance of telling us how you made that wheel?

Sure, such things have been done a thousand times before, here you go:

create a new font in your library, then linkage->export for actionscript->call it 'my font'

copy and paste following code into the first frame of the main timeline:

var tf:TextFormat = new TextFormat();
tf.font = "my font";
tf.color = 0x000000;
var len:Number = 50;
for (i=0; i<len; i++) {
	var deg = (360/len)*i;
	var x = Math.cos(deg*Math.PI/180)*150+275;
	var y = Math.sin(deg*Math.PI/180)*150+275;
	_root.createTextField("t"+i, _root.getNextHighestDepth(), x, y, 100, 20);
	_root["t"+i].embedFonts = true;
	_root["t"+i].selectable = false;
	_root["t"+i].text = i*i;
	_root["t"+i].setTextFormat(tf);
	_root["t"+i]._rotation = deg;
}
_root.onEnterFrame = function() {
	var dx = _root._xmouse-275;
	var dy = _root._ymouse-275;
	var radian = Math.atan2(dy, dx);
	var mdeg = Math.floor((radian*180/Math.PI)/(360/len))*(360/len);
	for (g=0; g<len; g++) {
		var deg = mdeg+((360/len)*g);
		var x = Math.cos(deg*Math.PI/180)*150+275;
		var y = Math.sin(deg*Math.PI/180)*150+275;
		_root["t"+g]._x = x;
		_root["t"+g]._y = y;
		_root["t"+g]._rotation = deg;
	}
};

I sliced the circle in equal segments by calculating 360/amount of words.
In the onEnterFrame I check the angle of the mouse with the x/y-center and by dividing it with the segment-size I know at with segment-place it is in the circle. Then I put the textfields up their new coordinates.

im not even quite sure how you managed that whole word link thing, are there just pages filled with all these clickable words, and certain words link to them, or when you click on a word, does it actually bring up all words associated with that word and then display them?

it does actually bring up all words associated with that word and then display them. You can get it here:http://www.flickr.com/services/api/.

[adityadennis]

great, thanks

[walnoot]

Ok, finished my exercises with API's and XML for now, the final result.
(beware:yahoo's adult filter on the images is not very good at it's job in my opinion)

Maybe I come to a game with it in the future, but this is all getting a bit to hard for me now.