I was very inspired by the Red Interactive agency’s website which allowed the website visitors to talk to each other in realtime with an option to customize their avatars. So I wanted to use my skills and create something similar for my college website. The initial idea came up with was to model the entire college campus in 3D and allow the user to navigate around the campus along with them being able to go through the event details. I had also thought of having interactive elements in the 3D map which shows a miniaturized version of the cultural fest happening inside the 3D space. But as I was the only person who was working on it and also considering the average internet bandwidth available around that time in India, I decided not to plug in very heavy graphics onto the website. I started off by designing the main building of my college using Google sketch up and rendering it with a photorealistic plugin called vRay. The initial results were very impressive. With the crude rendering of the image, I started working on Flash CS3. Till then, I had only worked on Swishmax, which was a stripped down version of Flash. But Flash CS3 didnt prove too difficult given the fact that I never had to use much of drawing and keyframing tools present in flash and had to use only the actionscript features.
I started off testing the feasibiity with just a small ball as an avatar whose position can be moved through the keyboard arrows. The position of this ball was broadcasted using raw XML sockets to a PHP based server listening on port 8080. And every flash client connected to this PHP server received the coordinates of this ball. After doing a real run on NITK network, the concept proved successful. After this, I went on download some human characters for Poser 5 and exported frames which show the human characters to be walking. The simplicity of Poser in working with human models proved to be a blessing as I had the still frames oif the animation ready within a few days. Then these frames were imported onto Flash and separate swf files which showed the human model to be walking were kept separately and then imported onto the main flash movie and placed in front of the 3D background map.
After this, multiple human characters and multiple 3D background were done using the same method and all integrated into the main movie using some actionscript and the final movie was ready. A quick demo to some of my friends showed that the website would become an instant hit.
Along with the main flash site, I had to set up a way to add text content onto the website using a simple HTML admin page.
The final website was hosted on the local NITK student server and a WAN port 80 was mapped to LAN port 8080 on the local server so that no firewall can intrude in the communication between the client and the server. The final result was a major success and was one of the best websites made for a cultural fest in India.
Later on , some additional features were integrated into the site like :
Some interesting things in the backend : (which you probably wouldnt know even if you used the website)
The chat avatar character was assigned based on the IP. If the IP address was in the range for girls hostel , a female character was assigned, If it was from the boys hostel block, a male character was given. Otherwise it was totally random.
The ALICE chat bot was trained to answer hundreds of questions like “What is Incident”, “When is Incident” etc and would respond to commands like shut up, keep quiet etc. It would also detect when someone would try to use abusive words and then ask them to kindly restrain from repeating it.
Someone or the other person would always stay online to moderate the chat messages being broadcast and ban users who spread hatred on the group chat.
To aid in modelling the 3D maps, I had to go around the campus clicking photographs on my phone from different angles for different buildings and then model them on sketchup. There were plans to model every building , but the plan never worked out due to lack of time.
Some technical details :
The flash client in the browser connects to the PHP based socket server running on port 80 on the NITK student server and communicates using raw XML sockets. The PHP server separated the users into different rooms(based on the map chosen) and forwarded the messages in realtime. Running it on port 80 ensured that firewall intrusion was minimal. A chat bot (based on ALICE chat bot) was integrated into the map. Moderators could see the activity of any room by adding a jabber user ([email protected]) to their google talk list. The text content on the website was managed using a simple CMS like page.
 |
