PDA

View Full Version : Stirfry's web page refletcions for pictures



tinfoil
01-16-2009, 10:36 PM
This one has ripples that move. this is a screenshot.
http://i42.tinypic.com/zjx891.jpg
It takes any image and adds the reflection you see underneath with slowly moving moving ripples that look like waves

If you guys want this it's simple cut and paste, save a notebook file as an html file and then change the image address in the notebook open page (which is editing the html file) and then save the html as it is. You'll be asked to name it the first time you save it and I usually save it to the desktop so you can easily just grab it and drag it back into an open notebook page to edit it.

Ahh html and javascript.
http://i39.tinypic.com/2chu8v6.jpg
Down here I decided I needed to add perspective. How'd I do?
The justplainpolitics one has a radial gradient stretched to look like a soft light on it and the outsides of the reflection are gradients with opacity set to let less of the reflection through. The purpose was to make the reflection look brighter where the soft light hits.

it only works in mozilla, but all you have to do is change the variable declaration to the command opera uses if that's what you use.
mozilla is getcontext(2d) and opera is something different. I have it somewhere because the raycaster I made works for all three browsers.
Internerd Explorer doesn't work with canvas. LOL still and I really don't care to worry about using the excanvas.js to make the script work if Microsoft can't make canvas work in their browsers.

tinfoil
01-16-2009, 11:24 PM
I forgot to mention the one with the poker chips has the water ripple effect and the ozone pic was set be slightly seethrough

Damocles
01-17-2009, 09:47 AM
That's pretty cool dude..

tinfoil
01-17-2009, 12:21 PM
thnx Damo

I'm working on a script to draw images skewed into the screen in a perspective view. 1 pixel at time so the detail is perfect. I'm almost done with it. It's too slow, but it works.

http://i40.tinypic.com/wteqa9.jpg

http://i42.tinypic.com/346rz42.jpg

Damocles
01-17-2009, 12:27 PM
Hmm...

You might want to have a go at creating a new header for the site.

I can make software work, but making cool images seems to evade me.

tinfoil
01-17-2009, 01:30 PM
I would love the opportunity. Tell me what you would like it to look like. I have already been playing around with a few perspectives, but they just won't look right unless we can mess with the html a little. Can you fill the sides of the forum? You could link me to a site you think is cool for some ideas. I've been learning a bunch about javascipt so I can create stuff that looks like flash and even perfect sounds using the soundmanager. No more embed tags and the stupid pause every time you fire a sound.


As a side note:
Damo, I'm sitting on a working pinball script with perfect sound and motion until I get smart enough to write the code to handle the flipper collisions. We could create a JPP pinball game to increase traffic. I have a bunch of little game projects as well, but the pinball would be unique for the internet and would be a sweet Digg able javscript...think of the traffic you get to this site with a link here from digg!
http://i40.tinypic.com/x1bu6h.jpg
http://i41.tinypic.com/jihvn9.jpg
bumpers light up!
This script is adapted from the one found here.
http://wd-testnet.world-direct.at/mozilla/dhtml/funo/pinballtest/pinball2textAlignCenter.htm#


The flipper script is a canvas script and the flippers rotate very convincingly. I'm quite proud of that little script since it's flawless. I just have to convert the pinball game to canvas or just create a slideshow/array for non canvas browsers. OrI'm going to try to just fake it by positioning the canvas at the bottom and use z-index to sort out the ball when it passes onto the canvas from a div.
this script adapted from the one found here
http://teethgrinder.co.uk/canvas/image-wobble.html

Either way I got a little bit of work to do, but it's really impressive javascript that works as good as flash and doesn't require any plugins. I could make an internerd explorer version too. I already have a working script to handle everything.

tinfoil
01-17-2009, 01:44 PM
Damo

other project idea: climate forum!!!!

send me pm if you want to create a JPP clone for climate. I have some investment money if there are start up costs. I need your help learning SEO and google adsense. I'm terribly interested in getting into the interwebs. I might not be able to do floor work ever again since my back suffered a sever muscle tear. I'm still in rehabilitation for it. 4 hours a day I'm performing tests for doctors and working my ass of on exercise equipment. They have to get me able to do floor work. It's a pretty tall order so I need a fallback carreer. I'm hoping I have a chance to sneak in the back door of the internets.

tinfoil
01-18-2009, 01:16 PM
http://h1.ripway.com/tinyscript/pinballRedux.html#

Here's a link to the pinball demo with sound. tell me if this works in internerd explorer, if you use that piece of software...rolls eyes...

tinfoil
01-18-2009, 01:22 PM
http://h1.ripway.com/tinyscript/JustPlainPoliticsTestSearchlight.html

Here's another script from above

tinfoil
01-18-2009, 01:31 PM
and the ripple one with the messiah

http://h1.ripway.com/tinyscript/ImageReflectionWithRipples.html

Damocles
01-18-2009, 01:31 PM
Damo

