Forum Replies Created
-
AuthorPosts
-
domjasper
CustomerClick on the cloud icon in the left hand side bar on the verge3D app manager. Scroll down to your project folder, and click on the index.html file.
domjasper
CustomerAwesome. Always love to see new updates. Great job guys!
domjasper
CustomerEmailed :)
domjasper
CustomerHi kdv,
That’s pretty damn impressive. I don’t have the technical know how to explain why not, but the team I hired were not able to. Would you be open to working with me to implement your screen recording system into my project? I have a budget set aside for this.
Thank you!
domjasper
CustomerI have gone down a deep rabbit whole on this. Tried hiring two different developers, one freelancer and another agency. Both of whom were not able to get a good quality screen recording downloaded as an MP4.
As far as I know it is impossible to record and download an MP4 with good quality client side.
There are a few alternative solutions, such as using a server, or an API, but it will cost you.
I wish there was a solution as it is critical to my application. If there are any developers here who have already built this functionality I will pay you to install in on my file.
domjasper
CustomerHi KDV,
Thank you for the info. Would a material set up like this (attached image) therefore now be supported in terms of exporting from verge3D as a GLTF file? It doesn’t seem to work for me, do you know why that might be?
-
This reply was modified 3 months ago by
domjasper.
Attachments:
You must be logged in to view attached files.domjasper
CustomerGreat work! Would love to see some step by step youtube tutorial on how to use it, then I would definitely consider buying.
Anyway, its awesome to see new plugins for verge3D!
2024-09-27 at 3:28 pm in reply to: How much does scaling an image in blender effect performace? #77700domjasper
CustomerHi Xeon,
I am talking about Verge3D’s performance.
My question is whether scaling the image in blender has an effect on performance.
Attached is a screenshot of my node setup. The image is scaled to 0.01, so it is repeated over the object 100 times. Using this method I get outstanding close up detail.
Attachments:
You must be logged in to view attached files.domjasper
CustomerFixed! Thank you :)
domjasper
CustomerUnfortunately no success. Attached screenshot of puzzles.
Here is the slider code:
<link href=”https://refreshless.com//nouislider/dist/nouislider.css?v=1550″ rel=”stylesheet”>
<style>
/* Here you can change the root styles to suit your own brand */
:root {
–tooltip-height: 32px;
–tooltip-color: #000;
–tooltip-bg-color: #FBFCFE;
–tooltip-border-color: #E4E6F1;
–tooltip-corner-radius: 8px;
–tooltip-box-shadow: 0px 8px 20px rgba(141, 155, 190, 0.16);–handle-height: 24px;
–handle-width: 24px;
–handle-box-shadow: 0px 8px 20px rgba(141, 155, 190, 0.16);
–handle-color: #b4b4b4;–range-bar-height: 18px;
–range-bar-corner-radius: 20px;
–range-bar-color: #642EFF;
–range-box-shadow: 0px 8px 20px rgba(141, 155, 190, 0.16);
}/* -150% will show tool-tips at the bottom, you can swap these to top via the % amount. */
.noUi-tooltip.bottom {
bottom: 150%;
}
/* These are some styles for the range bar, for example the 2px inner-shadow. Or the corner ends */
.noUi-target {
background: #E4E6F1;
border-radius: 32px;
border: 0;
box-shadow: 0px 3px 2px -2px #1B114A14 inset;
}
.noUi-connects{
overflow: initial;
}
.noUi-connect {
background: var(–range-bar-color);
box-shadow: var(–range-box-shadow);
}.noUi-handle {
width: var(–handle-width) !important;
height: var(–handle-height) !important;
border-radius: 50%;
border: 0;
box-shadow: none;
box-shadow: var(–handle-box-shadow);
cursor: pointer;
top: -3px !important;
background: var(–handle-color);
}.noUi-handle:before,
.noUi-handle:after {
display: none
}
.noUi-horizontal{
height: var(–range-bar-height);
}
.noUi-tooltip {
height: var(–tooltip-height);
background: var(–tooltip-bg-color);
border: 1px solid var(–tooltip-border-color);
box-sizing: border-box;
box-shadow: var(–tooltip-box-shadow);
border-radius: var(–tooltip-corner-radius);
}
</style><script src=”https://refreshless.com/nouislider/dist/nouislider.js?v=1550″></script>
<script type=”text/javascript” src=”https://cdn.jsdelivr.net/jquery/latest/jquery.min.js”></script>
<script src=”https://refreshless.com/nouislider/documentation/assets/wNumb.js”></script><script>
$(function () {
//THIS IS FOR THE SINGLE SLIDER
let idOfSlider = ‘slider-single’;
let idOfSliderValue = ‘slider-single-value’;$(‘#’ + idOfSlider).css(‘display’, ‘none’);
$(““).insertAfter(‘#’ + idOfSlider);
var single = $(‘#’ + idOfSlider).next()[0];
noUiSlider.create(single, {
start: [520],
range: {
‘min’: 0.1,
‘max’: 1
},
step: 0.01,
tooltips: [
wNumb({decimals: 1.00,prefix: ”}),
],
});
var valueSingle = document.getElementById(idOfSlider);
single.noUiSlider.on(‘update’, function (values) {
$(‘#’ + idOfSlider).val(values);
$(‘#’ + idOfSliderValue).text(values);
});
$(‘[data-tooltip-pos]’).next().children().find(‘.noUi-tooltip’).addClass(‘bottom’)//THIS IS FOR THE RANGE SLIDER.
//Sorry for yelling…
let idOfRangeSlider = ‘slider-range’;$(‘#’ + idOfRangeSlider).css(‘display’, ‘none’);
$(““).insertAfter(‘#’ + idOfRangeSlider);
var range = $(‘#’ + idOfRangeSlider).next()[0];
noUiSlider.create(range, {
connect: true,
start: [10000, 18000],
range: {
‘min’: 1000,
‘max’: 20000
},
step: 500,
tooltips: [
wNumb({decimals: 2,prefix: ‘$’}),
wNumb({decimals: 2,prefix: ‘$’}),
],
});
range.noUiSlider.on(‘update’, function (values) {
$(‘#’ + idOfRangeSlider).val(values.join(‘ – ‘));
});
});</script>
Attachments:
You must be logged in to view attached files.domjasper
CustomerAwesome! Thank you very much xeon, I will give it a try.
domjasper
CustomerWill do! I did try that previously but it seemed to crash the app. Will give it another go using the documentation.
If you have any other advice or suggestions, I would love to hear them!
domjasper
CustomerThank you Yuri! All made possible by your awesome software :)
domjasper
CustomerAlso looking for a solution to this. I want to use Webflow to host my project, and have the 3D scene interact with the webflow ui. Is it possible?
domjasper
CustomerI tried embedding it via the Verge3D network, but there are issues with the paywall. Are there any tutorials on how to integrate the Verge3D App?
-
This reply was modified 3 months ago by
-
AuthorPosts