We at Redward would like to wish you a marry christmas and a happy new year!

VLP, Vilhelmina Lan Party have today been sponsored with a homepage by us at Redward.

Take a look at their site either from our portfolio at this site or by viewing the site itself at http://www.vlp.se.

Ive stumble upon this a few times on the net and not too long ago I helped freind with creating a scene using projection for live work he was doing for a company.I have yet to see the final results but I was impressed how easy and fast it was to set up.

Let me start of that this is no in-dept tutorial, I know its possible with maya that I use and 3d studio max, possibly many similar applications.
All im going to talk about the usefulness and when you should use it.

The easiest way to describe this is that you take a picture or even a painted image work, you set it to project over the scene, and the projection works very much like it does in the cinema, home theater or flashlight if you will.
Like shown in the picture below.



Then you add objects that "attracts" the projection and get all the detail that comes with it, this could be really hard and you have to put both mind and effort into this to get it good. the more primitive shapes that is in the image the better.

Buildings and houses, walls in general is good. open terrain and so on.
You most likely have to edit details like wires, things that is just too small or shallow to use. you better add that as 3d detail later.
Good thing is that the building and such dont have to be a 100% right, you can miss shape it to fit the texture and still get a results just as good.
No worries about shadows just that it gets the appropriate light

Thats pretty much how it works, now you have a scene that you can move around in, you cant stray too far off the original angle since you will see edges and textures of for an example houses being projected in the sky, this can be avoided however if you have several shaders/textures for different objects, like the sky is painted one or an complete other texture which may give some extra freedom. more work, but not that much if you need it.

My scene
I took a photo from a road trip a couple years ago I think I was in Austria. took me around two days to do with some trail and error
You can see the image below and the results in a still image. I choose this image simple cause there was a simple scene with treelines, backdrop, ground and some details. Since all the tutorials ive seen was of harder objects like corridors, mountains and houses.



If you look closely they are pretty similar and that is good thing ofcourse. Also take note that the camera is closer into the scene than the original due to that you cant be further out only further in. But the magic comes first to life when the scene turns into animation like in this clip here.



As you can its a simple camera movement and added two objects, the two planes, actually interacting with the surroundings through their shadows.
Having a walking meshwarrior wouldn't make much difference other than more animation work for it.

Its not hard to this but some planing is needed before you even start, lets get to that later.
Lets break it down now Yo.
the Scene have four key components, and that is the ground, the whole ground since that is one and the same.
the first line of trees, the second line of trees, and the backdrop being the sky and some distant mountins.

Thats four right, 1,2,3.. yeah.

Four key components.
the Ground is edited to have the ground and trees first line of trees is edit out, also the lonely tree in the middle and poles from the fence.
The first line of trees is edited somewhat, but for most part it has this alpha channel, which is for those who don't know is a black and white image that regulates the transparency of the image. meaning that I more ore less just cut out the trees with black and white.
The second line of trees is using the same texture as the ground, since its a clear line of trees its not much to talk about.
And at last the backdrop which isn't edited at all, it has the mountains like I said, but since we are not going much upwards with the camer there was no reason to edit that out, even though I could.

a Scene from an other angle below.



Good overview how the scene is built, and also a good example what you cant do with it when it comes to where from you shoot the scene.
We have some details that we need to talk about, being the lonely the tree and fence poles. Those like I said was edited out and the tree is texture that is using a alpha channel to regulate its transparency like the first tree line did.
and the poles for the fence is just 3d primitives added with a basic texture to fit in. they are using a shadows that falls on the ground to and some extra realism into the scene, and they are one of those details that are need to be done afterwards. If this was a city with lots of little things that "poked" out in the air and thing that is hanging around all those would have to be edited out from the original added later.

Adding bump maps would surely higher the experience but I didn't have to think about that since there is no obvious place to add that.



Here is a better view of the different components in the scene, only three since the second tree line and the ground is the same.
I didnt bother changing color for the lonely tree and the other details but you can see where they are and how simple the scene really is.


a Wire to even more see how its built, this is what I look that while working with it getting the 3D lines to fallow the lines the photo.

..and last, the final results.



any feedback or quistions about can be sent either to my email TruB@Redward.org or the comments below.

/TruB

Have you set up Samba (shared folder in Windows 2003) and ever wondered if you could get those files automatically to your Desktop computer? You can (using a Windows operation system)! If you go into the control panel, you'll see Sync Center, that's where all the magic happens. There's not much to do in there, but it's enough to have it working.

Follow these following steps to synchronize your files (from a server) to your desktop PC.

Step one:
Select a folder and share it.

Step two:
After you've shared a folder, go into the share and right click a folder and select Always available offline.

Step three:
Go back to the Sync Center, click on Offline files and select Schedule.

Step four:
Select each folders you want to schedule in the new window that appears.

Step five:
Choose if you want the synchronization to be at a scheduled time or when an event occurs.

Step six:
Select the date (if you selected time) or options (if you selected event) you want and click next.

Step seven:
Enter a name and click save.

If you didn't encounter any errors you should have a working Synchronization.

Where is my files located?

You files is located in C:\Windows\CSC

Follow these steps to change the location:

Step one:
Open the Registry Editor by typing Regedit in the search box in the start menu.

Step two:
Go to Computer\HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVerison\NetCache

Step three:
Add a new String Value, right click on an empty space, select New and then String Value. Name it DatabaseLocation.

