Skip to content

A fully 3D scene inspired by Minecraft made with HTML, CSS and JavaScript.

Notifications You must be signed in to change notification settings

TrendingTechnology/minecraft-css

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Minecraft CSS

About

This is a simple project created with the purpose of learning about CSS 3D capabilities, using HTML divs to drawn each face of the 3D objects. I choose to recreate a Minecraft scene since the square design fits very well with HTML limitations. Drawing complex 3D scenes with CSS is far from ideal, it's very awkward to control the drawing order of the faces and the rendering capabilities in general are very (very) far away from something like WebGL, I wouldn't recommend it at all, it's a good challenge though. React component system helped a lot in the process, it was super fast to make a component and copy-paste it through the scene.

Demo

Made With

All the textures used in the project has been extracted from the original game.

Installation

After cloning the repository, open your terminal and run:

yarn install
yarn start

About

A fully 3D scene inspired by Minecraft made with HTML, CSS and JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.8%
  • CSS 26.2%
  • HTML 10.0%