This document summarizes the development of a VR game called "Back to Space" by an ICT consultant. It was created using A-Frame and Three.js for web-based VR. The developer explored different platforms for testing the game in VR, including Chrome extensions, mobile phones with Daydream, and borrowed VR headsets. The game started as a basic concept with cubes but evolved to include shaders, world generation, and different components. It was released on Construct Arcade and may be released on other platforms in the future after additional polish.
9. A web framework for building virtual reality experiences
Component based
• Unity : GameObjects and MonoBehaviors
• A-Frame : Entities and Components
13. • 3D Studio
• Custom scripts
• Photoshop
• ShaderTool
• Codepen
14. • Basic concept and gameplay first. Very rough and with cubes.
• All in VSCode
• TODO+ for ‘work items’
• Frameworks:
• A-frame
• Inspector for debugging
• ThreeJS, came with A-Frame
• WebPack
• Glslify
• Snippets in VSCode
27. • In browser
• New Chrome Extension
• On phone
• With daydream
• With borrowed Oculus Rift
• With help from people in our Twitch community
28. • Learned a lot about shaders and compiling the project
• GLSLify to bundle shaders
• Controllers are different on various platforms
• Screen mirroring for Oculus Rift via tool
• Zip on Linux is smaller
JS coding competition for HTML5 Game Developers.
Around a theme, This years theme was ‘Back’.
JS coding competition f
or HTML5 Game Developers.
Show some examples in screenshots
A-Frame, Three.JS or Babylon.js are allowed through a specific URL
Doesn’t count in 13KB
Show some examples in screenshots
A-Frame, Three.JS or Babylon.js are allowed through a specific URL
Doesn’t count in 13KB
https://glitch.com/~butternut-Colby
Started 1 week late, due to summer vacation, but got the basic idea written down.
2 ideas:
Haunted mansion where ‘someone’ or ‘something’ is sneaking up behind you
Space Invaders
Went with the second
First screenshot – Working game. I knew I would be able to do it
Intense gameplay. Testing live on stream.
difficultiess
Since then made a few updates to my common WebVR Build Pipeline to include HTML as well.
Copies code from SRC to DIST
Combine all .js into 1 file
Compiles .scss to .css
Include GLSL
Different pipeline for Dev and Prod
Show Webpack
controls everything, heart of the game
Show GameComponent, InvaderComponent, AppearComponent
Real Textures are too big.
Generate them in code.
Title => https://codepen.io/Sorskoot/pen/aboLegK
Real Textures are too big.
Generate them in code.
Title => https://codepen.io/Sorskoot/pen/aboLegK
Sun => https://codepen.io/Sorskoot/pen/qBWpRea
Show Codepens
Shot Code for sky Perlin Noise based
Basic vertex shader, complex fragment shader - with some js code
GLSL 3.0 for OpenGL ES 3
Donut shape as mask perlin noise
Removed all faces that have 3 points at 0,0,0
Show Code
Flash version of sfxr => http://www.superflashbros.net/as3sfxr/ IN EDGE DEV!!!