other project idea: climate forum!!!!

send me pm if you want to create a JPP clone for climate. I have some investment money if there are start up costs. I need your help learning SEO and google adsense. I'm terribly interested in getting into the interwebs. I might not be able to do floor work ever again since my back suffered a sever muscle tear. I'm still in rehabilitation for it. 4 hours a day I'm performing tests for doctors and working my ass of on exercise equipment. They have to get me able to do floor work. It's a pretty tall order so I need a fallback carreer. I'm hoping I have a chance to sneak in the back door of the internets.
LOL. I don't know if you can make it a career unless you were selling the magic of "carbon offsets" so that people can pollute with aplomb...

tinfoil
01-18-2009, 05:59 PM
LOL. I don't know if you can make it a career unless you were selling the magic of "carbon offsets" so that people can pollute with aplomb...


nahhh, I just need a real site I can attach my name to (example of my work) so I can get some local freelance web site building work (craigslist has several every day that I could easily do were it that I had some real world site to point to) and so I can possibly learn some more marketable skills to so on the side. I want some cash money, yo!! Here in oregon, no sales tax!! That's like 5 to 6% added value if I can get work through online sources. The IRS can suck my **** from now on. I owed them less than 3 K for a couple years before the took my bank account and left me unable to make money until I battled back (small business....really small LOL)into the black ink. 10 years later I finally got out of the hole with them and they never gave me a single break on any penalties or interest. The story abut the new chief Obama picked literally made me want to die... serious. Someday my posts here might mysteriously cease. LOL

Anyway, I'm not expecting to profit, only to build an online resume, so to speak.

Damocles
01-18-2009, 10:14 PM
nahhh, I just need a real site I can attach my name to (example of my work) so I can get some local freelance web site building work (craigslist has several every day that I could easily do were it that I had some real world site to point to) and so I can possibly learn some more marketable skills to so on the side. I want some cash money, yo!! Here in oregon, no sales tax!! That's like 5 to 6% added value if I can get work through online sources. The IRS can suck my **** from now on. I owed them less than 3 K for a couple years before the took my bank account and left me unable to make money until I battled back (small business....really small LOL)into the black ink. 10 years later I finally got out of the hole with them and they never gave me a single break on any penalties or interest. The story abut the new chief Obama picked literally made me want to die... serious. Someday my posts here might mysteriously cease. LOL

Anyway, I'm not expecting to profit, only to build an online resume, so to speak.
I'm sure we can figure something out. I'll be answering your PM.

tinfoil
02-06-2009, 12:49 AM
http://i41.tinypic.com/vq1e89.jpg

Damocles
02-06-2009, 12:58 AM
Cool... :D

Now where to use it?

That might look good on a mug.

tinfoil
02-06-2009, 07:41 AM
Yeah, we need to figure out a design theme. How much can you edit? Can we change the forum background? I'm just kicking ideas around for now.

Damocles
02-06-2009, 09:26 AM
Yeah, we need to figure out a design theme. How much can you edit? Can we change the forum background? I'm just kicking ideas around for now.
I believe I can. I'm looking for a way to make it look like it was written on old hemp paper, like the constitution. Getting a nice tan theme rather than that brown I have and ditching the brown. If I can get it like I picture it in my head it will rock. Unfortunately, I can sketch, paint and sculpt, but digital images seem to escape my talents.

tinfoil
02-06-2009, 01:58 PM
that's a cool idea
here's a piece of hemp paper. it would be cool to make the reply boxes have the hemp background and a slight shadow so it looks like they're laying on top. and have the entire page with the rough edges along the outside.
http://planetgreen.discovery.com/tv/supper-club/images/2008-07/hemp-paper.jpg

There has to be a way to add a background image. Can you acess the scripts, or just the control panel interface?

Damocles
02-06-2009, 02:44 PM
that's a cool idea
here's a piece of hemp paper. it would be cool to make the reply boxes have the hemp background and a slight shadow so it looks like they're laying on top. and have the entire page with the rough edges along the outside.
http://planetgreen.discovery.com/tv/supper-club/images/2008-07/hemp-paper.jpg

There has to be a way to add a background image. Can you acess the scripts, or just the control panel interface?
Yes. I know that there is, I just haven't taken the time to figure it out yet. I'll get there.

And your idea of the shadows for page on page is cool too.

tinfoil
02-07-2009, 03:21 PM
Well let me do it. LOL give me admin status. heheh I promise to be good.
well, think about it anyway.

I got all my scripts on my new machine and I'm ready to rock. Let make the hemp paper with oak desk for the very outside of the page. We'll use a couple of positioned divs to hold images for left ,right top and bottom of the paper edge then the middle will blend in. it's pretty simple if we can add html to the template.

I also created some layering scripts so I can blend images and highlight contrast without losing the original colors. I don't have cash for photoshop so I have to make my own effects and save them as screen captures.

