Ready, Aim, Fire!
Our latest project for Flormar including lots and lots of colourful pellets, an interactive game and a physics engine on browser turned out to be a big success!
Flormar wanted to boost their online sales as well as the number of registered users and overall time spent on their website to go along with their November sales campaign. By using Three.js and Ammo.js, we’ve created a fully interactive “aim and shoot” game that transformed the whole website into colourful and fun playground! By shooting at the different blocks of the website, the users were asked to reveal all the letters to write “Flormar” for a further discount coupon on top of the 40% off on the web store.
Throughout the weekend, more than 1.3 million shots were fired and the users spend 23 hours on the website. Overall, the amount of newly registered users and the time spent on the website increased significantly.
- Lab . UX/UI
3 core aspects of design but 1 focus. What do designers overlook?
Design has been a part of human life probably since the very beginning. Maybe functionality was the only desire back then, but people always loved creating “pretty” looking things and staring at them over and over again. But what about actually using those designs? Read this short article on Medium.
It is always exciting to write code and design animation that mimic the nature around us. This experiment uses simple math and minimal geometric shapes to create small figures that move somehow similar to a Jellyfish. All the movements, the rings that form the body the tail and progress, are based on one sinus function. Lanuch Experiment.
When trying to mimic natural objects it is always important to have a good space for randomness in shape, length, speed etc. The key point that you need to focus on here is to have multiple random values that vary within certain limits and all the aspects of the figure to be relative to these values.
Image Distortion Mozaic
PaperJS experiment that creates a cool mozaic effect. It transforms images to a mesh of triangles and applies the average color of the correspondant point in the bitmap to each triangle. Check it on github.
Few lines of code to create beautiful random colorful flowers. An experiment using PaperJS. You can check and play around with it on JSFiddle.
- Load more