3D Gallery with Great Artwork Imagine Logo with Three Colors Beach Cabin 3D Android Tablet with Different Screens Studio Apartment Red Figured Greek Vase on Blue Background Silver and Gold Flashlight Lake on Fire

Maze Game Rooms

Tap - Different Maze Textures

Swipe to see 3600. Tap 3D rooms or image buttons for new scenes. The rooms were prepared as texture maps for 3D maze games. Play some maze games! Search above for Math Mazes. Learn about implementation below.

Swipe to View. Tap for New Rooms

Stone & Ivy Corn in Rows River Mirror Reflection Topiary Dungeon Grafitti Brick & Cement Different Marble on Walls

Maze Game Implementation

This page displays some of the maps applied to a set of 3D maze games. I implemented efficient 3D software with JavaScript, HTML5, CSS3, WebGL with GLSL, and graphics with 3ds Max and Photoshop.

Display an almost infinite number of maze games with one set of code. The game engine loads one maze mesh, a texture map and a configuration file.

The maze itself, for each game, is different. The escape route, corridors, corners and turns are configured separate from code.

To prepare a maze, load the map, configure hallways, corners and exits. There's no need to code with this implementation.

Efficient Development

Each unique maze map displays with just one texture.

3D Architecture & Backgrounds for the New Era

Three dimensional interactive online environments prepared for beauty, functionality and speedy downloads. It takes very little time for clients to view your scenes.

Consider just about any number of online backgrounds, scenes, products, architecture, room interiors or scientific simulation with unique techniques which efficiently combine graphics and code.

3ds Max

Every element in this online 3D model was modeled, mapped or modified with 3ds Max. Small adjustments were applied with Photoshop.

WebGL Features

Efficient, optimized virtual architecture rapidly initializes and displays. WebGL allows fast 3D rendering online with the Graphic Processing Unit (GPU).

Efficient Development

I implemented efficient 3D software with JavaScript, HTML5, CSS3, WebGL and GLSL. This scene downloads and runs quickly. The entire app renders with just eight vertices and each room displays with just one texture map.

Optimized 3D Models

This scene's composed of just eight vertices and one image file.

The 3D model and texture map's prepared with 3ds Max' cubic view feature and modified with Photoshop. JavaScript with WebGL selects graphics, sprites and components, with simple image channels rather than complicated mathematics.


Ads >
Create 3D Games: Learn WebGL Book 2 Simple Shaders: Learn WebGL Book 4
3D Programming for Beginners: Learn WebGL Book 1

for Web graphics!

Copyright © 2022 Amy Butler. All Rights Reserved.