Euler the Elephant
I am most proud of this project because it's a video game for iOS and Android that I developed using Unity3D as my engine of choice. It's live and free to download from the App Store and Google Play Store.
The reception for the game is great, and I consider it a great example of my overall versatility and the good things I can envision and develop on my own.
Wentorra
Wentorra is both a book and a game that's designed to be played on Facebook. It's built entirely in HTML and jQuery and is backed by PHP and MySQL. This was my first game project, and it was deployed on Facebook in 2013.
Although it did not attract thousands of players/readers as expected, it worked without a single error. I am particularly proud of it because I did everything on my own, from the design and coding to the integration with Facebook's then-active APIs.
The playable demo of Wentorra is available here: https://www.facebook.com/Wentorra/app/355291721272660/
GDE.JE? | WHERE.IS.IT?
GDE.JE? is a location-based game played in real-time on mobile phones. It doesn't require any installation because it's a web-based responsive game. The game is in Serbian, but you can click on the buttons to get a general feel of the game. I did everything from the design to the code—both the front end and back end—plus the organization of the actual competition.
The tasks are unlocked at a precise moment, announced upfront to the players. Then the players solve five missions, each with three riddles. The solution to every riddle is a location in the city. The players solve the riddle by physically getting to the location, checking-in with their GPS device, and proving that they were on the website by uploading a selfie at the location—all from within the web-based app. The winner is the player who solves the final riddle first.
Game Features:
• Riddles
• GPS technology
• Use of a camera interface from a mobile browser
• Installation is free and the game is playable from the browser.
3D Point Cloud Editor
I made a 3D editor using Three.js that works like this:
- In a single sweep, it collects N files, which are all collections of points in 3D space, so every file is a keyframe.
- Given that the human eye can see whether a point cluster looks like a vehicle, a person, an animal, a tree, or something else, it shows the point cloud (thousands or millions of points) and enables the user to assign categories to these points by drawing and editing container boxes.
- It can play the animation in real-time (notice the slider and play-button below the image from the link), and the user can move the camera freely while the keyframes are animated.
- It even enables overlapping of the photo with the swept point cloud (shown in the image from the link), so the user can see what the points they have recognized are actually a scan of.
- All this is done in Three.js and works in a browser.
Flow Blog Theme
In this WordPress theme, all blog posts can be read without ever leaving the home page. Each blog post is asynchronously loaded into the website's brick structure, and you can easily switch to any other post by merely opening it.The theme was included in the top ten themes of 2016 by ThemeForest. While a designer colleague came up with the idea and designed the website's aesthetics, I implemented the scattering, combining, animating, and loading for the theme.
The Poklon (The Gift)
I developed this website for a friend's business idea related to unique gifts. The website is in Serbian, but it's a fun demonstration of the design, the drawings, and the code I created. The video on the third tab is a jQuery-animated slideshow.
Pub Quiz Interface
This is a pub quiz interface for the game master. It is a web-based, mouse-controlled, and minimally designed interface for the person who hosts a pub or house-quiz.
I built the quiz from the ground up in one day. It was built for a laptop display which was sent to a TV screen.
Quiz Instructions:
1. Click on the first few screens to get to the game interface.
2. Choose one of the six circles on the left that represent the types of games in the quiz.
3. See the three teams and their scores on the right. Points are added by clicking on the team picture and subtracted by clicking on the total number of points (in case a mistake was made).
4. When a question opens, it can be closed by clicking the barely visible X at the bottom middle of the question view.
Only the first three questions of each game are translated into English for demonstration purposes; the rest is in Serbian.
HTML5 Visual Interactive Features with JavaScript, React, and Ember.js
I have worked as the lead (and sometimes only) developer for interactive applications on big touch screens and kiosks, such as those in museums, information points, exhibitions, and galleries.
Using JavaScript, Ember.js, React, and some custom-developed tools, I have created not only stunning visualizations but also data gathering, processing and filtering mechanisms that allow these applications to work.
I am unable to name these projects because they are confidential, and some have not yet been opened to the public.
Zoom-out Scrolling, Fixed Monitor, and Scrolling Text
I implemented two effects in a website theme. When you first start scrolling, the image zooms out thoroughly and then continues to scroll the page. As you scroll down the page, the text's scrolling continues, but a monitor on the side remains static, displaying dynamic images as you scroll.
Duality Landing Page
I implemented this landing page to represent the duality of genders. Depending on which half of the middle circle you click, it takes you to a page where you can preview different home pages by hovering over them and watching them scroll automatically. You can also click the opposite part of the circle at any time to visit the other half.
Scroll Rails and Scroll Flocking
I implemented the first two effects on this page: the phones that fly off the screen on diagonal rails and the pieces that flock to the middle of the screen as you scroll. All implemented with HTML5 and JavaScript.
Waterfall Landing Page
For this landing page, I implemented a parallax effect of scrolling floating images on a starry background activated by a mouse scroll. Using WordPress shortcode, I developed the whole page as a module so that the user could arbitrarily position the images of their choice.
Sound Propagation in HTML5, JavaScript, and CSS
This code uses plain HTML, CSS, and JavaScript with some help from jQuery. It illustrates the propagation of sound waves on the surface of the ideally round Earth, assuming that a wave propagates forever.It presents rotations and 3D drawings in HTML without canvas. To test it, a user needs to enter the longitude and latitude and the time the wave propagates to see it drawn as a ring on the surface of the Earth. Users can rotate the globe by focusing on a specific point defined by longitude and latitude.