Git Product home page Git Product logo

danetheory / fps-css3d Goto Github PK

View Code? Open in Web Editor NEW

This project forked from glidias/fps-css3d

0.0 2.0 0.0 1.91 MB

A prototype repository test-bed to help create relatively advanced 3d scenes and animations (particularly simple VR experiences in first-person view) in pure CSS on an HTML page using just the DOM, for targetting platforms on webkit browers such as Chrome and Safari, on both desktop and mobile platforms.

fps-css3d's Introduction

CSS 3d FPS Experiments
--------------------

A prototype repository testbed to help create relatively advanced 3d scenes and animations (particularly VR experiences in first-person view) in pure CSS on an HTML page using just the DOM, for targetting platforms on webkit browers such as Chrome and Safari, on both desktop and mobile platforms. 

Features include:

1) Viewport/camera setup, with frustum/portal culling support to draw only what is visible within the scene.
2) Integration with legacy Alternativa3D version 7 engine on Flash platform to facilitate importing, previewing, managing and assembling of 3d scenes and animations that can be exported to HTML/CSS format.
3) Some viable old legacy Flash/Alternativa3D 7 code to port over to HTML/CSS for viewing on mobile broswers, mainly to support 3d environment procedural generation.

Currently, these versions are meant to work only on Google Chrome Canary Browser and Safari (for both Mobile and Desktop). Firefox is possible but not supported, since performance on that browser is abysmal. 
The current official chrome version has near-clipping vanishing issues with camera, which I hope they fix in future releases.

For desktop platforms, Flash as a fallback is still a consideration (especially with Molehill 3D support, player runtime, and more mature 3d libraries), so some code (particularly model/controller aspects) is built in Haxe to support both platforms.

WebGL (especially with THREE.JS) is also a target to seriously consider as well.

fps-css3d's People

Contributors

glidias avatar

Watchers

James Cloos avatar  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.