Small demo of Puzzle3D browser game

Hello, I present a small demo of Puzzle3D browser game made in Armory3D

I am asking for testing on various browsers and devices.

best regards!


Work awesome on Firefox, MacOS Mojave

btw, cool game!

It worked without problems on Chromium browser and Linux mint OS. A simple and interesting game.

Runs Wells on Ecosia with Samsung A6.

Sharing the vode would be awesome.

Short/long touches.
Fullscreen toogle
Cancas control.

Ver y nice.

Thanks and my record :upside_down_face:

1 Like

Nice Demo, I would like to see this with more puzzles :smiley:
Works fine with Chrome

PS: Git Gud :stuck_out_tongue:

1 Like

Some information about this project:
Windows 10 64bit and Blender 2.8

The latest updated version (Armory Updater in Add-ons) Armory3D 19.9.0
Enabled: Legacy Shaders (for mobile)

Programming using logic nodes and one Bundled: ArcBall (for move Camera)

Bake one texture for all objects manually in Cycles (not Armory Bake) and processed in a graphics program.

Armoty Render Patch: 3D / Baked

Full screen: Armory Project -> Mode: Fullscreen, Orientation: Landscape

Html Code Template with left-top Button:

<!DOCTYPE html>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    body {
        margin: 0;
		#knop{position: absolute; top: 1em; left: 1em;}
		:-moz-full-screen #knop {position: fixed;top: 2em;right: 2em;width: 300px;height: 100px;}
		#full {width: 100%; height: 100%}
		#contf {width: 100%;height: 500px;    position: relative;}
		#contf:-webkit-full-screen {width: 100vw;height: 100vh}
		#contf:-moz-full-screen {width: 100vw;height: 100vh}
		#contf:-ms-full-screen {width: 100vw;height: 100vh}
		#contf:full-screen {width: 100vw;height: 100vh}
		#toggle_fullscreen{border: none;color: #000;}

<body style="margin: 0; padding: 0;">
<div id="contf">
    <canvas style="width: 100vw; height: 100vh; display: block;" id='khanvas' tabindex='-1'></canvas>
	<div style="    position: absolute; top: 10px; left: 10px;">
		<button style="border: none; background: none" id="knop" onclick="toggleFullScreen()">
			<svg xmlns="" width="45" height="45" fill="#707070" viewBox="0 0 24 24"><path d="M24 9h-2v-4h-4v-2h6v6zm-6 12v-2h4v-4h2v6h-6zm-18-6h2v4h4v2h-6v-6zm6-12v2h-4v4h-2v-6h6zm14 4h-16v10h16v-10z"/></svg>
    <script src='kha.js'></script>
		  var videoElement = document.getElementById("contf");
		  function toggleFullScreen() {
			// ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
			if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
				if (videoElement.requestFullScreen) {
				} else if (videoElement.mozRequestFullScreen) {
				} else if (videoElement.webkitRequestFullScreen) {
				} else if (videoElement.msRequestFullscreen) {
			} else {
				if (document.cancelFullScreen) {
				} else if (document.mozCancelFullScreen) {
				} else if (document.webkitCancelFullScreen) {
				} else if (document.msExitFullscreen) {

Moves objects with Logic Tweens:


Safari 9.1.2
Google Chrome 77.0.3865.90
iPone 5s ios 10.1.1
(screenshot below)
everywhere works fine