Giter VIP home page Giter VIP logo

voxel-renderer-html's Introduction

Voxel Renderer

A voxel renderer library for HTML5, written in CoffeeScript with AMD modules.

Renders to 3D using three.js, or to 2D isometric view using pixi.js.

Scenes are composed using the already-familiar three.js API. See /demo source to get started.

Easy-to-use and low-performant.

Work in progress. API and implementation may change. If using this library as the basis for a project, please clone or fork.

Demo

View demo

screenshot 1

Demo project setup

Install grunt if necessary.

CD to project root.

Install node dependencies for grunt:
npm install

Run default grunt task:
grunt

Deployed files will be compiled and copied to the out directory.

For browser source map support, point webserver to repo's base directory rather than out dir.

Possible todo's

Obvious

More primitives

implement `FastRect` and `FastBitmap`
cylinder
cone
pyramid
line
circle
3d-bitmap (for fonts, character animations, etc.) (maybe importing some ~standard voxel file format?)
wireframe-looking cube

'Subtractive' objects

Mechanism for 'object overdraw precedence' (or at least formalize the rules describing how it currently behaves)

Major

Off-load per-voxel hit tests with shader logic

Shader-based custom render routine, bypassing general-purpose graphics frameworks...

Objects mapped to

voxel-renderer-html's People

Contributors

zeropointnine avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.