Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect by naufal

View this thread on steempeak.com
· @naufal · (edited)
$9.88
Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect
![ar-cover.png](https://cdn.steemitimages.com/DQmT9mUfv72DcgirSLCaQ7LrpWyUjEeSAdpJteRLgTU1Eh9/ar-cover.png)

---

This time, I tried to create a unique new way of #promo-steem. That is making a Steem short game that you can play through Instagram filters. I have discussed before with @arie.steem and in the next post we will make a contest with this game.

---

<center><h1>You can play it FREE! on your Instagram app:<br>[Get STEEM Game Filters](https://www.instagram.com/ar/366669274909190/)</h1></center>

---

![image.png](https://cdn.steemitimages.com/DQmVKr6aN2vdNa3SAc1F2bNehP8haYSTMSEA9QWWnygojvS/image.png)

---

## Spark AR

[Spark AR Studio](https://sparkar.facebook.com/ar-studio/) is an augmented reality platform for Mac & Windows that allows you to somewhat easily create AR effects for mobile cameras. Think of it like Photoshop or Sketch, but for AR.

AR (short for “augmented reality”) isn’t a new technology, In the last few years that AR technology has accelerated and spread across dozens of industries; today it can be found everywhere from Pokémon GO to Google Maps.

Social media is clearly riding the AR wave too, and a big part of this success is because of how hugely popular Instagram Stories is.

With over 500 million daily active users, an extremely user-friendly UI, and the millennial human desire to share fun, filtered selfies, **Instagram is the perfect medium to spread AR to the masses.**

But equally important was Facebook’s decision in 2017 to launch its own software for brands and designers to create customized AR effects.

![image.png](https://cdn.steemitimages.com/DQmdi3vYrqGjt32pRHXLEUyETua7dWm6kk5rMuQHutkJAHJ/image.png)

While the Spark AR Studio platform has been open to everyone, if you wanted your custom AR effects to go live on Instagram, you had to be accepted as part of the closed beta program.

But that’s all changed now! According to a Facebook announcement on August 13, 2019. **Anyone can now create and publish their own Spark AR effects on Instagram Stories!** 

**this article taken from [later.com](https://later.com/blog/spark-ar-instagram/) blogs.*

## How Spark AR Effects Used for Campaign

There are many reasons why AR can be a powerful marketing tool for businesses — but one of the biggest has to do with freedom of creativity.

When it comes to AR, the world really is your oyster!

There are countless applications for the technology:  cosmetics brands can use AR to let their followers virtually “try on” makeup, furniture brands can use AR to show what their products would look like in people’s homes, and fashion brands can use AR to create virtual fitting rooms, allowing people to try on shirts, sunglasses, or entire outfits to see how it fits their shape and style.

There’s also something to be said about the emotional value of AR. By creating these kinds of AR experiences where people can “try” products, businesses might have an easier time building a personalized connection with customers — which could also help drive more purchases!

Likewise with Steem. We are trying to create a unique new way of promoting Steem. By presenting Steem-smelling filters, whether it's filter effects, quizzes, and short games which we will add more in the future.

## Game Concept

This idea came to me when I saw the wink game filter that went viral last year. Then I duplicated the game script and made it into a new version

The concept of this game is 'get as much steem as possible'. You can get these coins by heading them, you certainly know the Super Mario Bross game, right? Yes, just point the 'whales' by moving your head by shaking your head to direct the 'whales' to get coins.

The score will be written on your forehead, how many coins you get.

You will die if the 'whales' fall down, and you have to start over.

## Making the Game

The following is a screenshot of the game filter creation process using the **Spark AR from Facebook** application.

Games are created by duplicating game concepts from existing ones, then replacing them with Steem assets.

![Screenshot_515.png](https://cdn.steemitimages.com/DQmR635sudHsEEEYk65QaFpYirKr4Wb9odoGgRR3Av5pBHZ/Screenshot_515.png)

The first stage is the face tracing process so that the score follows the shape of the face, in this case the score will follow the position of your forehead.

![Screenshot_516.png](https://cdn.steemitimages.com/DQmQZbuzyJB6az8foGbQCgsPU5VTE1idbrvpu6ydn4hFzLv/Screenshot_516.png)

Next, the process of positioning the fixed ground and moving ground and placing the coin on the ground

![Screenshot_517.png](https://cdn.steemitimages.com/DQmcYZ7EE2JHcuxcuHVbQ8WMuUUCbad1S2VT2WnWRjtDVPs/Screenshot_517.png)

Finally, position the user so that later they can jump when we move our head. In this case, I took the mascot resource asset from eSteem/ecency which I then replaced the symbol with the Steem symbol.

![Screenshot_518.png](https://cdn.steemitimages.com/DQmaC1ZTqFYfMB34LeosawW59XhejYGfxzLGbp9YjzjQbbB/Screenshot_518.png)

After all the tracing process, the position of the image/asset, and also the audio is complete, then do a preview or game test which we can directly test through our Instagram account. A preview of the filter will be sent via Instagram notification, and we can try it right away

There are a lot of revisions that I have to work on until the game fits and is ready to use.

![Screenshot_519.png](https://cdn.steemitimages.com/DQmUnaKpRg5CMcxCkN6iLC3LF9NaGmnemrXoQr9F4KBnUqf/Screenshot_519.png)

After the game is considered perfect, there are no more revisions and it is ready to use. Furthermore, the filter is also ready to be uploaded to Facebook.

![Screenshot_520.png](https://cdn.steemitimages.com/DQmTd4mfpVTYRHCpnKERrHY9jFAcyzDMnDP2TzTCLcrMkR9/Screenshot_520.png)

Set detailed information about filters and upload them to Sparkhub AR Facebook.

![Screenshot_523.png](https://cdn.steemitimages.com/DQmX7MUvye1YuwqEMTLnAbPDXzvdp1WeCDFwBe4fnN7Gxrm/Screenshot_523.png)

Next, our filter will be reviewed first by their verification team. If the filter meets the requirements it will be live immediately and can be used by anyone. However, if the filter does not meet the requirements, there will be a notification that anything needs to be corrected.

A few minutes later the filter I made was approved by Facebook, and it was ready to use.

Click the following link to use it:
https://www.instagram.com/ar/366669274909190/

***ps**
I plan to make some kind of contest about this game. Maybe competing for the highest score/top score then rewarded by getting 'real' STEEM would be great. @steemcurator01 Your suggestions and idea will be very very useful for me.

## Game View

The following is an example of how the game looks when played:

<center>
![2.gif](https://cdn.steemitimages.com/DQmbFPHf3euW5Bmf8z256jTBxRxVyRsRRHKV24HvLGD1Bxq/2.gif)
</center>

<center><h1>GIVE IT A TRY!</h1></center>

Cc: @steemcurator01, @stephenkendal, @pennsif, @kevinwong, @steemchiller, @xeldal

---

![image.png](https://cdn.steemitimages.com/DQmS7HBFmVyderBrCHfjopcWV7quJgs8w3HgPSYYBQRTS5N/image.png)

</div>

<center><h2>https://promosteem.com</h2></center>

<center>
Big Thanks to Steemit Team : [steemcurator01](https://steemit.com/@steemcurator01), [booming01](https://steemit.com/@booming01)
PromoSteem Sponsor : 
@stephenkendal , @siz-official, @around-theworld
</center>
<center>
**Kind Regards**
**PromoSteem Team**
@arie.steem *As Community Leader*
@pojan *As Team Support*
@ponpase *As Team Support*
</center>

<center>
**Promoters Team**
@julstamban - Philippines
@mcsamm - Ghana
@nattybongo - Ghana
@cryptokraze - Pakistan
@michaelchijioke - Nigeria
@oscarcc89 - Venezuela
</center>

<center>
**Discord**
[![discord link.png](https://cdn.steemitimages.com/DQmSvkZzSKzkgZNhVC4EZQEuzpA384i4ozsbPKvSdWGPFgB/discord%20link.png)](https://discord.gg/MbZzkT5mqV)</center>
<center>![Join Community.png](https://cdn.steemitimages.com/DQmT6QKySnwP3txgq9soH4ByoqjWeejaodg2QtdiJ5yxt8J/Join%20Community.png)</center>
</div>
https://cdn.steemitimages.com/DQmSTGoMxap7cXMk8wtcntd5usy22YFm6LWqx8G9tTh6CeH/naufal-social.png
👍  , , , , , , , , , , , , , , , , , , , , ,
👎  
properties (23)
post_id92,514,142
authornaufal
permlinkplay-now-making-a-get-steem-game-on-instagram-filters-or-spark-ar-effect
categoryhive-153176
json_metadata{"tags":["promo-steem","steemexclusive","news","game","tutorials","steemit","indonesia"],"users":["arie.steem","steemcurator01","stephenkendal","pennsif","kevinwong","steemchiller","xeldal","siz-official","around-theworld","pojan","ponpase","julstamban","mcsamm","nattybongo","cryptokraze","michaelchijioke","oscarcc89"],"image":["https:\/\/cdn.steemitimages.com\/DQmT9mUfv72DcgirSLCaQ7LrpWyUjEeSAdpJteRLgTU1Eh9\/ar-cover.png","https:\/\/cdn.steemitimages.com\/DQmVKr6aN2vdNa3SAc1F2bNehP8haYSTMSEA9QWWnygojvS\/image.png","https:\/\/cdn.steemitimages.com\/DQmdi3vYrqGjt32pRHXLEUyETua7dWm6kk5rMuQHutkJAHJ\/image.png","https:\/\/cdn.steemitimages.com\/DQmR635sudHsEEEYk65QaFpYirKr4Wb9odoGgRR3Av5pBHZ\/Screenshot_515.png","https:\/\/cdn.steemitimages.com\/DQmQZbuzyJB6az8foGbQCgsPU5VTE1idbrvpu6ydn4hFzLv\/Screenshot_516.png","https:\/\/cdn.steemitimages.com\/DQmcYZ7EE2JHcuxcuHVbQ8WMuUUCbad1S2VT2WnWRjtDVPs\/Screenshot_517.png","https:\/\/cdn.steemitimages.com\/DQmaC1ZTqFYfMB34LeosawW59XhejYGfxzLGbp9YjzjQbbB\/Screenshot_518.png","https:\/\/cdn.steemitimages.com\/DQmUnaKpRg5CMcxCkN6iLC3LF9NaGmnemrXoQr9F4KBnUqf\/Screenshot_519.png","https:\/\/cdn.steemitimages.com\/DQmTd4mfpVTYRHCpnKERrHY9jFAcyzDMnDP2TzTCLcrMkR9\/Screenshot_520.png","https:\/\/cdn.steemitimages.com\/DQmX7MUvye1YuwqEMTLnAbPDXzvdp1WeCDFwBe4fnN7Gxrm\/Screenshot_523.png","https:\/\/cdn.steemitimages.com\/DQmbFPHf3euW5Bmf8z256jTBxRxVyRsRRHKV24HvLGD1Bxq\/2.gif","https:\/\/cdn.steemitimages.com\/DQmS7HBFmVyderBrCHfjopcWV7quJgs8w3HgPSYYBQRTS5N\/image.png","https:\/\/cdn.steemitimages.com\/DQmSvkZzSKzkgZNhVC4EZQEuzpA384i4ozsbPKvSdWGPFgB\/discord%20link.png","https:\/\/cdn.steemitimages.com\/DQmT6QKySnwP3txgq9soH4ByoqjWeejaodg2QtdiJ5yxt8J\/Join%20Community.png","https:\/\/cdn.steemitimages.com\/DQmSTGoMxap7cXMk8wtcntd5usy22YFm6LWqx8G9tTh6CeH\/naufal-social.png"],"links":["https:\/\/www.instagram.com\/ar\/366669274909190\/","https:\/\/sparkar.facebook.com\/ar-studio\/","https:\/\/later.com\/blog\/spark-ar-instagram\/","https:\/\/promosteem.com","https:\/\/steemit.com\/@steemcurator01","https:\/\/steemit.com\/@booming01","https:\/\/discord.gg\/MbZzkT5mqV"],"app":"steemit\/0.2","format":"markdown"}
created2021-07-09 20:53:18
last_update2021-07-10 15:48:33
depth0
children9
net_rshares16,121,148,691,872
last_payout2021-07-16 20:53:18
cashout_time1969-12-31 23:59:59
total_payout_value4.943 SBD
curator_payout_value4.939 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length8,111
author_reputation33,453,722,064,839
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (23)
@arie.steem ·
great.. this is so creative
properties (22)
post_id92,527,514
authorarie.steem
permlinkqw18kv
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-10 14:08:03
last_update2021-07-10 14:08:03
depth1
children1
net_rshares0
last_payout2021-07-17 14:08:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length27
author_reputation109,647,819,614,318
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@naufal ·
Thank you brother
properties (22)
post_id92,571,728
authornaufal
permlinkqw598g
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-12 18:14:39
last_update2021-07-12 18:14:39
depth2
children0
net_rshares0
last_payout2021-07-19 18:14:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length17
author_reputation33,453,722,064,839
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@collinz ·
Interesting! we have the technology let's use it to make steem great
properties (22)
post_id92,531,026
authorcollinz
permlinkqw1h9k
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-10 17:15:24
last_update2021-07-10 17:15:24
depth1
children1
net_rshares0
last_payout2021-07-17 17:15:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length68
author_reputation49,481,680,921,551
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@naufal ·
Yeah, lets contribute by our idea
properties (22)
post_id92,571,731
authornaufal
permlinkqw5994
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-12 18:15:03
last_update2021-07-12 18:15:03
depth2
children0
net_rshares0
last_payout2021-07-19 18:15:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length33
author_reputation33,453,722,064,839
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@promosteem.com ·
**Congratulations...!!!** You Got Upvote 100 %
By: PromoSteem Community

- [Join PromoSteem Community](https://steemit.com/trending/hive-153176)
- [Join Our Discord](https://discord.gg/JRtavg8)

<center>Alternative links delegates to @promosteem.com
[50](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=50%20SP)[100](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=100%20SP)[200](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=200%20SP)[300](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=300%20SP)[400](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=400%20SP)[500](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=500%20SP)
[1000](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=1000%20SP)[2000](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=2000%20SP)[3000](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=3000%20SP)[4000](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=4000%20SP)[5000](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=5000%20SP)
[10000](https://steemlogin.com/sign/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=10000%20SP)
</center>
properties (22)
post_id92,567,927
authorpromosteem.com
permlinkqw4zl0
categoryhive-153176
json_metadata{"users":["promosteem.com"],"links":["https:\/\/steemit.com\/trending\/hive-153176","https:\/\/discord.gg\/JRtavg8","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=50%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=100%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=200%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=300%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=400%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=500%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=1000%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=2000%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=3000%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=4000%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=5000%20SP","https:\/\/steemlogin.com\/sign\/delegateVestingShares?delegator=&delegatee=promosteem.com&vesting_shares=10000%20SP"],"app":"steemit\/0.2"}
created2021-07-12 14:43:48
last_update2021-07-12 14:43:48
depth1
children0
net_rshares0
last_payout2021-07-19 14:43:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,666
author_reputation37,824,899,063,893
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@podanrj ·
okming... pengen belajar kayaknya ni
properties (22)
post_id92,570,127
authorpodanrj
permlinkqw54ar
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-12 16:25:39
last_update2021-07-12 16:25:39
depth1
children1
net_rshares0
last_payout2021-07-19 16:25:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length36
author_reputation35,572,231,591,707
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@naufal ·
di yucup banyak tutornya, mangga xixi
properties (22)
post_id92,571,737
authornaufal
permlinkqw599q
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-12 18:15:24
last_update2021-07-12 18:15:24
depth2
children0
net_rshares0
last_payout2021-07-19 18:15:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length37
author_reputation33,453,722,064,839
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@gracellagift ·
Wow! So creative
properties (22)
post_id92,587,169
authorgracellagift
permlinkqw6nv5
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-13 12:25:57
last_update2021-07-13 12:25:57
depth1
children1
net_rshares0
last_payout2021-07-20 12:25:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length16
author_reputation6,072,021,956,909
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@naufal ·
Thank you
properties (22)
post_id92,599,619
authornaufal
permlinkqw7p0p
categoryhive-153176
json_metadata{"app":"steemit\/0.2"}
created2021-07-14 01:50:48
last_update2021-07-14 01:50:48
depth2
children0
net_rshares0
last_payout2021-07-21 01:50:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length9
author_reputation33,453,722,064,839
root_title"Making A "STEEM JUMP" Game on Instagram Filters - PLAY NOW! | Spark AR Effect"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000