three js - webGL in Adobe Muse
Hello
I'm trying to integrate this code in Adobe Muse. I'm placing it as an HTML object at the top of my page, but it seems that is not properly encoded because it appears at the bottom of the page.
http://pierosalardi-webgl2.BusinessCatalyst.com/index.html
This is the code I use:
<! DOCTYPE html >
< html >
< head >
< meta charset = "utf-8" >
< style >
{body
background-color: transparent;
margin: 0;
overflow: hidden;
}
< / style >
< / head >
< body >
" < script src =" http://brangerbriz.NET/Labs/threejs_playGnd/js/three.min.js "> < / script > .
" < script src =" http://brangerbriz.NET/Labs/threejs_playGnd/js/detector.js "> < / script > .
< script >
If (!.) Detector.addGetWebGLMessage (Detector.WebGL));
var, scene, made camera;
mesh of material, geometry, var;
function setup() {}
var W = window.innerWidth, H = window.innerHeight;
Renderer = THREE news. WebGLRenderer();
renderer.setSize (W, H);
document.body.appendChild (renderer.domElement);
camera = THREE news. PerspectiveCamera (50 L/H, 1, 10000);
Camera.position.z = 500;
scene = THREE news. Scene();
paste your code from the geometryGUI here
geometry = THREE news. OctahedronGeometry (200, 1);
material = THREE news. MeshNormalMaterial ({shadow: 3.}) ({SmoothShading, wire: true, wireframeLinewidth: 1});
Mesh = THREE news. Mesh (geometry, material);
Scene.Add (MeSH);
}
function draw () {}
requestAnimationFrame ("draw");
experiment with the code in the menu from here
Mesh.rotation.x = Date.now () * 0,00005;
Mesh.rotation.y = Date.now () * 0.00002;
Mesh.rotation.z = Date.now () * 0.0001;
Renderer.Render (scene, camera);
}
Setup();
Draw();
< /script >
< / body >
< / html >
Any ideas on how to incorporate this?
Thank you
Piero
The reason why it appears at the bottom of the page is located in the following line of code:
document.body.appendChild (renderer.domElement);
Which adds the element to the body rather than the div you have nested code inside.
Move the script out of the div, it is currently nested in (he must go after the div). Also change the line that adds the polygon to the page:
if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
var camera, scene, renderer;
var geometry, material, mesh;
function setup() {
var W = window.innerWidth, H = window.innerHeight;
renderer = new THREE.WebGLRenderer();
renderer.setSize( W, H );
document.getElementById('u135228').appendChild( renderer.domElement );
camera = new THREE.PerspectiveCamera( 50, W/H, 1, 10000 );
camera.position.z = 500;
scene = new THREE.Scene();
// paste your code from the geometryGUI here
geometry = new THREE.OctahedronGeometry(200, 1);
material = new THREE.MeshNormalMaterial({shading: THREE.SmoothShading, wireframe: true, wireframeLinewidth: 1});
mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
}
function draw() {
requestAnimationFrame( draw );
// experiment with code from the snippets menu here
mesh.rotation.x = Date.now() * 0.00005;
mesh.rotation.y = Date.now() * 0.00002;
mesh.rotation.z = Date.now() * 0.0001;
renderer.render( scene, camera );
}
setup();
draw();
Tags: Coding Corner
Similar Questions
-
Is Adobe Muse host websites designed with him also?
Is Adobe Muse host websites designed with him or is it a separate, service that I need to pay with a company like GoDaddy?
Hi Kathleen2468,
Muse is the program with the main purpose to generate the HTML and files related to your Web site. Along with this, you get three option to upload your files on server.
1. export as HRML
2 download on third-party FTP (hosting like godaddy etc.) Download an Adobe Muse to a third-party hosting service site
3 publish on Business Catalyst (it is Adobe hosting) publish your site for Adobe Web Hosting | Adobe Muse CC tutorials
In default Muse, you have the possibility to create temp on Business Catalyst site that expires after some cases of days.in you want to take Business catalyst accommodation then you can check the price of us annual price | Adobe Business Catalyst
Please do not hesitate to come back in case you need more information on this.
Kind regards
Vivek
-
Standart Adobe Muse slideshow is visible not only in Opera browser
Standart Adobe Muse slideshow is visible only in the Opera browser. Adelle Is it possible to fix manually?
I don't have the installer on my computer. You can report a bug to the team of the opera Bug - Opera Software report wizard help
You can also consult with their user community Opera for Mac - the opera Forums
I did a quick check of Google and it seems that there are various cases of users having problems with slideshows on the opera.
-
Export files for use in Adobe Muse OAM
I'm a 3D Designer and you want to make an OAM-file so I can put it in Adobe Muse.
I try to import all the 500 png in Adobe animate CC and save it as a file OAM, but quality is still poor.
How can I set up publication for OAM that the quality is good.
Thank you.
Export files of CC OAM animate to Dreamweaver and Adobe Muse | Adobe Dreamweaver CC tutorials
[moved to Adobe Creative cloud to Adobe animate CC - general]
-
Unknown error number 1 when you install adobe muse 2015
Unknown error number 1 when you install adobe muse 2015
What do I do? Help, please!
Error code 1: "unable to install". Creative Cloud Desktop: https://helpx.adobe.com/creative-cloud/kb/failed-install-creative-cloud-desktop.html
-
Site Web of Adobe Muse does not work with macOS Sierra
Since I've updated my iMac with Mac OS Sierra, I noticed that my Adobe Muse site stopped working smoothly in Safari.
What is the problem and what can you do about it?
It's my Web site: http://jonahsegers.be
look ok (except white text on a yellow background is a bad choice) with ff if there is probably a problem with safari. check out the forums of safari.
-
Adobe Muse CC in the Assembly browser
Hi, I'm new to Adobe Muse CC. I run a charitable organization, so I don't want to continue to get on the designer to help me as it costs a lot, and I hope someone here can help me.
I edited a page and it worked in all the pages of "px" except 360px - I ended up having to change that one as well. Any ideas why or how can I avoid this again please?
Thanks heaps, Vicki
It is likely that the designer needed to adjust the design to adjust the format for the smallest size. It is often to increase the text size or move the content to flow vertically.
In Muse, this is done by hiding elements of other breakpoints and adding new versions. That's why your changes had to be made separately for the breakpoint 360px.
I hope this helps.
David
-
I can't install adobe muse on my chromebook!
Help! I used to have a macbook pro and I had adobe on this, so when I went to make an account to download adobe muse I already had one. I now have a chromebook I got a month ago and a half. When I click on the free adobe muse that the trial there send me an email to myself that I'm supposed to open on my desktop, when I try to open it it just me right back to myself the same message. I tried a number of other things to do the download and it does not work. Is it because I already have an adobe account in the past? If so I don't know how to access it on my new acer chromebook. Anyone have any ideas?
Thank you
Hi Mariah,
Sorry to say, CC Adobe apps like Muse, Photoshop, etc are supported only on Windows and Mac OS X. You can't run these applications on a Chromebook.
As far as I know, the Chromebooks run only Chrome web apps.
Mike
-
Stretched Menu text - Please HELP! -Adobe Muse
Work in Adobe Muse. In 1200, everything is great, but if you shrink the window at different breakpoints my type of menu is tense. How can I fix this to happen? I tried everything thanks for any help, I really appreciate this community.
Have you watched the video on the creation of breakpoints?
Create a sensitive site with Adobe Muse | Adobe Muse CC tutorials
Watch this video and more on the site, they teach you about correctly using breakpoints and the addition of sensitive menu mobile.
-
Zoho CRM in Adobe Muse web form integration
Hello world
I am trying to integrate the web form that comes with Zoho CRM inside the Muse page, but does not work: I mean the browser does not display the form, but just a bunch of text without the entry fields. The form works fine if you create an html page. I'm looking for any idea...
This is the code:
<!-note:
-You can change the font style and the style of shape based on your Web site.
-Lines of code with comments "do not remove this code" are required to make the form work correctly, make sure that you do not delete these lines of code.
-Box script check required changes as your business needs.
-It is important that you test the modified form before going live.-->
< div id = "crmWebToEntityForm" style = "width: 600px; margin: auto; ">
< META HTTP-EQUIV = "content-type" CONTENT = text/html"; Charset = UTF - 8' >
< form action =' https://CRM.Zoho.com/CRM/WebToLeadForm ' name = WebToLeads20 method = "POST" onSubmit = 'javascript:document.charset = 'UTF-8'; return checkMandatory()' accept-charset = ' UTF - 8' > '.
<!-do not remove this code. ->
< input type = "text" style = "display: none; "name = value"xnQsjsdp"="79ac"/ >"
< input type = "hidden" name = "zc_gad" id = "zc_gad" = value "/ >
< input type = "text" style = "display: none; "name = value"xmIwtLD"= '8833' / >"
< input type = "text" style = "display: none; "name = value 'actionType' = am'/ >"
< input type = "text" style = "display: none; "name = value"returnURL"=' http://contact.html ' / > "
<!-do not remove this code. ->
< style >
TR, td {}
Padding: 6px;
border-spacing: 0px;
border-width: 0px;
}
< / style >
< table style = "width: 600px;" background-color: white; "color: black" >
< tr > < td colspan = "2" style = "text-align: left; color: black; do-family: Times New Roman; do-size: 14px;' > < strong contact form > < / strong > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; "> business < span style =" color: red; " ' > * </span > < table > < style td = "width: 250px;" "> < input type ="text"style =" width: 250px; " MaxLength = "100" name = "Company" / > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; ' > the name < span style = "color: red;" ' > * </span > < table > < style td = "width: 250px;" "> < input type ="text"style =" width: 250px; " MaxLength = "40" name = "FirstName" / > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; "> name < span style =" color: red; " ' > * </span > < table > < style td = "width: 250px;" "> < input type ="text"style =" width: 250px; " MaxLength = "80" name = "Last name" / > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; ' > email < span style = "color: red;" ' > * </span > < table > < style td = "width: 250px;" "> < input type ="text"style =" width: 250px; " MaxLength = "100" name = "Email" / > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; ' > city < span style = "color: red;" ' > * </span > < table > < style td = "width: 250px;" "> < input type ="text"style =" width: 250px; " MaxLength = "30" name = "City" / > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; "> Status < span style =" color: red; " ' > * </span > < table > < style td = "width: 250px;" "> < input type ="text"style =" width: 250px; " MaxLength = "30" name = "State" / > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; ' > countries < span style = "color: red;" ' > * </span > < table > < style td = "width: 250px;" "> < input type ="text"style =" width: 250px; " MaxLength = "30" name = 'Country' / > < table > < /tr >
< tr > < style td ='nowrap:nowrap; text-align: left; do-size: 12px; do-family: Times New Roman; width: 200px; ' > apply < span style = "color: red;" ' > * </span > < table > < td > < textarea name = "Description" maxlength = "1000" style = "width: 250px;" > < / textarea > < table > < /tr >
< tr > < td colspan = "2" style = "text-align: center;" padding-top: 15px; ">
< Input style =' police-size: 12px; color: #131307 ' type = "submit" value = "Submit" / >
< input type = "reset" style = "font-size: 12px;" color: #131307 ' value = 'Reset' / >
< table >
< /tr >
< /table >
< script >
var mndFileds = new Array ('company', 'First name', "Last name", "E-mail", "City", "State", "Country", "Description");
var fldLangVal = new Array ('company', 'First name', "Last name", "E-mail", "City", "State", "Country", "Ask");
var name = ";
mail electronic var = ";
function checkMandatory() {}
for (i = 0; i < mndFileds.length; i ++) {}
var fieldObj = return ['WebToLeads20'] [mndFileds [i]];
{if (fieldObj)}
If (((fieldObj.value) .replace (/ ^ \s + | \s + $/ g, ")) .length == 0) {}
If (fieldObj.type is 'file')
{
Alert ('Please select a file to upload.');
fieldObj.focus ();
Returns false;
}
Alert ("' cannot be empty.") + fldLangVal [i]);
fieldObj.focus ();
Returns false;
} else {if(fieldObj.nodeName=='SELECT')
{if (fieldObj.options [fieldObj.SelectedIndex]. Value is '- none-')}
Alert ("' cannot contain any.") + fldLangVal [i]);
fieldObj.focus ();
Returns false;
}
} Else if (fieldObj.type == 'checkbox') {}
if(fieldObj.Checked == false) {}
Alert (' Please accept "+ fldLangVal [i]);
fieldObj.focus ();
Returns false;
}
}
try {}
If (fieldObj.name == "Last name") {}
name = fieldObj.value;
}
} catch (e) {}
}
}
}
< /script >
< / make >
< / div >
Thank you
Vince
What I see, there is not a release of the solution of the box for this workflow in Adobe Muse.
-
Of error open Adobe Muse al archivo
I need open UN Muse created in version anterior archivo (2015) y me da el siguiente error.
Luego este error al pulsar OK Adobe Muse is cierra por completo.
An alguien ha pasado algo similar?
MIL gracias!
LU5MT wrote:
I need to open a Muse created in a version earlier (2015)
then use the version of muse which correspond to files
Edit: How to install older versions of sub-account = download and install apps Cloud Creative
-
Hello
I'm trying to install Adobe Muse of creative cloud on a new installation of Windows 10.
When installing, it happens to about 17% before fail with this error message:
Exit code: 183
-------------------------------------- Summary --------------------------------------
-fatal error 2, 0 error (s), 1 warning (s)
FATAL: Error (Code = 183) the "RunProgramCommand" command for the package: "dotNet", version: 4.5.2.4
FATAL: An error has occurred in the installation of the package (name: dotNet Version: 4.5.2.4). Error code: "183"
WARN: Program 'C:\adobeTemp\ETR38D3.tmp\1/MicrosoftDotNet/NDP452-KB2901907-x86-x64-AllOS-ENU.exe' failed with exit code: 5101
-------------------------------------------------------------------------------------
I tried to restart my computer and nothing seems to work.
I'm not sure if this is related, but while After Effects installed, I can not start it as it says 'MSVCR100.dll' is missing. Yet once, don't know if it of related or not.
Thank you.
Hey! I ended the question of fixing by installing MS visual c ++ 2010.
This also fixes the issue of After Effects. Thanks for your help!
-
Adobe Muse team: Please add Date Picker shape to Muse Widgets
Adobe Muse team: Please add Date Picker shape to Muse Widgets. WE NEED IT A LOT!
Thanks for your suggestion. We will inform the team of your requests.
-
MailChimp and Adobe Muse - how to incorporate
I am trying to integrate a Mailchimp on Adobe Muse registration form. "Based on a previous forum, I put the following code and replace the URL with my form: < iframe title = 'subscribe' src ="http://eepurl.com/cdhs3n"width ="400"height ="500"style =" border: 0; "scrolling ="no"> < / iframe >
But, how to format the shape on Muse? I would like to make the much smaller form. There is no option on Mailchimp to change the size of the grey background surrounding except for the color. And because the form is a form of "Général", I don't know where to access the HTML code. MailChimp provides a form of URL for the General forms.
Is there another way to incorporate Mailchimp on Muse as well as buying widgets? Is there another email provider registration form that you recommend that works well with Muse?
Here is the site: http://kandkmatwick.com/new-here.html
Thank you!
You cannot format a form of Mailchimp in Muse without a widget or knowledge of CSS and HTML. You can format to some extent inside Mailchimp and then incorporate the code if you want to try that route.
I know you're wondering if there is a solution that does not require a widget, but these widgets are quite impressive. It comes with 9 and 100 s customizations form widgets. More documentation on this subject can be found here. The widget is updated constantly and requested features are constantly being added!
-
Why Adob Muse not 32-bit?
Why Adob Muse not 32-bit?
Icant windos 64-bit installation and I like muse but icant install new version becuse my windos 32 bit pls help to use the new version of muse on 32 bit pls pls
the world went from 32-bit days... Muse is a tool for web design, and people like having all these beautiful objects that only a 64-bit system to rendor.
Maybe you are looking for
-
Professional Notepad: Installation of Windows 7 on a new PC laptop
I intend loading Windows 7 on my new Business Notebook are there any settings I need to change? What should I know? Thank you Bill
-
Same as above... I can't find my code request... where should I go? On my phone, where? No idea at all. Please help me ASAP!
-
Acer Iconia A1-830 micro sd problem
anyone having problem on the card micro sd not detected after the update?
-
Windows 8 pro update failure Code 80070BC9
I show no update Windows since July 2013. Whenever I have check I get a download of update, but during the installation I get 'impossible '. Code: 80070BC9 and others. No updates installed after KB2864629. This time, it's KB2871777 and KB2871690.
-
Issues med 'Product Code '.
Hei,Har Kjøpt "Adobe Creative Suite 6, Design & Web Premium" for Windows med product nr. The serial number < removed >. Debt prioriterede er Kjøpt lovlig hos ebuy og jeg betrakte debt som mim egen eiendel.Fordelen uke dining jeg issues med PCen og de