Stencyl 3.4.0 is now out. Get it now!

HTML5 Mobile Extension

mdotedot

  • *
  • Posts: 1281
HTML5 Mobile Extension






General HTML5 Game Design
  • Remove all scaling settings and scaling modes
  • Everything is tested on latest Chrome. Use at your own risk
  • Design with 1x scaling mode
  • You cannot control orientation ‘normally'
  • For webcam/camera access you need HTTPS site to deploy your game to and all iOS versions don’t support this
  • For Image/Video selection create the button the same height/width as your Stencyl button and set opacity to 0

YouTube Playback:
Code: [Select]
https://www.youtube.com/watch?v=POKcURVJBgw
Becomes:
Code: [Select]
http://www.youtube.com/embed/POKcURVJBgw

  Test Log


You can't prevent orientation change when the user has orientation-change set on device.
But you can do this :

« Last Edit: July 26, 2017, 10:05:29 pm by mdotedot »
Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.

Donni11

  • *
  • Posts: 2174
Thank you so much for this extension! Just peeked at some of the block, very useful!!
The Stencyl Discord Channel , Where the real Stencyl work happens ;).

havana24

  • *
  • Posts: 482
Well done as always Mdot! :)
My Website: www.havana24.net

Donni11

  • *
  • Posts: 2174
I love how you could embed youtube videos in your Stencyl game! Going to be taking advantage of this feature!
The Stencyl Discord Channel , Where the real Stencyl work happens ;).

mdotedot

  • *
  • Posts: 1281
Updated the original post with the extension that was modified slightly during the Ludum Dare 38 attempt.

Maybe I will be looking into WebCam tracking (face/objects) together with Squeeb as well.

Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.

squeeb

  • Posts: 1142
Wait!?? this is a thing? i can code directly with js with that block!? as in use stencyl like the compiler for HTML5?

mdotedot

  • *
  • Posts: 1281
Indeed, the native block allows you to put in javascript. Even create scripts within scripts and load libraries if you put them in the right directory together with your game.

The 3D demo is done with this. And lots of parts in the extension are using the native block.

Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.

squeeb

  • Posts: 1142
Simply amazing!  I'll work on adding camera toggle and microphone

mdotedot

  • *
  • Posts: 1281
Thanks Squeeb.
I've PMed you the link where the camera switching between front/back camera should be working. Audio isn't in yet.

Next up is head tracking.
Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.

mdotedot

  • *
  • Posts: 1281
An update:

Three.JS / WebGL looks promising.
Now working on physics engine.

Current 3D demo in Stencyl based on Hunter Loftis (a-first-person-engine-in-265-lines) : 

3D Demonstration



Updated first post.

Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.

squeeb

  • Posts: 1142
wheres the jaw drop emoji!? man that is killer!

mdotedot

  • *
  • Posts: 1281
And here is the proof of concept for the physics engine..

Things are slowing down a bit on mobile now!



3D Physics
Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.

mdotedot

  • *
  • Posts: 1281
Since making an extension is a bit of work, I'm debating if I am going to make an extension for 3D.
It will be for HTML5 only!

So far I'm not seeing much of publication done in HTML5 (at least at first glance on the forum), so I'm wondering if there is even interest in such an extension?!?

Note: I'm NOT going to make such an extension for other publications such as iOS/Android/Windows/Mac !

I've made a poll so you can vote if you want such extension made ( keep this question in your mind if you are going to vote: are you really going to publish to HTML5 only?!?)
Vote for HTML5 extension

Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.

LIBERADO

  • *
  • Posts: 2488
are you really going to publish to HTML5 only?!?)
Adobe announced that Flash will be discontinued.
Also, they mention HTML5 as the viable alternative for content on the web.
Over many years, a lot of people made a lot of money publishing to Flash only.
Now the industry is moving towards HTML5, which has come to stay.
So, of course, many people will publish many games to HTML5 only.
Clearly... YES!
   
Undoubtedly.

By the way, @mdotedot, thank you for your great extensions and your excellent work.

« Last Edit: July 27, 2017, 02:59:23 am by LIBERADO »
I'm spanish, excuse me for my bad English.
I'm not a private teacher. Please, post your questions in the public forum.

mdotedot

  • *
  • Posts: 1281
Thank you for your kind words Liberado.

I'm in awe on many of your example games so I'm glad you want to make HTML5 games.

If enough people vote YES, I'm going to start making this -HTML5 only- 3D extension.

There is another Ludum Dare this weekend and I will attempt making something with HTML5. It will probably help in thinking about blocks to make.


Hanging out in the Chat:  http://www.stencyl.com/chat/

Proud member of the League of Idiotic Stencylers! Doing things in Stencyl that probably shouldn't be done.