Here’s some examples of some Text and Picture style components put together in Bootstrap using Flexbox for positioning.
Decided to have some 8-Bit fun this evening and experimented with a horizontal parallax effect similar to side scrolling games.
CSS3 Horizontal parallax effect was inspired by this post by Keith Clark.
This app was created with the following technologies:
This app is currently work in progress and addition features will be added over time.
You can control the Little Man by tilting your phone! It should capture input from your phones accelerometer if its “Smart Enough” 🙂 Its a bit buggy and the physics is a bit basic. But I hope to make some improvements in velocity, acceleration, add in some gravity so he can jump, maybe some wind?
Anyhoo, complete credit for the sprite image that I used goes to 10firstgame’s wordpress blog, I hope he doesn’t mind me using it!