Stencyl 3.4.0 is now out. Get it now!

HTML5 Mobile Extension

mdotedot

  • *
  • Posts: 1157
HTML5 Mobile Extension




HTML5 Demo
 Documentation
  Demo Stencyl File
 HTTPS WebCam Demo

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


To be Done:
  • HTML Table
  • Sharing (Bug: WhatsApp sometimes work)
  • In App Purchase (Amazon : don't like checks / PayPal ?)
  • ThreeJS / WebGL : Make blocks for it
  • HTML Starter / Market Place
  • WebSockets (Secure)
  • WebCam Face and Color Tracking

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

« Last Edit: May 03, 2017, 06:24:43 am by mdotedot »
Best regards from
M.E.
Hanging out in the Chat:  http://www.stencyl.com/chat/

Donni11

  • *
  • Posts: 2118
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: 468
Well done as always Mdot! :)
My Website: www.havana24.net

Donni11

  • *
  • Posts: 2118
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: 1157
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.

Best regards from
M.E.
Hanging out in the Chat:  http://www.stencyl.com/chat/

squeeb

  • Posts: 837
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: 1157
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.

Best regards from
M.E.
Hanging out in the Chat:  http://www.stencyl.com/chat/

squeeb

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

mdotedot

  • *
  • Posts: 1157
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.
Best regards from
M.E.
Hanging out in the Chat:  http://www.stencyl.com/chat/