This is the final update for my team Computer Graphic Project

This week, me and my team work to completing our project, many problem occurs in the way, but we manage to solve the problem.

We have successfully load all model with the texture, show it on the browser, make the interactivity, and all the things that need to be done to complete our project.

In conclusion, our project is almost meet our original expectation and I am quite happy with the result.

Team Profile:

Jessy Janlie – 1801443561

Yulita Putri Hartoyo 1801444463

Though there are thing that need to note:

1. to play the game , user can only use firefox browser, in other browser, the object can’t be loaded.
2. user also need to wait a few minutes after start the simulation, so that the browser does not crash.

Our project is consist of:

1. Model that we make all by ourselves, texture from outsources
2. Third Party API- outsources.
3. Interactivity:
4. Control:
   • W          –          player move forward
   • S            –         player move backward
   • A           –          player move leftward
   • D           –          player move rightward
   • Mouse movement – player moves the angle of view
   • Keyboard down     – the keyboard key for the specific object interactivity is mentioned at the top of the object.

The workload for my team is same, we give all our best for the project. We divide the work for model, and coding it together helping each other.

I would like to personally thank my lecturer, Mr Bagus, my TA, Deni, my team member, Jessy as well as Google and every third party APIs and third party texture makers for helping our project came to life.

Screenshot of the project:

Starting views : There are instruction.

Kids study room view  1

Kids study room view  2

Living room

Bedroom

Thank you for all the support and Hope you enjoy it!

Here is the link for the demo video Demo.

can add a first person now  🙂

This time me and jessy start to make all the object saved one by one ,

we also already can show the texture in the browser, now we trying to figure out how to add a first-person to our model.

Last weekend, me and jessy decided to start our project.

During the meeting, we started to design one of the room, and make it using blender.

The room is Bathroom (it still not complete)

Image 1. bathroom, there still many things to improve. The texture can shown in blender, but in browser the texture can not be displayed.

We also learn how to show it in browser, we can show it, but we have difficulties to show it with the texture.

This week we start to make one room again, livingRoom

This is how it shown in blender

Computer Graphics

apartElude

Project members

Project proposal

1.    Project Background

Apartelude (apart-elude) is a computer graphic final project developed by two computer science students, Jessy Janlie and Yulita Putri. apartelude is made with the hope to inspire young people to be more adventurous and explore the surrounding environment instead to focusing solely on one perspective.

In a sense, the developers believe that people should trigger their sense of curiosity to the outside world rather than staying inside their own world.

This project is also expected to enhance player’s memory skill as they are expected to remember the castle’s passage in order not to get lost inside the maze-like castle.

2.    Project Description

Castlelude is an interactive simulation application where the player must elude from the castle, where the player will be able to explore the castle in first person point of view.

In this simulation, player is expected to remember the path that they have explored, in order not to get lost inside the complicated maze-like castle and find the exit portal.

3.    Project Scope

The project includes the following:

• 3D environment.
• First person player.
• The ability to explore the castle rooms.
• Sufficient and realistic player’s angle of view (camera angle).
• Different and exciting environment inside the castle rooms (bedroom, dining room, kitchen, royal throne, etc.).

4.    Environment

• WebGL
• Blender/Maya
• Webstorm
• 3GS

(additional and/or changes in features and environments may occur)

Sketch

Welcome to  my Binusian blog.

Gate of Games is the website for Scripting Language Final Project.I create this web using Bootstrap template, then modify the codes using HTML, CSS, JavaScript, PHP, and MySQL, also a the use of Code Igniter.

This project connect the website with the database, that why the website can be manage from the admin page

This is the promotion for my web:

Click Here

Hope you enjoy it!

My Profile: Yulita Putri Hartoyo 1801444463- Scripting Language

and here are the screenshot’s of my website:

1. User

2. Admin

To search an item in specific just click on the categories in the main menu bar.

The popular item section, will dynamically change images ( show 2 or 3 popular item dynamically)

When Customer want to buy:

1. Customer must click on the item:
2. It will make customer go to the item description, and they can add to the cart
3. After you finish choose the item you want, click (Check Out) and it will make customer go to the  “Login” page. If first time, customer must “Register” first.
4. The last, customer will go to the confirmation page and confirm it.
5. Customer can also report the product he/she does not like.

Customer can also contact with the admin with instant messaging application (LINE, What App, BBM and others application)

Now as the Admin:

1. Admin can add, edit, and delete product
2. Admin can also disabled or make the member active
3. Admin can see the list of shopping that member bought
4. Admin can see the report from customer
5. Admin can see the payment confirmation
6. Admin can change he/she password

By Yulita/ 1801444463

Welcome to  my Binusian blog.