Step four:
Double click on the new string value (DatabaseLocation), in the value data field, enter where you want your files to be saved.

How do I view my offline files?

To view your offline files, you will have to go the the Sync Center, click Manage offline files in the menu and then View your offline files.

I recently installed a new server with Ubuntu as operation system, on that I installed phpsysinfo, which made my client freeze, it also displayed a lot of things I wasn't interested of. So I came up with the idea to make my own system information script (UbuntuInfo).

UbuntuInfo is simple to use and built using modules. If you know how Ubuntu works and also know how to code PHP you can easily create your own modules to show.

The script looks like the picture to the right (click on it for bigger picture), is 57kb in size (7zip doesnt compress tar files good) and can be downloaded from here: www.redward.org/files/ubuntuinfo-v1.0.tar

This blog post will show you how to create your own (simple) chat with html, jquery (javascript) and php.

Let's start by setting up our folder structure. The folder structure should look like this:
* /data/messages/
* /

The messages folder will contain all messages written. Well structured with folder for each month and files for each day inside the "month-folder". Don't forget to chmod the messages folder to 0777.

After that's complete, we can start building our chat by creating an index.php and styles.css file in the root. In those files, we're

going to build and decide how our layout should look like.

In the index file, add doctype, html, head and body tag like this:


As we are using jquery as our javascript library, we need to include the jquery file inside the head tags, and while we\'re at it, we\'re also going to

add a link to our own javascript file, style file and a mandatory title tag. Change the head tags to this:


The title tag can be changed, the link and the two script tags must remain as it is.

When that is done, we need to start designing our layout. In this example, we\'re going to use four divs, one as container, one for all messages, one

for text input and one to show that the text is being sent. Change the body tags to this:


The div with id container is mainly for centering the chat. The div with id chat-messages will, after calling an ajax query get the 25 (a user chosen

limit) latest messages. The div with id chat-send is what it looks like, it contains all input boxes and buttons, and the last div will show a loading message after pressing the enter key or the send button.

That's all the code for the index file. (Should look like this: http://www.redward.org/public/projects/chat/index.phps)

We're now going to start styling our website. Open up the styles.css file (create it if you haven\'t already). The first thing we're are going to do in the file is to chose a default font size and font type (family). We\'re also going to add some padding so the site is a bit from the wall. We're doing that with the following code (add it into the styles file):


Tahoma is a standard and a nice looking font, unfortunately it's not available in Linux (or at least Ubuntu), and that's why we're also using the FreeSans font which is pretty similar to Tahoma.

Next thing we're going to do is to make the chat 500 pixels wide and centered, using the following code:


Next is the div containing the messages and the div containing the input boxes and the input button:


The border-radius element is only for Firefox and Webkit (Chrome, Opera). It makes the corners round!

Next is the input boxes and the input button:


Nothing out of the ordinary with that. The loading div might be a bit trickier, it requires a absolute:relative; which can make the position a bit of if the width is changed. Following code is used:


It's hidden as standard, and that's why there's display:block;. It will be shown when pressing the enter key or the send button using our jquery code.

The last bit of code in the styles file is this:


This is used for each message row.

The style file is now complete and should look like this: http://www.redward.org/public/projects/chat/styles.txt

Now there's only three files left. chat.js, chat-msgs.php and chat.php. Lets start with opening the chat.js file (create it if you haven't already).

Add this in the file:


The keydown part gets the sendtext function when clicking the enter key. Same thing goes for the click event, it gets the sendtext function after pressing the send button. The getmessages function is used to get the 25 (user selected limit) latest messages.

After you've added the javascript code above, you're going to add three new functions. getmessages, getmess and sendtext. Add to following code to the file:


The getmessages function gets the messages via setTimeout and the getmess function every five seconds. The getmess function gets the messages with ajax post via a file called chat-msgs.php. The sendtext function checks if all required values are inserted and posts the message with ajax post via chat.php. The getmess function is called if the ajax post is successful.

Our javascript file, chat.js, is now complete and should look like this: http://www.redward.org/public/projects/chat/chat.txt

Next step ahead, open up chat-msgs.php (create it if you haven\'t already) and begin by adding these lines to the file:


If the file is called withour $_POST, it will die and nothing will be returned. The mess_output variable is set to null, else php would show an error while using the code below. The limit variable sets how many messages you want to be shown.

Next up is the getmessages function and the initie to it as well. This is the code:


The function search trough each folder for a maximum of 25 (your limit) hits or 20 folders. It then returns the value found from the files to an array.

The array is printed with a foreach loop together with the mess_output variable like this:


That's all for the chat-msgs.php file. The final result for that file should look like this: http://www.redward.org/public/projects/chat/chat-msgs.phps

Now there's only one file left. Open up chat.php (create it if you haven't already) and add this to the top of the file:


The first piece checks if user and message is set via post, if not, the file return false and dies. The curdate variable is like a shortcut. Instead of writing date two times, we use a variable named curdate.

Next up comes two function, one to change the text so it doesn\'t destroy the page and another for creating the text. This is the code:


The chatsend function is only used so you doesn't have to write the same piece of code twice.

The absolute last thing we're going to do is to add the following code to the file:


The code creates a directory and file automatically if it doesn't exists. If it exists it appends the message to the end of the file.

The file should now look like this: http://www.redward.org/public/projects/chat/chat.phps

The script can be downloaded from http://www.redward.org/public/projects/chat/chat.7z.
A preview of the script is found here: http://www.redward.org/public/projects/chat/