POV-Ray : Newsgroups : povray.binaries.images : web buttons Server Time
14 Nov 2024 18:21:36 EST (-0500)
  web buttons (Message 1 to 7 of 7)  
From: Johan Feyaerts
Subject: web buttons
Date: 25 Jun 2006 03:37:31
Message: <449e3d3b@news.povray.org>
Hi,

I'm working on some buttons for a website. It's far from complete but here 
is the first result.
I'd like to put some lights in the button so that I get the effect that the 
text inside the glass is emitting light. It's should then illuminate the 
rest of the button.
So far I haven't found a good method to achieve this. I tried area lights 
but the the letters start casting shadows. I've also tried to put some 
cilinder  with rounded top & bottomwith transparent media around the text. 
But this didn't look very nice either.
Anybody has a suggestion how to make text that emits light and how to get a 
kind of halo effect around the text?
I also tried lights and looks_like with the text inside but that didn't seem 
very realistic either. Looks like a light spot in the center of the text.


Here is the code w media I tried
   #declare meditextsfer=material {texture {
    pigment {
                rgbt <0,0,1,1>
    }
    finish{
        ambient 0
        diffuse 0
        }
      }
    interior{
        media {
                intervals 30
                ratio 0.9
                samples 2,4
                confidence 0.9
                variance   1.0/128.0
                method 1
                absorption <0,0,0>
                emission <0.6,0,0.0>
               //scattering {1, <0,0,0.12> extinction 1}

                density{ spherical
                        turbulence 0.0
                        density_map {
                                [0.0 color rgb 0]
                                [1 color rgb 1]
                                }
                        }
               }

        }
}
 #declare meditextcyl=material {texture {
    pigment {
                rgbt <0,0,1,1>
    }
    finish{
        ambient 0
        diffuse 0
        }
      }
    interior{
        media {
                intervals 30
                ratio 0.9
                samples 2,4
                confidence 0.9
                variance   1.0/128.0
                method 1
                absorption <0,0,0>
                emission <0.6,0,0.0>
               //scattering {1, <0,0,0.12> extinction 1}

                density{ cylindrical

                        turbulence 0
                        density_map {
                                [0.0 color rgb 0.0]
                                [1 color rgb 1]
                                }
                        }
               }

        }
}
 //media 
shine ----------------------------------------------------------------
        object{



#declare len = 2.5;
#declare radi=2 ;
                merge{
                      sphere {<0,0,0>,radi hollow material {meditextsfer} }
                      cylinder {0*y,  len*y,  radi open hollow material 
{meditextcyl scale <1,len,1>} rotate z*-90  }
                        sphere {<0,0,0>,radi hollow material {meditextsfer 
translate <0,0,0> } translate <len,0,0>}
                 }

                 translate<-1,0,1>

        }


Post a reply to this message


Attachments:
Download 'buttontest.jpg' (34 KB)

Preview of image 'buttontest.jpg'
buttontest.jpg


 

From: Joanne Simpson
Subject: Re: web buttons
Date: 25 Jun 2006 04:40:01
Message: <web.449e4bc469a1fe097619dfe70@news.povray.org>
How about using sphere_sweeps to make the text rather than text, then
filling them with emitting media, like a neon tube?
Example <a
href='http://www.onewhiteraven.com/gallery/minimalism/target0.html'>here</a>
Joanne


Post a reply to this message

From: Johan Feyaerts
Subject: Re: web buttons
Date: 25 Jun 2006 07:34:09
Message: <449e74b1$1@news.povray.org>
"Joanne Simpson" <cor### [at] onewhiteravencom> wrote in message 
news:web.449e4bc469a1fe097619dfe70@news.povray.org...
> How about using sphere_sweeps to make the text rather than text, then
> filling them with emitting media, like a neon tube?
> Example <a
> href='http://www.onewhiteraven.com/gallery/minimalism/target0.html'>here</a>
> Joanne
>
May work,
but problem then is that you can't just use the string/text functions to 
change the text. you would need a set of macros and a sweeped sphere 
alphabet to be able to change the text easily. Anybody has such object&code? 
I'm writing a macro for the button that has the text as a parameter.


Post a reply to this message

From: Wijnand Nijs
Subject: Re: web buttons
Date: 25 Jun 2006 08:09:45
Message: <449e7d09@news.povray.org>
I like this button and the discussion very much. I am working to make my 
whole side povray-style (still a little bit primitive, but...), see:

http://alf4all.demon.nl/frames/index.htm

So, if there are others with good idees and/or code ..., let's make it a 
topic.

greetings...
Wijnand


