Stencyl 3.4.0 is now out. Get it now!

HTML5 Mobile Extension

mdotedot

  • *
  • Posts: 1168
HTML5 Mobile Extension




HTML5 Demo
 Documentation
  Demo Stencyl File
 HTTPS WebCam Demo
  3D demo 
3D Physics

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: proof of concept demo / Physics / VR
  • HTML Starter / Market Place http://htmlstarter.com
  • 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: July 18, 2017, 08:40:03 am by mdotedot »
Best regards from
M.E.
Hanging out in the Chat:  http://www.stencyl.com/chat/

Donni11

  • *
  • Posts: 2157
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: 2157
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: 1168
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: 953
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: 1168
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: 953
Simply amazing!  I'll work on adding camera toggle and microphone

mdotedot

  • *
  • Posts: 1168
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/

mdotedot

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

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

squeeb

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

mdotedot

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

Things are slowing down a bit on mobile now!



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