Texas Wesleyan Interactive Virtual Tour

Home

Welcome to the Texas Wesleyan Interactive Virtual Tour. This project is intended to help everyone experience and explore Texas Wesleyan university without having to be on campus. With this tool you will be able to get a first-person perspective of several buildings and get a full 360-degree view from several locations in the hallways and classrooms. The project will use HTML, CSS, and JavaScript to format, style, and program the website to see how they all tie together to make this virtual tour a reality. I am making this tool to help people view and explore Texas Wesleyan. There are several locations on campus that many students haven’t visited before despite being a student, this is a chance to get a first-person perspective of all these places on campus. It would also be a great resource for students who do not have the ability to come to Texas Wesleyan, for example students from outside the United States. By using this resource those future students get an opportunity to visit Texas Wesleyan without having to travel across countries.

About the project

It started with just exploring the campus with friends, then we had set out a goal of fully exploring the campus before we graduate. So I decided to make this project to help everyone virtually tour the campus.

Here are some key features:

• Using this interactive virtual tour you can get a first-person perspective of several buildings and get a full 360-degree view from various locations in the hallways and classrooms.
• Students looking to come to Texas Wesleyan University can use this resource to take a tour guide in their own home without having to come to the campus in person.
• Current students could use this virtual tour as a method of finding their way around or find rooms that could meet their needs to host events

How To Use

On the main page you have will have three pictures on the lefthand side. Each picture is of the building you can select and start to take a tour through. In order to start the tour, you would click on the button to right of the image that has its acronym in it.

Once you have clicked on a button it should take you to the buildings main page. On the lefthand side of the screen you will see a map with red squares with numbers in them. Those numbers correspond to the buttons below the map with numbers on them. The red squares are all the locations that you look through, to switch through locations you just have to click the button with the same number as the one on the map to look throguh that room or area. If a building has multiple floors on it then you will need to click on the floor level you want to look through. It will limit the amount of buttons that are displayed to only the buttons that are connected to that floor.You will always start on the first floor as a default.

On the righthand side of the screen you will see an 360-degree image that should be rotating clockwise. You are able to click and drag on the image to stop the auto rotating and look around at your own pace. Some other features are the ability to zoom in and out and hitting the full screen button in the bottom right corner of the screen, to exit full screen just hit the Esc button. If you do click on the image and decide that you want to let it auto rotate again then do not click it for about 5 seconds then it begin to rotate again.

Before going back to look at a new building be sure to click the "clear" button because the image is saved by using local storage on the computer, it will stay on your local storage until you hit clear, it also will show you the last image even if it is a different building you moved to.

PowerPoint Presentation

DEMO: Try it yourself

Project Developer: Israel Sanchez

Experience: Texas Wesleyan University 2021-2024

Major: Computer Science

Expected graduation date: May 2024

Contact Information

For any questions or feedback, please email at iesanchez@txwes.edu