(to be done)
-
- NITK Surathkal Beach 3d map
-
- NITK Main building
-
- NITK Student Activity Center
-
- NITK Basketball court
-
- High resolution photo of NITK Surathkal Main building
Incoming search terms:
- nitk surathkal (152)
- nitk (71)
- nitk BEACH (61)
- nit surathkal (51)
- nitk surathkal images (15)
- nitk surathkal beach (15)
- nitk surathkal campus (11)
- nitk surathkal pictures (10)
- flash avatar chat (8)
- national institute of technology karnataka (7)
Its like you read myy mind! You seem to know a lot
about this, like yoou wrote the book in it or something.
I think that you can do ith some pics to drive the message home a little bit, but instead
of that, this is excellent blog. Agreat read. I’ll certainly be back.
Hmm iit seems like your blog ate my first comment (it was super long) so I guess I’ll
just ssum it up what I had written aand say,
I’m thoroughly enjoying your blog. I too am an aspirihg blog writer but I’m still new to everything.
Do you have any recommendations for newbie blog writers?
I’d certainly appreciate it.
I’m impressed, I have to admit. Rarely do I encounter a blog
that’s equally educative and entertaining, and without a
doubt, you have hit the nail on the head. The issue is an issue that not enough folks are speaking intelligently about.
I’m very happy I stumbled across this during
my search for something concerning this.
Thanks for the marvelous posting! I truly enjoyed reading it,
you’re a great author.I will ensure that I bookmark your
blog and definitely will come back in the future. I want to encourage yourself to continue
your great job, have a nice afternoon!
I think the adminn oof this webnsite is reallyy working hard in favor of his web page, since here every information is quality based information.
bạn muốn chúng tôi tư vấn xây nhà trọ
Bày trí các vật dụng trang trí nội thất trong nhà không chỉ để làm
cho ngôi nhà trở nên gọn gàng, thông thoáng mà việc làm này còn có tác dụng tiết kiệm chi phí..… tiết kiệm thời
gian và hiệu quả theo tiêu chuẩn xây dựng nhà ở của bộ xây dựng Công ty xây dựng
Hòa Hưng Phát Bạn tin không? Có những điều
bạn tưởng chừng như không thể, đó là lý do để
Tư vấn xây nhà trọn gói liên tục gửi đến bạn những thông tin tư vấn xây nhà đẹp giá rẻ nhằm giúp
bạn luôn hài lòng với nơi mình sống. Vĩnh Long thì
khi cần tìm bạn sẽ rất dễ dàng, không phải mất thời gian, không cần bới
chúng lên một cách thật lộn xộn.,
.… Đơn giáTừ 4.500.000 -> 6.500.000đ/m2
sàn XD( Giá cụ thể tùy theo qui mô công trình, chủng loại
vật tư… )
tư vấn thiết kế biệt thự
bạn muốn kinh doanh nhà trọ Bày trí các vật dụng trang trí nội thất trong nhà không
chỉ để làm cho ngôi nhà trở nên gọn gàng, thông thoáng mà việc làm này
còn có tác dụng tiết kiệm chi phí..… Hãy gọi cho chúng tôi để được hổ trợ tư
vấn giá cả họp lý theo tiêu chuẩn xây dựng nhà ở của bộ xây dựng xây dưng Nguyên Bạn tin không?
Có những điều bạn tưởng chừng như không thể, đó
là lý do để Tư vấn xây nhà trọn gói liên tục gửi đến bạn những thông
tin tư vấn xây nhà đẹp giá rẻ nhằm giúp bạn luôn hài lòng với nơi mình sống.
thành phố cà mau thì khi cần tìm bạn sẽ rất dễ dàng, không
phải mất thời gian, không cần bới chúng lên một
cách thật lộn xộn.,.… các công ty xây dựng ở tphcm
xây biệt thự giá bao nhiêu
Nice to see you here. Beautiful and deep article you have written here.you’ve provided a wealth of (free!) information here. I won’t put you on my CV just yet, but I will share your post on Facebook in admiration for teaching me something. I look forward to future posts.
It is really really wonderful information for getting a better Blogger. Keep sharing, thank you.
Rightly clarified ! It I am a regular visitor of your blog. It always give new idea. Thank you.
Hey, Thanks for writing such a thorough blog on this topic. This is among the best posts I have read in quite a very long time. I’m going to share this link with my buddies…
Really wonderful post It worked! And “Thanks, it helped me to fix my problem Thanks for posting for this informative article. Me and many others bloggers found it rather useful.
Awesome Post!! I am happy that I came across with your website this guide is on stage,thanks for sharing and have a fantastic day.
công ty xây dựng nhà giá rẻ Bày trí các vật dụng trang trí nội
thất trong nhà không chỉ để làm cho ngôi nhà trở nên gọn gàng, thông thoáng mà việc làm này còn có tác dụng
tiết kiệm chi phí..… Hãy gọi cho chúng tôi ngay để được tư vấn tốt nhất giá họp lý nhất theo
tiêu chuẩn xây dựng nhà ở của
bộ xây dựng Dịch vụ xây dựng Toàn Cầu Bạn tin không?
Có những điều bạn tưởng chừng như không thể,
đó là lý do để Tư vấn xây nhà trọn gói liên tục gửi đến bạn những thông tin tư vấn xây nhà đẹp giá rẻ nhằm giúp bạn luôn hài lòng với nơi mình sống.
Hóc Môn thì khi cần tìm bạn sẽ rất dễ dàng, không phải mất thời gian, không cần bới chúng
lên một cách thật lộn xộn.,.… công ty thiết kế xây dựng
xây biệt thự mini
Ban dư tiền và muốn đầu tư xây nhà Bày trí các vật dụng trang trí nội thất
trong nhà không chỉ để làm cho ngôi nhà trở nên gọn gàng, thông thoáng mà việc làm này còn có tác dụng tiết
kiệm chi phí..… tiết kiệm thời
gian và hiệu quả theo tiêu chuẩn xây dựng nhà ở của bộ xây dựng
Dịch vụ xây dựng Bạn tin không? Có những điều bạn tưởng chừng như không thể, đó là lý do để Tư vấn xây nhà trọn gói liên tục gửi đến bạn những thông tin tư vấn xây nhà đẹp giá rẻ nhằm giúp bạn luôn hài lòng với nơi mình sống.
Đồng Nai thì khi cần tìm bạn sẽ rất dễ dàng, không phải mất thời gian, không cần bới chúng lên một cách
thật lộn xộn.,.… công ty thi công xây dựng
giá xây biệt thự
Admiring the time and effort you put into your website and
detailed information you present. It’s nice to come across a blog
every once in a while that isn’t the same old rehashed material.
Wonderful read! I’ve bookmarked your site and I’m adding your RSS feeds to
my Google account.
Who are the highest vogue models on the planet?
Greetings from Ohio! I’m bored at work so I decided
tto browse your website on my iphone during lunch break.
I enjoy the info you present here and can’t waikt to take a look when I get home.
I’m surprise at how fast your blog loaded on my phone ..
I’m not even using WIFI, just 3G .. Anyhow, superb site!