haris

Hi,
I tried this on my laptop it was very slow and laggy but you can fix the slow loading time by loading your variations in parts, whenever a user clicks you can load that particular variation with load scene puzzle, and try to use cube map reflection for reflections :) could you tell how many number of polygons you scene has?

Regards,
Haris

harisimran1012@gmail.com

Hi,
use these puzzles to play and restart your video

Regards,
Haris.

Harisimran1012@gmail.com

Ok your choice, can you share screenshots again

Hi,
Emma i updated the things

/* __V3D_TEMPLATE__ – template-based file; delete this line to prevent this file from being updated */

body {
margin: 0px;
overflow: hidden;
}

#v3d-container {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.v3d-simple-preloader-bar {
background: orange;
}

.v3d-simple-preloader-logo {
background-image: url(“media/pippo.png”);
}

.fullscreen-button {
position: absolute;
top: 5px;
right: 5px;
width: 50px;
height: 50px;
cursor: pointer;
background-size: 100% 100%;
display: none;
z-index: 1;
}

.fullscreen-open {
background-image: url(‘media/fullscreen_open.svg’);
}

.fullscreen-close {
background-image: url(‘media/fullscreen_close.svg’);
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.preloader_div {
position: fixed;
width: 100%;
height: 100%;
background-color: #e6e6e6ff;
display: flex;
align-items: center;
justify-content: center;
}

.div-block-4 {
position: fixed;
bottom: auto;
display: block;
width: 240px;
height: 145px;
background-color: #d3d3d3;
background-image: url(‘./images/button_1.png’);
background-position: 0px 0px;
background-size: 125px;
}

.div-block-5 {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
background-image: url(‘./images/preloader.svg’);
background-position: 50% 50%;
background-size: contain;
}

.div-block-6 {
position: absolute;
z-index: 2;
width: 0%;
height: 100%;
float: left;
background-color: #000;
direction: ltr;
font-family: ‘Oswald’, sans-serif;
white-space: normal;
}

.text-block {
display: relative;
top: 60%;
font-family: ‘Oswald’, sans-serif;
color: #000;
font-size: 40px;
text-align: center;
}

Hi, is the pictogram is a 3d object? if it is a 3d object then it possible to do it. For more information, you can contact me harisimran1012@gmail.com :)

Hi,
I see the scene is loading very slowly because of the large numbers of textures but you don’t need to worry because can be fixed, and we can improve performance and the loading time 2x faster, you can contact me so I can help you to fix this, my Gmail harisimran1012@gmail.com :)

Can you share screenshots?