Facebook Twitter YouTube Frictional Games | Forum | Newsletter | Dev Blog | Dev Wiki | Support | Shelf | Store

Privacy Policy


Post Reply 
 
Thread Rating:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Animated gobo's tutorial
Author Message
Khyrpa Offline
Senior Member

Posts: 615
Joined: Apr 2011
Reputation: 24
Post: #1
Animated gobo's tutorial
I've discovered a way with you can animate gobo's of spot lights (thanks to Danarogon's nyan cat in Dark Room). It's a nice effect that you can use to create lots of different things.

The idea is to use rapidly changing pictures as spot lights gobo to create frames of lighting. Frictional used this to simulate light reflected from water.

I will not teach you how to use gimp/photoshop or other image editing software, but you can use various softwares to create what you like. It all comes down to what program can export to the file extensions you want (png/dds, you could perhaps even use jpg).





How I did that was use gimp to make a text (200x100 size because the pixels don't really show when the image is applied to spot light, frictional used 256x256 for their gobo's), then used another layer to cover certain areas of the text frame by frame so it looks like it is writing as you watch. (Notice how I screwed up by not mirroring the text).
Spoiler below!

[Image: gobo01.jpg]


Because I wanted red color for the light I made it red and exported as .png (I am absolutely not sure about the image extensions and which one to use when, but I am sure png works ok. If someone knows more about them, please teach me). Frictional used .dds files for their gobos, perhaps settings that had only grayscale.

You have to name the images appropriately. Here's a picture of my folder. NOTE: to properly use folders ouside the standard ones, you have to edit your resources text file. Good tutorial about that:
http://www.youtube.com/watch?v=xZTabBgYD...x=&t=3m24s
Spoiler below!
[Image: gobo02.jpg]
When you have the pictures made, you can just put a spotlight inside your map, select the gobo with _001, set the Anim mode to oscillate or loop and set the framerate. That should be it!

Spoiler below!
I also want to advertise a short tutorial I made about billboards because it might be hard to stumble upon accidentally. Following the first part of it should make the changing of billboards colors a lot less frustrating. I wonder why frictional didn't connect their billboards (performance?).
http://wiki.frictionalgames.com/hpl2/tut...tutorial_6

Also if someone has ideas about neat tricks in the level editor that ease developers work load or enchance aesthetics, tell about them in this thread and/or add them to wiki.

(This post was last modified: 11-08-2011 10:42 PM by Khyrpa.)
10-09-2011 05:05 PM
Find all posts by this user Quote this message in a reply
Statyk Offline
Modmau5

Posts: 3,609
Joined: Sep 2011
Reputation: 198
Post: #2
RE: Animated gobo's
(10-09-2011 05:05 PM)Khyrpa Wrote:  Recently I've discovered you can animate gobo's of spot lights (thanks to Danarogon's nyan cat in Dark Room) and here's something horrible I came up with it in 10 minutes:



I can't even imagine what cool things can be done with this feature so I will add some kind of tutorial about it in the wiki page mentioned below when I have time.

I also want to advertise a short tutorial I made about billboards because it might be hard to stumble upon accidentally. Following the first part of it should make the changing of billboards colors a lot less frustrating. I wonder why frictional didn't connect their billboards (performance?).
http://wiki.frictionalgames.com/hpl2/tut...tutorial_6

Also if someone has ideas about neat tricks in the level editor that ease developers work load or enchance aesthetics, tell about them in this thread and/or add them to wiki.
Awesome find XD I can't really see this being useful in seriousness, unless for maybe showing a bird flying past a window, or the such. I liked your display though =] Kudos

10-09-2011 05:19 PM
Visit this user's website Find all posts by this user Quote this message in a reply
Acies Online
Posting Freak

Posts: 1,283
Joined: Feb 2011
Reputation: 54
Post: #3
RE: Animated gobo's
It can be used to create moving shadows:
http://www.youtube.com/watch?v=c5GD5hBLU...re=feedlik

11:15

[Image: mZiYnxe.png]


10-09-2011 05:26 PM
Find all posts by this user Quote this message in a reply
flamez3 Offline
Posting Freak

Posts: 1,320
Joined: Apr 2011
Reputation: 57
Post: #4
RE: Animated gobo's
When's the tutorial coming out?

11-08-2011 12:08 AM
Find all posts by this user Quote this message in a reply
Khyrpa Offline
Senior Member

Posts: 615
Joined: Apr 2011
Reputation: 24
Post: #5
RE: Animated gobo's
(11-08-2011 12:08 AM)flamez3 Wrote:  When's the tutorial coming out?
Oh... I already kind of forgot about it, but well I'll try to do it today!
edit. Done!

(This post was last modified: 11-08-2011 10:48 PM by Khyrpa.)
11-08-2011 12:41 PM
Find all posts by this user Quote this message in a reply
flamez3 Offline
Posting Freak

Posts: 1,320
Joined: Apr 2011
Reputation: 57
Post: #6
RE: Animated gobo's tutorial
Thanks ;D

11-13-2011 02:11 AM
Find all posts by this user Quote this message in a reply
Danny Boy Offline
Posting Freak

Posts: 2,393
Joined: Mar 2011
Reputation: 67
Post: #7
RE: Animated gobo's tutorial
haha Big Grin funny to see my silliness will help people makes this kind of stuff ^^

"Being intelligent, is not reading a poem and instantly understanding what it means. It is not understanding it but wanting to."

Adriano Portugal
11-13-2011 02:09 PM
Visit this user's website Find all posts by this user Quote this message in a reply
Post Reply 




User(s) browsing this thread: 1 Guest(s)