Author: Chris Johnson
-
Adaptive Colour Scaler
I built this proof of concept as a way of allowing app users configure their app theme colours. I had a use case where admins would set up ‘events’ via an admin portal. The event would then be interacted with by end users via a mobile app. Each event would have distinct theming, livery, and…
-
Self-Serve Extract Builder
This is a concept I made to enable users to self-serve an extract from a Power BI semantic model, in the same way certain tools sit on top of a database and provide a drag-and-drop interface to process big data into extracts for onward analysis. I wanted to see if an intuitive interface could be…
-
Hexgrid Shape Map
I had a requirement to represent arbitrary regions on a map of the UK. The regions didn’t have natural borders like counties or nations would, and after several attempts at ‘making up’ the borders I wasn’t seeing the effect I was after. One of the issues was that smaller regions became too tiny to make…
-
Side Scrolling Platformer
Just a little fund side-project, trying to create an ‘endless runner’-type game in Power Apps. The game relies on several background layers attached to a timer to create a parallax effect to add depth and motion: The timer can be ‘sped up’ to increase the speed of the game, and by extension the difficulty. This…
-
Flappy Bird
It’s everyone’s favourite reaction-based mobile game, rebuilt in Power Apps! This makes use of parallax scrolling, as demonstrated in my side scrolling endless runner game, but works in some more animation control of the avatar/bird which wants to constantly fall to the bottom of the screen. Watch the video below to see my setup. I…
-
Progressive Blur Scroll Concept
This is a smooth and visually impressive method of catching the eye to some important content, before fading to the background to allow the content to take centre stage. This concept uses the HTML text control to implement CSS blur in Power Apps. We can actually manipulate this to use a ‘gradient blur’, such that…
-
Responsive Date Picker Component
The out-the-box date pickers, including the modern control, aren’t especially user friendly, nor flexible to developers, so it’s a prime input type to be rebuilt as a custom canvas component. This date picker is designed to function well in both desktop and mobile canvas apps. Practically all properties are dynamic, reflecting canvas size, orientation, and…