Post a reply to this message

From: Johan Feyaerts
Subject: Re: web buttons
Date: 25 Jun 2006 12:32:01
Message: <449eba81$1@news.povray.org>
Nice site. Did you make that with povray? This is the kind of thing I want 
to achieve indeed.
But I want a bit more sophisticated buttons. with changing light when you go 
over them and different lightcolor or intensity when they are pressed. I 
intend to integrate them with flash graphics.

Here's a new render
I've put 8 lights under the ruby glass cap which is below the white glass 
cap.
Looks a bit better, but still far from what I have in mind.When the text 
itself could emit light that would be much nicer.
I think the final render should become more glossy. Maybe making the glass 
cap on top thinner makes the colors somewhat more brilliant. I still have to 
experiment with the glass textures. I think the inner colored glass should 
be more matt so that it disperses the light. The outer glass should be 
lighter I guess


"Wijnand Nijs" <w.n### [at] alf4alldemonnl> wrote in message 
news:449e7d09@news.povray.org...
>I like this button and the discussion very much. I am working to make my
> whole side povray-style (still a little bit primitive, but...), see:
>
> http://alf4all.demon.nl/frames/index.htm
>
> So, if there are others with good idees and/or code ..., let's make it a
> topic.
>
> greetings...
> Wijnand


Post a reply to this message


Attachments:
Download 'buttontestpost2.jpg' (12 KB)

Preview of image 'buttontestpost2.jpg'
buttontestpost2.jpg


 

From: Johan Feyaerts
Subject: Re: web buttons
Date: 25 Jun 2006 13:15:02
Message: <449ec496@news.povray.org>
"Wijnand Nijs" <w.n### [at] alf4alldemonnl> wrote in message 
news:449e7d09@news.povray.org...
>I like this button and the discussion very much. I am working to make my
> whole side povray-style (still a little bit primitive, but...), see:
>
> http://alf4all.demon.nl/frames/index.htm
>
> So, if there are others with good idees and/or code ..., let's make it a
> topic.
>
> greetings...
> Wijnand


Post a reply to this message


Attachments:
Download 'buttontestsideviewwarealights.jpg' (24 KB)

Preview of image 'buttontestsideviewwarealights.jpg'
buttontestsideviewwarealights.jpg


 

From: Alain
Subject: Re: web buttons
Date: 26 Jun 2006 18:27:47
Message: <44a05f63$1@news.povray.org>
Johan Feyaerts nous apporta ses lumieres en ce 25/06/2006 12:31:
> Nice site. Did you make that with povray? This is the kind of thing I want 
> to achieve indeed.
> But I want a bit more sophisticated buttons. with changing light when you go 
> over them and different lightcolor or intensity when they are pressed. I 
> intend to integrate them with flash graphics.
> 
> Here's a new render
> I've put 8 lights under the ruby glass cap which is below the white glass 
> cap.
> Looks a bit better, but still far from what I have in mind.When the text 
> itself could emit light that would be much nicer.
> I think the final render should become more glossy. Maybe making the glass 
> cap on top thinner makes the colors somewhat more brilliant. I still have to 
> experiment with the glass textures. I think the inner colored glass should 
> be more matt so that it disperses the light. The outer glass should be 
> lighter I guess
> 
> 
> "Wijnand Nijs" <w.n### [at] alf4alldemonnl> wrote in message 
> news:449e7d09@news.povray.org...
>> I like this button and the discussion very much. I am working to make my
>> whole side povray-style (still a little bit primitive, but...), see:
>>
>> http://alf4all.demon.nl/frames/index.htm
>>
>> So, if there are others with good idees and/or code ..., let's make it a
>> topic.
>>
>> greetings...
>> Wijnand 
> 
> 
Have you tried with radiosity? That way, the text can actualy emit light.
My suggestion:
Make the text a little thicker and difference it with a box.
difference{object{<your text object>finish{diffuse 0 ambient 1}}box{corner1,corner2
finish{diffuse 1 
ambient 0}}}
Give the text object a finish with ambient 1 or a little more, and the box with
ambient 0. In a 
radiosity scene, this makes the sides of the leters emit light that will illuminate
it's surrounding 
and the part cut by the box will remain dark.
Please note that that light CAN'T interact with any media.
You can also make the leters transparent, hollow and fill them with emiting media.
Those can emit 
light in a radiosity scene if you add "media on" in the radiosity block.

-- 
Alain
-------------------------------------------------
Church of SubGenius: BoB shits.


Post a reply to this message

Copyright 2003-2023 Persistence of Vision Raytracer Pty. Ltd.