Jump to content
CWBudde

My first app written in Smart Mobile Studio

Recommended Posts

I have finally released my first app, which was written entirely in Smart Mobile Studio!

 

The app is a contract work for the famous german kid's music artist 'herrH' and thus only available in german language. However, given the fact that it is developed for kids you should be able to get an idea what is possible with HTML5 and JavaScript (and with Smart Mobile Studio) nowadays.

 

Get the app here:

 

iOS: http://apple.co/1XPPcQW

Android: https://bit.ly/1q3XLNB

(more platforms follow soon)

 

Bildschirmfoto-2016-03-24-um-15.59.04.pn

 

For more inside information stay tuned for a small making of article.

post-429-0-31126400-1458853257_thumb.png

Share this post


Link to post
Share on other sites

It's really quite neat. I've looked at the screenshots, I can see jellyfishes flying. You create the animations by hand or used a texture sprite software? I'm just curious how you animate all the jellyfish on the screen, is this a sprite sequences? or are you animating slices?

Share this post


Link to post
Share on other sites

(Nearly) all graphics have been done by two graphic artists. One (with his team) is responsible for the music videos and the other is responsible for print. As you can see if you look closely their style isn't identical which makes it a bit difficult to create a unique experience. Another problem was the fact that the music video artists had stored most graphics in a 720p pixel format and not as vectors. Thus, I had to do a time consuming re-vectorizing of the animation frames.

 

Based on the vector graphics (loaded as SVG images), device dependent images (HTML5 offscreen canvases) has been created. The according frame was then drawn according to the time passed.

 

As promised several internals will be explained in the "making of". I'm about half done with the article right now.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×