Posts - pakirrote | Blend4Web

15 August 2016 19:49

#11250

posts: 98

The time between one frame and next frame, normally used to normalize games.
In older machines, delta is a big number, and in new machines delta is a little number.

15 August 2016 11:24

#11230

pakirrote

posts: 98

How can get delta number with javascript?, thanks.

20 July 2016 13:55

#10627

pakirrote

posts: 98

How I can make a water tap to click out water and click again to stop water out?.
Any help with material water too?.
Thanks.

18 May 2016 18:17

#9597

pakirrote

posts: 98

Any tips to maximum optimize?.

Textures sizes and compressions.
The fewer polygons, better.

any idea's?.

Thanks.

17 May 2016 18:28

#9577

pakirrote

posts: 98

The problem with firefox and fullscreen is when you use:

var quality = m_cfg.P_ULTRA;

with m_cfg.P_HIGH, work fine.

my solution:

var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
if (is_firefox){ // with firefox and fullscreen get problems in ultra quality
            var quality = m_cfg.P_HIGH; // quality 2
        } else {
            var quality = m_cfg.P_ULTRA; // quality 3
        };

17 May 2016 17:59

#9576

pakirrote

posts: 98

I tried it with this:

var fsb = document.getElementById('fs');
    var elem = document.getElementById("main_canvas_container");
    function toggleFullScreen(){
        m_app.request_fullscreen(elem);
    }
    fsb.addEventListener("click",toggleFullScreen);

but put screen black.
and get these errors:
B4W ERROR: Slink texture "DEPTH_TEX" has unsupported size: 5120x2168. Max available: 4096x4096.
B4W ERROR: Slink texture "COLOR" has unsupported size: 5120x2168. Max available: 4096x4096.
B4W ERROR: Slink texture "DEPTH_TEX" has unsupported size: 5120x2168. Max available: 4096x4096.
Error: WebGL: texImage2D: Requested size at this level is unsupported. textures.js:357:9
Error: WebGL: drawElements: Drawing to a destination rect smaller than the viewport rect. (This warning will only be given once)

17 May 2016 16:15

#9574

pakirrote

posts: 98

This is correct?:

in html:

<i id="fs" class="fa fa-expand" aria-hidden="true"></i>

in load_cb this:

// fullscreen
    var fsb = document.getElementById('fs');
    function toggleFullScreen() {
      if ((document.fullScreenElement && document.fullScreenElement !== null) ||
       (!document.mozFullScreen && !document.webkitIsFullScreen)) {
        if (document.documentElement.requestFullScreen) {
          document.documentElement.requestFullScreen();
        } else if (document.documentElement.mozRequestFullScreen) {
          document.documentElement.mozRequestFullScreen();
        } else if (document.documentElement.webkitRequestFullScreen) {
          document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        }
        $('#fs').removeClass( 'fa fa-expand' );
        $('#fs').addClass('fa fa-object-ungroup');
      } else {
        if (document.cancelFullScreen) {
          document.cancelFullScreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen();
        }
        $('#fs').removeClass( 'fa fa-object-ungroup' );
        $('#fs').addClass('fa fa-expand');
      }
    }
    fsb.addEventListener("click",toggleFullScreen);
    //end fullscreen

in css:

#fs {
    cursor: pointer;
    position: absolute;
    font-size: 20px;
    z-index: 100;
    color: white;
    bottom: 4px;
    right: 5px;
    opacity: 1;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.6);
    width: 20px;
    padding: 10px;
}

But in firefox when make fullscreen is not centered the canvas…
Any advice?, Thanks.

:S

04 May 2016 17:43

#9236

pakirrote

posts: 98

var m_app  = require("app");
var m_data = require("data");
var m_anim = require("animation");
var m_scenes = require("scenes");

function init_cb(canvas_elem, success) {
……
canvas_elem.addEventListener("mousedown", main_canvas_click, false);
}

function main_canvas_click(e) {
    if (e.preventDefault)
        e.preventDefault();

    var x = e.clientX;
    var y = e.clientY;

    var obj = m_scenes.pick_object(x, y);

    if (obj) {
        var n = obj.name;
        if (n == 'pelota_05') {
            $.magnificPopup.open({
                items: {
                    type:'inline',
                    src: '<div class="white-popup" data-effect="mfp-zoom-in">Punto de explicacion 01</div>',
                }
            });
        }
    }
}

04 May 2016 13:53

#9228

pakirrote

posts: 98

in your main.js how can capture if an object are clicked?, thx.

I want to combine it with Magnific Popup libraries (or shadowbox or lightbox or lightcase, etc).

04 May 2016 11:16

#9219

pakirrote

posts: 98

* { -webkit-tap-highlight-color:rgba(0,0,0,0); } It seems to work! :)

Forum

User posts pakirrote