It works pretty good too. time to make some cool ass page effects and logos. I need your webspace to showcase these scripts. Cmon man! Help a cyberbro out! LOL

I am in the process of making a slide show that fades out one image as the next image fades in. I just have to write the script to handle switching the pic num. It's done one opacity percentage per ms so it's fricken smooth as butter. Looks as nice as flash and easily modified. all in half a page of code. The text will fade in also. Would you think fading in the text slightly afterwards would look cool or should it be a uniform transition or in unison, I mean? Your opinion matters to me. thank you for responding.

I have a slide show script that runs images as a movie inside a little TV. It's kinda cool looking. I snagged the script from CNN pages and modified it to do what I wanted.

the next script I'm going to make will skew the images and fade them in and out.
here's the back ground for it. I might make animations of people's heads moving so it looks like you're really in a theater. It's gonna be cool.
http://i41.tinypic.com/2pz9md4.jpg


myfreeslideshow.com!! let's do it!

Damocles
02-07-2009, 05:12 PM
That's a bit well-lit for a theater...

Damocles
02-07-2009, 05:51 PM
We could add it to the CSS file like this:



background-image: url(images/hemp/desktop.gif);
background-repeat: repeat;


It isn't HTML, but it works seamlessly this way. Of course we'd need to change the repeat to only include the correct images at the correct place.

You can see the effect of using it with a .jpg that I found on the Vision Dark style.

tinfoil
02-07-2009, 06:40 PM
That's a bit well-lit for a theater...

hehe so it is. I can use gamma correction to darken it.

Damocles
02-07-2009, 08:27 PM
Hey, stir... Check out the "Hemp Paper" version right now. This is a simple version of the idea that I am looking for.

Do you know how to build the border you are thinking of using the CSS code like the one I posted above? I'd love to make the whole site appear more like the hemp paper, and older. I also like the idea of the borders of the tables having the shadow.

tinfoil
02-07-2009, 09:40 PM
Awesome! looks great. And I love the font. Can you make all the fonts like that? Very cool. I like it. Now we need the text box background image to have the slight shadow effect on two edges. Looks best to do right edge and bottom edge. I think you have the option to have no border too so the shadow will look good.

Looks good!

Damocles
02-07-2009, 10:36 PM
Awesome! looks great. And I love the font. Can you make all the fonts like that? Very cool. I like it. Now we need the text box background image to have the slight shadow effect on two edges. Looks best to do right edge and bottom edge. I think you have the option to have no border too so the shadow will look good.

Looks good!
Check out "Child of Hemp Paper"... I'm testing a different image for the background and more placements of the background.

tinfoil
02-07-2009, 10:58 PM
yes yes yes
Now use half of the image and mirror it so it blends at the seams.

Damocles
02-07-2009, 11:01 PM
??? Wha?

Can you do it?

http://www.justplainpolitics.com/images/background/OldPaper-2.gif

tinfoil
02-07-2009, 11:06 PM
http://i41.tinypic.com/al51c2.jpg

see if this image makes the page look a little better

tinfoil
02-07-2009, 11:16 PM
Here's a different tile for you to try. it should blend better
http://i40.tinypic.com/15xb9i.jpg

tinfoil
02-07-2009, 11:22 PM
I'm going to stretch it the width of the screen. how about 900 px?

Damocles
02-07-2009, 11:25 PM
900 is good, although this style is set at 100% which allows the user to size it as they want.

Damocles
02-07-2009, 11:25 PM
That Darker image... Not so good.

tinfoil
02-07-2009, 11:26 PM
http://i42.tinypic.com/331gkf6.jpg
wider image should solve line where images meet

tinfoil
02-07-2009, 11:29 PM
I made it 1100 so it would blend with a 1200 screen

did you set the width:100% in the CSS {}? That would stretch it with in the divs. Might be better to set the width absolutely. set it to 1200 maybe.

Damn it let me in there!! LOL

tinfoil
02-07-2009, 11:30 PM
It's looking really cool, man!!

tinfoil
02-07-2009, 11:34 PM
http://i44.tinypic.com/insa4y.jpg
here's the other one lightened up

Damocles
02-07-2009, 11:35 PM
I think that 1100px one works the best...

Check it out... "Child of Constitutional" style.

tinfoil
02-07-2009, 11:35 PM
I can shift the color on that one to make it a little more pinkish colored

tinfoil
02-07-2009, 11:42 PM
looks nice.

Damocles
02-07-2009, 11:43 PM
I kind of like the imperfections... :dunno:

I'll test it with the lighter tile and see what it looks like.

Damocles
02-08-2009, 01:17 AM
Unfortunately I can't make it so the font is the same throughout because fonts are on the computer of the user. I was able to make an image with a unique font, but I can't set fonts for them.

Damocles
02-08-2009, 10:47 PM
I made the image much smaller for speed of loading. There was an issue...

:D