Сообщения, созданные пользователем stewet
29 декабря 2017 23:11
Interactive Bulb
Made in: blender - blend4web
Language: Hungarian
(in menu: ON OFF switch it does not work yet…)
thx b4w team
Made in: blender - blend4web
Language: Hungarian
(in menu: ON OFF switch it does not work yet…)
thx b4w team
22 ноября 2017 22:50
Hi!
My problem:
I would like to turn on/off a LED lamp depending on the checkbox status.
HTML Code:
JS Code:
Material Node:
Light ON (image):
but…
If you click the LIGHT checkbox, (ON status), GLOW will not be displayed. No console error. The transparency and color picker works. Can you help? Thanks
My problem:
I would like to turn on/off a LED lamp depending on the checkbox status.
HTML Code:
<body>
<div id="main_canvas_container"></div>
<!--SLIDER - OPACITY-->
<div class="header">
<center>
<span>L.E.D. OPACITY</span><label id="demo"></label><br>
<input type="range" id="myRange" style="width:180px" min="20" value="100"><p></p>
</center>
<!--LIGHT-SWITCH & COLOR PICKER-->
<div class="footer">
<div class="glow"><span>LIGHT</span><input class="toggle" type="checkbox" id="light"></div>
<div class="color"><span>COLOR</span><input type="color" id="color_input" value="#FF0000"></div>
<div style="clear: both;"></div>
</div>
<script>
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value/100;
slider.oninput = function() {
output.innerHTML = this.value/100;
}
</script>
</div>
</body>
JS Code:
// place your code here
var lens = m_scenes.get_object_by_name("lens");
var nodes = new Array("lens_mat", "RGB");
//OPACITY SLIDER
var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value/100;
slider.oninput = function() {
output.innerHTML = this.value/100;
m_mat.set_nodemat_value(lens, ["lens_mat", "Value"], output.innerHTML)
}
//COLOR PICKER - HEX to RGB
$('#color_input').change(function(){
var rgb = hexToRgb($(this).val());
$('#demo').text(rgb.r+', '+rgb.g+', '+rgb.b);
m_objects.set_nodemat_rgb(lens, nodes, rgb.r, rgb.g, rgb.b);
});
m_objects.set_nodemat_rgb(lens, ["lens_mat", 'RGB'], 0.8, 0, 0);
//GLOW ON/OFF WITH CHECKBOX (does not work)
function main_canvas_click(e) {
if (e.preventDefault)
e.preventDefault();
var x = e.clientX;
var y = e.clientY;
var glow = document.getElementById('light').checked;
if (glow == false) {
m_mat.set_nodemat_value(lens, ["lens_mat", "Value"], 0.0);
}
else
m_mat.set_nodemat_value(lens, ["lens_mat", "Value"], 1.0);
}
}
function hexToRgb(hex) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? {
r: parseInt(result[1], 16)/255,
g: parseInt(result[2], 16)/255,
b: parseInt(result[3], 16)/255
} : null;
}
Material Node:
Light ON (image):
but…
If you click the LIGHT checkbox, (ON status), GLOW will not be displayed. No console error. The transparency and color picker works. Can you help? Thanks
25 октября 2017 11:05
24 октября 2017 19:42
23 октября 2017 16:19
23 сентября 2017 14:17
Hello everyone
A newer interactive show was ready. Asynchronous electric engine.
Elements Hide / Show (lower icons)
To click on the element - text information (Hungarian language)
Thank you b4w team
Interactive Electric Engine
A newer interactive show was ready. Asynchronous electric engine.
Elements Hide / Show (lower icons)
To click on the element - text information (Hungarian language)
Thank you b4w team
Interactive Electric Engine
10 июля 2017 15:30
Dear Olski!
Thank you for the acknowledgement.
How heavy? Good question… I read a lot and I was searching the blend4web his site.
I don't know on a what kind of level you handle it the blendert, but to take the words of worthy Will into consideration.
The size of the project depends on the structures (textures) and the models (lowpoly) - my project size: (full) 61MB.
The collection place of the site for us free.
Thank you for the acknowledgement.
How heavy? Good question… I read a lot and I was searching the blend4web his site.
I don't know on a what kind of level you handle it the blendert, but to take the words of worthy Will into consideration.
The size of the project depends on the structures (textures) and the models (lowpoly) - my project size: (full) 61MB.
The collection place of the site for us free.